@charset "utf-8";
/* Naireen · language.css — language button and the English (LTR) mirror */

/* ---------- language toggle + LTR mirror ---------- */
.lang{flex:0 0 auto; font-family:var(--f-ui); font-size:12px; font-weight:500; letter-spacing:.09em; color:var(--mist);
  background:none; border:1px solid var(--line); border-radius:999px; padding:8px 13px; cursor:pointer; min-width:46px;
  transition:color .25s, border-color .25s}
.lang:hover{color:var(--flash); border-color:rgba(214,174,91,.55)}
:root[data-lang="en"]{direction:ltr; --f-ar-display:"Instrument Serif","Times New Roman",serif; --f-ar:"Geist","IBM Plex Sans Arabic",system-ui,sans-serif}
:root[data-lang="en"] body{line-height:1.68; font-weight:400}
:root[data-lang="en"] h1,:root[data-lang="en"] h2{letter-spacing:-.015em; line-height:1.06}
:root[data-lang="en"] h1{font-size:clamp(38px,5.4vw,72px)}
:root[data-lang="en"] #hero h1{max-width:min(100%,740px); font-size:clamp(33px,4.3vw,57px)}
:root[data-lang="en"] #hero{padding-top:calc(var(--nav) + 26vh)}
:root[data-lang="en"] h3{font-family:var(--f-ar); font-weight:500; letter-spacing:-.01em}
:root[data-lang="en"] .lede,:root[data-lang="en"] .card p,:root[data-lang="en"] .step p,:root[data-lang="en"] .qa .ans,:root[data-lang="en"] .legal-body p,:root[data-lang="en"] .legal-body li{line-height:1.7}
:root[data-lang="en"] .ul li{line-height:1.55}
:root[data-lang="en"] #manifest{font-size:clamp(24px,3.2vw,40px); line-height:1.24; max-width:min(100%,640px)}
:root[data-lang="en"] .step .n,:root[data-lang="en"] .flow li:last-child .lb{font-family:var(--f-en)}
:root[data-lang="en"] .split{grid-template-columns:1fr minmax(0,calc(50% + 40px))}
:root[data-lang="en"] .split > :first-child{order:2}
:root[data-lang="en"] .seal-grid{grid-template-columns:minmax(0,46%) minmax(0,1fr)}
:root[data-lang="en"] .seal-grid > :first-child{order:2}
:root[data-lang="en"] .board-grid{grid-template-columns:minmax(0,560px) minmax(0,1fr)}
:root[data-lang="en"] .board-grid > :first-child{order:2}
:root[data-lang="en"] .dunes::after{background:linear-gradient(to right, rgba(7,7,10,.92) 0%, rgba(7,7,10,.6) 42%, transparent 72%)}
:root[data-lang="en"] .legal-body h4{font-family:var(--f-ar); font-weight:600}
@media (max-width:980px){
  :root[data-lang="en"] .split,:root[data-lang="en"] .seal-grid{grid-template-columns:minmax(0,1fr)}
  :root[data-lang="en"] .split > :first-child,:root[data-lang="en"] .seal-grid > :first-child{order:0}
}
@media (max-width:980px){ :root[data-lang="en"] .board-grid{grid-template-columns:minmax(0,1fr)} :root[data-lang="en"] .board-grid > :first-child{order:0} }
@media (max-width:860px){
  :root[data-lang="en"] .dunes::after{background:linear-gradient(to top, rgba(7,7,10,.95) 34%, rgba(7,7,10,.35) 72%, transparent)}
}