.hero{min-height:500px;padding-block:48px 60px}
.hero h1{font-size:clamp(42px,5.4vw,72px);max-width:620px;margin-bottom:20px}
.hero-intro{max-width:540px;font-size:16px}
.hero-actions{margin-top:30px}
.hero-visual{max-width:430px}

@media (max-width:850px){
  .hero{min-height:0;padding-block:40px 56px}
  .hero-visual{max-width:380px;margin-top:8px}
}

@media (max-width:560px){
  .hero h1{font-size:clamp(42px,11vw,60px)}
  .hero-visual{max-width:360px}
}