/* Full-bleed homepage; all other V5 typography and blocks retain their 85% scale. */
.hero{width:100%;margin:0;isolation:isolate}
@media(min-width:761px){
 .hero{height:clamp(560px,78svh,850px);min-height:0}
 .hero-image{overflow:hidden}
 .hero-image img{animation:none;transform:scale(1.02);transform-origin:center;transition:none;object-position:50% 57%}
 .hero.is-interactive .hero-image img{will-change:transform}
 .hero-topline{left:5.4%;right:5.4%;top:28px}
 .hero-copy{bottom:15%}
 .hero-project{right:5.4%;bottom:9%}
 .hero-scroll{bottom:4.2%}
}
@media(max-width:760px){
 .hero-image{width:100%;margin:0;aspect-ratio:4/3}
 .hero-image img{transform:none;animation:none}
 .hero-copy{padding-inline:24px}
 .hero-project{margin-inline:24px;padding-inline:0}
 .hero .hero-scroll{left:0;margin-left:24px;padding-left:0}
}
@media(prefers-reduced-motion:reduce){.hero .hero-image img{transform:none;animation:none;transition:none}}