[hidden]{display:none!important}
.selected-work{width:min(100% - clamp(48px,12vw,240px),1600px);margin-inline:auto;padding-block:88px 40px;scroll-margin-top:32px}
.selected-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:44px}
.selected-heading h2{margin:0;font:600 clamp(42px,5vw,68px)/1.05 var(--display);letter-spacing:-.025em}
.selected-count{color:var(--quiet);font:11px/1.5 var(--mono);letter-spacing:.06em;white-space:nowrap}
.selected-case{scroll-margin-top:40px}
.selected-case+.selected-case{margin-top:clamp(88px,11vw,160px)}
.selected-media{aspect-ratio:16/9;overflow:hidden;background:var(--paper-2);border-radius:3px}
.selected-media video{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.selected-caption{margin-top:24px}
.selected-meta{display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--muted);font-size:11px;letter-spacing:.08em}
.selected-number{font:11px var(--mono);color:var(--quiet)}
.selected-caption h3{margin:10px 0 12px;font:600 clamp(32px,4vw,52px)/1.08 var(--display);letter-spacing:-.015em}
.selected-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px}
.selected-actions a{display:inline-flex;align-items:center;gap:9px;min-height:40px;color:var(--muted);font-size:13px}
.selected-actions .selected-explore{color:var(--ink)}
.selected-actions a:hover{color:var(--brand)}
.selected-actions .icon{width:16px;height:16px}
.selected-end{display:flex;justify-content:center;margin-top:clamp(88px,11vw,160px);padding-block:56px;border-top:1px solid var(--line)}
.all-showcases-link{display:inline-flex;align-items:center;gap:32px;min-height:48px;font:600 clamp(28px,3vw,38px)/1.2 var(--display)}
.all-showcases-link .icon{width:24px;height:24px;transition:transform .2s ease}
.all-showcases-link:hover .icon{transform:translateX(5px)}
.all-showcases-link:hover{color:var(--brand)}
@media(max-width:760px){
  .selected-work{width:calc(100% - 48px);padding-top:52px;scroll-margin-top:20px}
  .selected-heading{margin-bottom:28px}
  .selected-caption{margin-top:18px}
  .selected-caption h3{margin-top:8px}
  .selected-case+.selected-case{margin-top:76px}
  .selected-end{margin-top:80px;padding-block:36px}
}
@media(prefers-reduced-motion:reduce){.all-showcases-link .icon{transition:none}}
