.work-transactions, .work-case { padding-block: clamp(3.5rem, 7vw, 7rem); }
.work-transactions, .work-case { scroll-margin-top: 6rem; }
.work-grid, .work-case-layout { display: grid; gap: clamp(1rem, 2.5vw, 2rem); margin-top: 2rem; }
.work-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.work-card { display: flex; flex-direction: column; background: #f2f6f8; }
.work-card .work-image-frame > img { display: block; width: 100%; aspect-ratio: 1.55; height: auto; object-fit: cover; }
.work-copy { display: flex; flex: 1; flex-direction: column; align-items: flex-start; padding: clamp(1rem, 2vw, 1.75rem); }
.work-copy h3, .work-case-layout h3 { font-size: clamp(1.3rem, 2vw, 1.8rem); line-height: 1.15; margin: 0 0 .4rem; }
.work-market { color: #425b6c; margin: 0; }
.work-page dl { margin: 1rem 0; width: 100%; }
.work-page dt { font-weight: 700; }
.work-page dd { margin: 0; }
.work-copy dl div { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .25rem .75rem; border-bottom: 1px solid #cad7de; padding-block: .45rem; }
.work-copy .text-link { margin-top: auto; }
.work-case { background: #edf3f6; }
.work-case-layout { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; }
.work-case-media { margin: 0; }
.work-case-media img { display: block; width: 100%; aspect-ratio: 3 / 2; height: auto; object-fit: cover; }
.work-case-media figcaption { margin-top: .5rem; color: #425b6c; font-size: .875rem; }
.work-case dl div { border-bottom: 1px solid #cad7de; padding-block: .65rem; }
@media (max-width: 920px) { .work-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .work-grid, .work-case-layout { grid-template-columns: minmax(0, 1fr); } }

.work-page .institutional-hero > img { object-position: 85% 18%; }

.work-image-frame { overflow: hidden; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .work-image-frame > img { transition: transform 1.2s ease; }
  .work-image-frame:hover > img { transform: scale(1.07); }
}