@media(max-width:620px){
 .hero{min-height:0;display:block;background-image:none;background-color:#05080d;overflow:hidden}
 .hero:before{position:relative;display:block;inset:auto;content:"";width:100%;aspect-ratio:960/357;background:url('hero.png') center/contain no-repeat}
 .hero .hero-copy{padding:25px 5px 65px;max-width:100%}
 .hero h1{font-size:clamp(35px,10vw,48px);margin-top:14px}
 .hero p{font-size:16px;line-height:1.8}
 .hero .hero-actions{gap:10px}
 .hero .hero-actions .btn{padding:10px 16px;font-size:14px}
}