/* Approved 2026-10-18: self-hosted open-source display fonts. */
@font-face{font-family:'El Messiri';src:url('/assets/fonts/ElMessiri-Variable.ttf') format('truetype');font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('/assets/fonts/CormorantGaramond-Variable.ttf') format('truetype');font-style:normal;font-weight:300 700;font-display:swap}
html[lang=ar] :is(h1,h2,h3,h4){font-family:var(--display-ar);font-weight:600}
html[lang=en] :is(h1,h2,h3,h4),html[lang=ar] :is(h1,h2,h3,h4)[lang=en]{font-family:var(--display-en);font-weight:600}
html[lang=ar] .hero-copy h1{font-family:var(--display-ar);font-weight:600;font-size:clamp(30px,3.5vw,52px)}
html[lang=en] .hero-copy h1{font-family:var(--display-en);font-weight:600;font-size:clamp(36px,5vw,76px);text-transform:none}
.hero-copy h1{line-height:1.4}
@media(max-width:650px){html[lang=ar] .hero-copy h1{font-size:32px}html[lang=en] .hero-copy h1{font-size:48px}}