/* Shared layouts; allow English phrases to wrap at word boundaries. */
html[lang="en"] h1,html[lang="en"] h2{letter-spacing:-.04em;line-height:1.08;text-wrap:balance}
html[lang="en"] h1{font-size:clamp(42px,5vw,78px)}
html[lang="en"] h1 span{max-width:100%;white-space:normal}
html[lang="en"] h1 .hero-title-line{max-width:100%;white-space:normal}
html[lang="en"] .section h2{font-size:clamp(34px,3.7vw,60px)}
html[lang="en"] .hero-content{padding-top:125px;padding-bottom:160px}
html[lang="en"] .hero h1{max-width:850px}
html[lang="en"] .site-nav{gap:22px}
html[lang="en"] .lang-link{flex-shrink:0}
html[lang="en"] .button{padding-top:12px;padding-bottom:12px}
@media(max-width:1100px){html[lang="en"] .site-nav{gap:16px}}
@media(max-width:600px){html[lang="en"] h1{font-size:clamp(32px,8.5vw,48px)}html[lang="en"] .hero{height:auto;min-height:820px}html[lang="en"] .hero-content{height:auto;min-height:820px;padding-top:130px;padding-bottom:230px}html[lang="en"] h2{font-size:34px}html[lang="en"] .hero-actions{align-items:flex-start;flex-direction:column;gap:22px}}