@media(min-width:901px){
  .hero-copy{top:46%;max-width:min(1050px,67vw)}
  .hero-copy h1{font-size:clamp(42px,5.2vw,78px);margin:18px 0}
}

@media(max-width:900px){
  .hero-copy{top:38%}
  .hero-copy h1{font-size:34px;line-height:1.12;margin:14px 0}
  .hero-copy>p:not(.eyebrow){line-height:1.55;font-size:14px}
  .hero-actions{margin-top:18px}
  .hero-actions .button{min-height:42px;padding:0 16px}
  .hero-metrics{bottom:24px;gap:12px}
}