html,body{overflow-x:hidden}
.hero-inner,.page-hero h1,.hero-lead{min-width:0;max-width:100%;overflow-wrap:break-word}
@media(max-width:900px){
  .hero-inner{animation:none}
  .page-hero h1{font-size:clamp(2.85rem,12vw,4.5rem);line-height:.92;letter-spacing:0;text-wrap:wrap}
  .menu-button{flex:0 0 auto}
  .site-header .brand span{max-width:135px}
}
@media(max-width:420px){
  .page-hero h1{font-size:clamp(2.7rem,11.7vw,3.2rem)}
  .hero-lead{font-size:.98rem}
}