/* Refinements apply only to the new platform pages, never to Work interiors. */
/* Route headings receive programmatic focus for assistive navigation, not a control ring. */
.page h1[tabindex="-1"]:focus,.page h2[tabindex="-1"]:focus,#main[tabindex="-1"]:focus{outline:none;box-shadow:none}
.hero h1{font-size:clamp(48px,7vw,98px);line-height:1.02;letter-spacing:-.045em}.hero h1 em{letter-spacing:-.035em}.hero .lede{line-height:1.62}.display{letter-spacing:-.045em;line-height:1.04}.title{letter-spacing:-.035em;line-height:1.1}.page-head .display{line-height:1.05}.page-head{gap:48px}.nav{gap:25px}.nav a{font-size:14px;letter-spacing:0}.progress{display:none}.work-row h3{letter-spacing:-.025em;line-height:1.25}.work-row .read{line-height:1.6}.selected-work{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.selected-work h3{font-size:clamp(23px,2.45vw,33px);letter-spacing:-.025em;line-height:1.2}.native-preview{display:block;width:100%;aspect-ratio:1.46;object-fit:cover;object-position:top;border:1px solid var(--line);margin-top:22px}.native-note{font-size:12px;color:var(--muted);margin-top:12px!important}.hero-foot{font-size:12px;line-height:1.55}.spx-footer .spx-inner{width:min(1440px,calc(100% - 2*var(--gutter)))}
@media(max-width:760px){.hero{min-height:0;max-height:none;padding:58px 22px 24px;display:flex}.hero-copy{order:1;padding:18px 0 0}.hero .display{font-size:clamp(44px,11vw,68px);line-height:1.04;letter-spacing:-.04em}.hero .display em{letter-spacing:-.03em}.hero-art{position:relative;top:auto;right:auto;order:2;width:100%;height:330px;margin:12px 0 0}.hero-art:after{background:none}.hero-art svg{overflow:hidden}.hero-foot{order:3;padding-top:12px;gap:18px;margin-top:0;font-size:11px;line-height:1.55}.hero .lede{font-size:17px;line-height:1.6}.selected-work{grid-template-columns:1fr;gap:14px}.selected-work h3{font-size:30px}.page-head .display{font-size:clamp(42px,10vw,65px);letter-spacing:-.035em;line-height:1.06}.page-head{gap:25px}.hero .actions{flex-wrap:wrap;gap:14px}.title{line-height:1.13}}