/* Opening section: keep copy and location line in normal flow. */
@media screen {
 .hero{height:auto;min-height:clamp(640px,80svh,780px);max-height:none;display:flex;flex-direction:column;justify-content:space-between}
 .hero-content{position:relative;bottom:auto;width:min(1440px,100%);margin:0 auto;padding:clamp(64px,8svh,100px) 5.5% 48px;flex:none}
 .hero h1{max-width:740px;font-size:clamp(2.6rem,4.7vw,4.7rem);line-height:1.08}
 .hero-footer{position:relative;left:auto;right:auto;bottom:auto;margin:0 5.5% 26px;flex-wrap:wrap;flex:none}
}
@media screen and (max-width:960px){
 .hero h1{font-size:clamp(2.6rem,5.8vw,3.7rem);max-width:600px}
}
@media screen and (max-width:640px){
 .hero{height:auto;min-height:720px;max-height:none}
 .hero-content{position:relative;bottom:auto;padding:240px 6% 36px}
 .hero h1{font-size:clamp(2.45rem,8.5vw,3.4rem);max-width:410px}
 .hero-footer{margin:0 6% 20px}
}