.main-hero{height:calc(100svh - 106px);min-height:803px}
.hero-picture{overflow:hidden}
.hero-bottom{justify-content:flex-end}
.project-hero{height:clamp(480px,calc(100svh - 150px),1200px)}
@media(max-width:760px){
 .main-hero{display:flex;flex-direction:column;height:auto;min-height:0;background:#eff2f1}
 .main-hero-content{order:1;padding-top:38px;padding-bottom:36px}
 .website .main-hero h1{font-size:clamp(40px,8.4vw,62px);line-height:1.04;margin-bottom:24px}
 .main-hero .eyebrow{font-size:10px;line-height:1.7;letter-spacing:.1em;margin-bottom:22px}
 .hero-intro{font-size:17px;line-height:1.75;color:#343c3e;margin-bottom:26px}
 .main-hero .button-actions{flex-direction:column;gap:12px}
 .main-hero .button-actions .button{width:100%;justify-content:space-between;min-height:54px}
 .hero-secondary{background:#fff}
 .hero-picture{position:relative;inset:auto;z-index:0;order:2;width:100%;height:clamp(210px,50vw,360px)}
 .hero-picture picture{display:block;width:100%;height:100%}
 .hero-picture img{object-position:52% center}
 .hero-overlay{display:none}
 .hero-bottom{bottom:16px;z-index:1}
 .motion-toggle{background:#fff;border-color:#a1a9a8}
 .project-hero{height:clamp(240px,65vw,420px)}
}