/* Spanish headings carry longer words than English or French.
   Only below 480px the display face is scaled down so each hero line stays
   one word-group on small screens; sizes remain far above body text. */
@media(max-width:480px){
html[lang=es] .hero h1{font-size:clamp(56px,15vw,84px)}
}
