/* Milestone-one findings from 320px, 390px and 768px browser review. */
@media(max-width:620px){
 .hero h1{font-size:clamp(50px,17.4vw,68px)}
 .hero-actions{gap:18px}
 html[lang=en] .hero-actions{font-size:12px;gap:16px}
 html[lang=en] .hero-actions .button{padding-inline:16px;gap:14px;white-space:nowrap}
 html[lang=en] .hero-actions .text-link{gap:10px;white-space:nowrap}
}
@media(max-width:360px){
 .hero-actions{flex-direction:column;align-items:stretch;gap:18px}
 .hero-actions .text-link{justify-content:center}
}