body{font-family:var(--font-body,Tajawal,Arial,sans-serif)}h1,h2,h3,.eyebrow{font-family:var(--font-heading,var(--font-body,Tajawal,Arial,sans-serif))}.site-footer{background:var(--brand-footer,#202b1a)}.btn,.button{border-radius:var(--radius-button,999px)}.card,.product-card,.family-card,.panel{border-radius:var(--radius-card,18px)}.section{padding-block:calc(80px * var(--space-scale,1))}
html[data-header=formal] .site-header{border-bottom:3px solid var(--gold)}html[data-header=formal] .header-inner{max-width:1280px;margin:auto}html[data-header=compact] .site-header,html[data-header=compact] .header-inner{height:64px}html[data-header=minimal] .site-header{background:var(--bg)}html[data-header=minimal] .desktop-nav{letter-spacing:.04em}
html[data-hero=institutional] .hero{min-height:620px;text-align:center}html[data-hero=institutional] .hero-content{margin-inline:auto}html[data-hero=institutional] .actions{justify-content:center}html[data-hero=split] .hero{min-height:600px}html[data-hero=split] .hero-content{width:min(58%,760px);margin-inline-start:auto}html[data-hero=split] .hero-shade{background:linear-gradient(90deg,#17253633,#172536e8)}html[data-hero=cinematic] .hero{min-height:86vh}html[data-hero=cinematic] .hero-content{max-width:760px}html[data-hero=cinematic] .hero-shade{background:linear-gradient(0deg,#2c1c1ce8,#2c1c1c22)}
html[data-cta=square] .clients-cta .btn,html[data-cta=square] .buy-actions>.btn{border-radius:6px}html[data-cta=block] .clients-cta .btn{min-width:260px;border-radius:14px}html[data-cta=outline] .clients-cta{background:transparent;color:var(--ink);border-block:1px solid var(--line)}html[data-cta=outline] .clients-cta p{color:var(--muted)}
html[data-footer=banded] .site-footer{border-top:8px solid var(--gold)}html[data-footer=compact] .site-footer{padding-top:36px}html[data-footer=editorial] .footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;border-top:1px solid #ffffff30;padding-top:40px}
html[data-hierarchy=dense] h1{letter-spacing:-.02em}html[data-hierarchy=visual] .card-media{aspect-ratio:4/5}html[data-hierarchy=spacious] .section-heading{margin-bottom:64px}html[data-homepage=corporate] .featured-section{background:var(--soft)}html[data-homepage=catalog] .family-grid{gap:12px}html[data-homepage=story] .why-grid{gap:100px}
@media(max-width:800px){html[data-hero=split] .hero-content{width:100%}html[data-footer=editorial] .footer-grid{grid-template-columns:1fr 1fr}}