body{font-family:"Tajawal",sans-serif}
.brand,.hero h1,.section-head h2,.feature-card h3,.product h3,.panel h3,.info h3,.story h3,.subheading,.timeline h3,.faq h3,footer h3{font-family:"Cormorant Garamond","Amiri",serif}
html[lang="ar"] .brand,html[lang="ar"] .hero h1,html[lang="ar"] .section-head h2,html[lang="ar"] .feature-card h3,html[lang="ar"] .product h3,html[lang="ar"] .panel h3,html[lang="ar"] .info h3,html[lang="ar"] .story h3,html[lang="ar"] .subheading,html[lang="ar"] .timeline h3,html[lang="ar"] .faq h3,html[lang="ar"] footer h3{font-family:"Amiri",serif}
.hero-copy{margin-left:auto;margin-right:max(5vw,calc((100vw - 1240px)/2))}
html[lang="en"] .hero-copy{text-align:left}
html[lang="ar"] .hero-copy{text-align:right}
.brand small{margin-inline-start:6px}
.language-switch{display:flex;align-items:center;padding:3px;border:1px solid var(--line);border-radius:999px;background:#0c0c0a;white-space:nowrap}
.language-switch button{border:0;background:transparent;color:var(--muted);font:700 13px "Tajawal",sans-serif;padding:5px 9px;border-radius:999px;cursor:pointer;line-height:1.2}
.language-switch button.active{background:var(--gold);color:#fff}
html[dir="rtl"] .outline{direction:rtl}
html[dir="rtl"] .feature-card>div,html[dir="rtl"] .story div,html[dir="rtl"] .panel,html[dir="rtl"] .faq,html[dir="rtl"] footer{text-align:right}
html[dir="ltr"] .feature-card>div,html[dir="ltr"] .story div,html[dir="ltr"] .panel,html[dir="ltr"] .faq,html[dir="ltr"] footer{text-align:left}
@media(max-width:1150px){.topbar nav{gap:13px}.topbar nav a{font-size:13px}.nav-wrap{gap:13px}.brand small{display:none}}
@media(max-width:950px){.menu{margin-inline-start:auto}.hero-copy{margin:auto}.language-switch{margin-inline-start:4px}}
@media(max-width:600px){.language-switch button{font-size:12px;padding:5px 7px}.brand{font-size:20px}}