:root{--ink:#0B1220;--ink2:#121B2E;--gold:#C8A96A;--gold2:#E3CF9F;--ivory:#F7F3EA;--paper:#FBF9F4;--text:#1B2233;--muted:#6A6F7C;--line:rgba(200,169,106,.35)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--text);font:300 17px/1.75 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}.narrow{max-width:760px}
h1,h2,h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;letter-spacing:.2px;margin:0}
[lang=ar]{font-family:Amiri,serif}
.eyebrow{font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin:0 0 18px;font-weight:500}
.top{position:sticky;top:0;z-index:5;background:rgba(11,18,32,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(200,169,106,.18)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ivory);font-family:"Cormorant Garamond",serif;font-size:24px;font-weight:600;letter-spacing:.06em}
.brand em{font-style:normal;font-family:Inter,sans-serif;font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);margin-inline-start:10px;font-weight:400}
nav{display:flex;gap:28px}
nav a{color:rgba(247,243,234,.78);text-decoration:none;font-size:13px;letter-spacing:.14em;text-transform:uppercase}
nav a:hover{color:var(--gold2)}
.hero{background:radial-gradient(1200px 500px at 80% -10%,#1B2846 0,transparent 60%),linear-gradient(180deg,var(--ink2),var(--ink));color:var(--ivory);padding:120px 0 110px}
.hero h1{font-size:clamp(42px,7vw,78px);line-height:1.05}
.rule{display:block;width:64px;height:1px;background:var(--gold);margin:34px 0}
.lede{max-width:560px;font-size:19px;color:rgba(247,243,234,.75);margin:0}

section{padding:100px 0}
.light h2,.dark-sec h2{font-size:clamp(34px,4.5vw,48px);margin-bottom:40px}
.eyebrow.dark{color:#9A7B3E}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px}
.card{background:#fff;border:1px solid #ECE5D6;padding:44px 40px;position:relative;transition:border-color .3s,transform .3s}
.card:hover{border-color:var(--gold);transform:translateY(-2px)}
.card .num{font-family:"Cormorant Garamond",serif;color:var(--gold);font-size:20px;margin:0 0 18px;letter-spacing:.1em}
.card h3{font-size:34px;margin-bottom:14px}.card h3 span{font-size:24px;color:#9A7B3E;margin-inline-start:10px}
.card p{color:var(--muted);margin:0 0 18px}
.more{font-size:13px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:#9A7B3E;border-bottom:1px solid var(--line);padding-bottom:4px}
.alt{background:var(--ivory)}
.two{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:start}
.muted{color:var(--muted)}.muted-l{color:rgba(247,243,234,.65)}
.facts{margin:0;border-top:1px solid var(--line)}
.facts div{display:grid;grid-template-columns:180px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}
.facts dt{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#9A7B3E;padding-top:4px}.facts dd{margin:0;font-weight:400}
.dark-sec{background:var(--ink);color:var(--ivory)}
.contact{list-style:none;margin:0;padding:0;border-top:1px solid rgba(200,169,106,.25)}
.contact li{display:grid;grid-template-columns:140px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid rgba(200,169,106,.25)}
.contact span{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);padding-top:4px}
.contact a{text-decoration:none;font-family:"Cormorant Garamond",serif;font-size:24px;color:var(--ivory)}.contact a:hover{color:var(--gold2)}
footer{background:#070C16;color:rgba(247,243,234,.55);padding:56px 0;font-size:13px}
.foot-brand{display:flex;align-items:center;gap:10px;font-family:"Cormorant Garamond",serif;font-size:20px;color:var(--ivory);margin-bottom:20px}
footer .links a{margin-inline-end:24px;text-decoration:none;letter-spacing:.12em;text-transform:uppercase;font-size:12px}
footer .links a:hover{color:var(--gold2)}
.doc{padding:72px 0 100px}
.doc h1{font-size:clamp(40px,6vw,60px);margin-bottom:8px}
.doc h2{font-size:28px;margin:44px 0 10px}
.doc .note{color:#9A7B3E;font-size:13px;letter-spacing:.14em;text-transform:uppercase}
.doc a{color:#7d6230}
@media (max-width:760px){
 section{padding:72px 0}.hero{padding:84px 0 76px}
 .two{grid-template-columns:1fr;gap:28px}
 .facts div,.contact li{grid-template-columns:1fr;gap:4px}
 nav{gap:18px}.card{padding:32px 26px}
}
nav a.lang{color:var(--gold);border:1px solid var(--line);padding:4px 12px;letter-spacing:.04em;text-transform:none}
[dir=rtl] body,[dir=rtl]{font-family:"IBM Plex Sans Arabic",Inter,sans-serif}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{font-family:Amiri,"Cormorant Garamond",serif;font-weight:700;letter-spacing:0}
[dir=rtl] .hero h1{line-height:1.35}
[dir=rtl] .eyebrow,[dir=rtl] nav a,[dir=rtl] .facts dt,[dir=rtl] .contact span,[dir=rtl] .more,[dir=rtl] footer .links a,[dir=rtl] .doc .note{letter-spacing:0;text-transform:none}
[dir=rtl] .eyebrow{font-size:14px}[dir=rtl] nav a{font-size:15px}[dir=rtl] .facts dt,[dir=rtl] .contact span{font-size:14px}
[dir=rtl] .card h3 span{font-family:"Cormorant Garamond",serif;font-weight:500}
[dir=rtl] .contact a{font-family:"Cormorant Garamond",serif}