/* Four proof routes with readable service and industry labels. */
body.work-index .page-hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:32px 48px;align-items:center;min-height:0;padding-block:130px 30px}
body.work-index .page-hero .hero-copy{max-width:none;min-width:0}
.work-index .page-hero .display{font-size:clamp(40px,4.3vw,64px);line-height:1.08;letter-spacing:-.04em;max-width:15ch}
.work-index .page-hero .display span{color:#2e5aa7}
.work-index .page-hero .hero-intro{font-size:17px;line-height:1.75;max-width:44ch;margin-top:24px}
.work-browse{display:inline-flex;align-items:center;gap:16px;min-height:48px;font:700 15px/1.4 Satoshi,sans-serif;color:#023266;margin-top:24px;text-decoration:none;border-bottom:1px solid #02326655;padding:8px 0}
.work-browse>span{display:grid;place-items:center;width:36px;height:36px;background:#ffdf65;border-radius:50%}.work-browse svg{width:20px;height:20px}
.work-intro-note{font:400 12px/1.7 Inter,sans-serif;color:#52667e;margin-top:18px}.work-intro-note i{font-style:normal;padding-inline:8px}
.work-composition{display:grid;grid-template-columns:1fr 1fr;gap:20px;min-width:0;width:100%;max-width:720px;justify-self:center}
.work-sample{display:block;min-width:0;border:1px solid #02326622;border-radius:14px;overflow:hidden;background:#fffefa;color:#023266;text-decoration:none;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1)}
.work-sample:nth-child(even){transform:translateY(16px)}.work-sample:hover{transform:translateY(-4px);box-shadow:0 10px 25px #02326614}.work-sample:focus-visible{outline:3px solid #2e5aa7;outline-offset:4px}
.sample-label{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;font:700 12px/1.4 Satoshi,sans-serif}.sample-label>span:last-child{font-size:19px}
.sample-art{aspect-ratio:3/2;display:grid;place-items:center;background:#e8f0fb;overflow:hidden}.sample-art img{display:block;width:100%;height:100%;object-fit:contain;min-height:0}
.sample-caption{padding:13px 14px 16px;display:grid;gap:5px}.sample-caption strong{font:750 18px/1.25 Satoshi,sans-serif}.sample-caption>span{font:400 11px/1.5 Inter,sans-serif;color:#52667e}
.work-intro-baseline{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;padding-top:22px;margin-top:16px;border-top:1px solid #02326625;color:#52667e;font:400 12px/1.7 Inter,sans-serif}.work-intro-baseline b{color:#023266;font-weight:600}
.work-index #projects{scroll-margin-top:115px;padding-top:58px}
@media(max-width:1000px){body.work-index .page-hero{grid-template-columns:1fr;gap:28px}.work-index .page-hero .display{max-width:23ch}.work-index .page-hero .hero-intro{max-width:65ch}.work-composition{max-width:none;gap:20px}.sample-art{max-height:250px}}
@media(max-width:600px){body.work-index .page-hero{padding-top:145px}.work-index .page-hero .display{font-size:40px}.work-index .page-hero .hero-intro{font-size:16px}.work-composition{gap:14px}.sample-label{font-size:11px;padding:9px 10px}.sample-caption{padding:11px 10px 13px}.sample-caption strong{font-size:16px}.sample-caption>span{font-size:11px}.work-intro-baseline{flex-direction:column;gap:5px}.work-sample:nth-child(even){transform:none}}
@media(max-width:360px){.work-composition{grid-template-columns:1fr}.sample-art{max-height:none}}
@media(prefers-reduced-motion:reduce){.work-sample{transition:none}.work-sample:hover{transform:none}}