@media(max-width:640px){.hero-bottom{gap:18px;align-items:center}.hero-bottom>a,.hero-bottom>span{font-size:8px;line-height:12px}.hero-bottom>a{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px}.hero-bottom>a span{margin-left:0;line-height:12px}.hero-bottom>span{max-width:none;white-space:nowrap;text-align:right;letter-spacing:.12em}}
@media(max-width:360px){.hero-bottom{gap:12px}.hero-bottom>a,.hero-bottom>span{font-size:7px;line-height:11px}.hero-bottom>a span{line-height:11px}.hero-bottom>span{letter-spacing:.08em}}

/* Design v3: preserve the strong hero, refine the mobile/editorial rhythm. */
.hero-media img{animation:hgk-hero-enter 1.1s cubic-bezier(.2,.7,.2,1) both}.selected-card figure{isolation:isolate}.selected-card img{will-change:transform}.selected-caption h2{transition:letter-spacing .25s ease}.selected-card:hover .selected-caption h2{letter-spacing:-.04em}
@keyframes hgk-hero-enter{from{opacity:.72;transform:scale(1.025)}to{opacity:.9;transform:scale(1.005)}}
@media(max-width:640px){.hero-lockup h1{font-size:17.5vw;line-height:.86;letter-spacing:-.055em}.hero-lockup p{font-size:17px}.selected-card,.selected-card:nth-child(n){margin-bottom:50px}.selected-card--hero figure{aspect-ratio:1.18!important}.selected-card--portrait figure{aspect-ratio:.82!important}.selected-card--landscape figure{aspect-ratio:1.2!important}.selected-card--wide figure{aspect-ratio:1.3!important}.selected-card--small figure{aspect-ratio:.94!important}.selected-caption{padding-top:11px}.selected-caption h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){.hero-media img{animation:none}}