/* ===== الخطوط (من الموقع القديم) ===== */
@font-face{font-family:"Thmanyah Sans";src:url(../assets/fonts/thmanyahsans-Light.woff2) format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"Thmanyah Sans";src:url(../assets/fonts/thmanyahsans-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Thmanyah Sans";src:url(../assets/fonts/thmanyahsans-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Thmanyah Sans";src:url(../assets/fonts/thmanyahsans-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Thmanyah Serif";src:url(../assets/fonts/thmanyahserifdisplay-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Thmanyah Serif";src:url(../assets/fonts/thmanyahserifdisplay-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Thmanyah Serif";src:url(../assets/fonts/thmanyahserifdisplay-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Thmanyah Serif";src:url(../assets/fonts/thmanyahserifdisplay-Black.woff2) format("woff2");font-weight:900;font-display:swap}

/* ===== الألوان (من الموقع القديم) ===== */
:root{
  --burg:#2c0e11;--burg-2:#3d161a;--burg-3:#5a2329;
  --gold:#b18557;--gold-l:#d6b98f;--gold-d:#8a6237;
  --cream:#f3ebdd;--cream-2:#e9dcc6;--paper:#faf6ef;--muted:#6f6359;
  --sans:"Thmanyah Sans",system-ui,sans-serif;--serif:"Thmanyah Serif","Thmanyah Sans",serif;
  --ease:cubic-bezier(.2,.7,.1,1);
  --gut:clamp(20px,5vw,72px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--burg);-webkit-text-size-adjust:100%}
body{background:var(--burg);color:var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.is-loading{overflow:hidden}
a{color:inherit;text-decoration:none}
img,video,canvas{display:block;max-width:100%}
.wrap{width:100%;max-width:1400px;margin-inline:auto;padding-inline:var(--gut)}
::selection{background:var(--gold);color:var(--burg)}

/* ===== طباعة ===== */
.eyebrow{font-size:13px;letter-spacing:.32em;color:var(--gold-l);margin-bottom:22px;font-weight:500}
.eyebrow--dark{color:var(--gold-d)}
.display{font-family:var(--serif);font-weight:700;font-size:clamp(44px,7.2vw,118px);line-height:1.05;letter-spacing:-.01em}
.display--md{font-size:clamp(38px,5.2vw,84px)}
.display--dark{color:var(--burg)}
.display em{font-style:normal}
.lead{font-size:clamp(17px,1.5vw,21px);line-height:1.85;color:rgba(243,235,221,.82);max-width:34ch;margin-top:22px}
.hint{margin-top:26px;font-size:13px;color:var(--gold-l);opacity:.7}
/* نص ذهبي لامع (Shiny text) */
.shiny{background:linear-gradient(110deg,var(--gold-d) 0%,var(--gold) 30%,#f2dfbf 46%,var(--gold) 60%,var(--gold-d) 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 5s linear infinite}
@keyframes shine{from{background-position:100% 0}to{background-position:-150% 0}}
/* تقسيم الكلمات (Split text) — بالكلمة عشان العربي ما ينكسر */
.w{display:inline-block;overflow:hidden;vertical-align:bottom;padding-block:.08em;margin-block:-.08em}
.w>span{display:inline-block;will-change:transform,filter,opacity}

/* ===== أزرار + مغناطيس ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 26px;border-radius:999px;font-weight:700;font-size:15px;position:relative;overflow:hidden;transition:color .4s var(--ease);isolation:isolate}
.btn span{position:relative;z-index:1}
.btn::before{content:"";position:absolute;inset:0;border-radius:inherit;transform:translateY(101%);transition:transform .5s var(--ease);z-index:0}
.btn--gold{background:var(--gold);color:var(--burg)}
.btn--gold::before{background:var(--cream)}
.btn--ghost{border:1px solid rgba(214,185,143,.55);color:var(--cream)}
.btn--ghost::before{background:var(--gold)}
.btn:hover::before{transform:none}
.btn--ghost:hover{color:var(--burg)}
.btn--lg{height:62px;padding:0 38px;font-size:17px}

/* ===== التحميل ===== */
.loader{position:fixed;inset:0;z-index:100;background:var(--burg);display:grid;place-items:center;align-content:center;gap:34px}
.loader__mark{width:min(150px,32vw)}
.loader__mark svg{width:100%;height:auto;overflow:visible}
.loader__bar{width:160px;height:1px;background:rgba(214,185,143,.2)}
.loader__bar i{display:block;height:100%;width:0;background:var(--gold)}

/* ===== القائمة ===== */
.nav{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;gap:32px;padding:18px var(--gut);transition:background .5s,backdrop-filter .5s,padding .5s}
.nav.is-solid{background:rgba(44,14,17,.78);backdrop-filter:blur(14px);padding-block:12px}
.nav__logo img{height:56px;width:auto;transition:height .5s}
.nav.is-solid .nav__logo img{height:44px}
.nav__links{display:flex;gap:30px;margin-inline-start:auto;font-size:15px}
.nav__links a{position:relative;opacity:.85}
.nav__links a::after{content:"";position:absolute;inset:auto 0 -6px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease)}
.nav__links a:hover{opacity:1}.nav__links a:hover::after{transform:none;transform-origin:left}
.nav__burger{display:none;margin-inline-start:auto;width:44px;height:44px;border:0;background:none;cursor:pointer;position:relative}
.nav__burger i{position:absolute;left:11px;right:11px;height:1.5px;background:var(--cream);transition:transform .4s var(--ease)}
.nav__burger i:first-child{top:17px}.nav__burger i:last-child{top:26px}
.nav__burger[aria-expanded=true] i:first-child{transform:translateY(4.5px) rotate(45deg)}
.nav__burger[aria-expanded=true] i:last-child{transform:translateY(-4.5px) rotate(-45deg)}
.menu{position:fixed;inset:0;z-index:45;background:var(--burg);display:grid;align-content:center;gap:10px;padding:var(--gut);clip-path:circle(0 at calc(100% - 44px) 44px);transition:clip-path .7s var(--ease)}
.menu.is-open{clip-path:circle(150% at calc(100% - 44px) 44px)}
.menu a{font-family:var(--serif);font-size:clamp(34px,9vw,56px);font-weight:700;color:var(--cream);border-bottom:1px solid rgba(214,185,143,.18);padding:8px 0}

/* ===== الهيرو (فيديو السكرول) ===== */
.hero{position:relative;height:520vh}
.hero__sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.hero__poster,.hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero__shade{position:absolute;inset:0;background:linear-gradient(270deg,rgba(44,14,17,.72) 0%,rgba(44,14,17,.25) 45%,transparent 70%),linear-gradient(0deg,rgba(44,14,17,.7),transparent 35%)}
.hero__cap{position:absolute;inset-inline-start:var(--gut);top:50%;transform:translateY(-46%);max-width:min(760px,88vw);opacity:0;visibility:hidden}
.hero__cap.is-on{opacity:1;visibility:visible}
.hero__cap .btn{margin-top:34px}
.hero__progress{position:absolute;inset-inline:var(--gut);bottom:28px;height:1px;background:rgba(243,235,221,.18)}
.hero__progress i{display:block;height:100%;width:100%;background:var(--gold);transform:scaleX(0);transform-origin:right}
.scroll-hint{position:absolute;inset-inline-end:var(--gut);bottom:56px;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:12px;letter-spacing:.3em;color:var(--gold-l)}
.scroll-hint i{width:1px;height:46px;background:linear-gradient(var(--gold-l),transparent);animation:drip 1.8s var(--ease) infinite;transform-origin:top}
@keyframes drip{0%{transform:scaleY(0)}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* ===== البيان ===== */
.manifesto{position:relative;background:var(--paper);color:var(--burg);padding:clamp(110px,16vw,220px) 0;overflow:hidden}
.manifesto__pattern{position:absolute;inset:-20% 0;background:url(../assets/brand/p09_star_on_burg.svg) center/600px;opacity:.06;filter:sepia(1) saturate(.2)}
.manifesto .wrap{position:relative;max-width:1180px}
.manifesto__text{font-family:var(--serif);font-weight:700;font-size:clamp(28px,4.1vw,64px);line-height:1.5}
.manifesto__text .sw{opacity:.13;transition:none}

/* ===== الهوية (القماش) ===== */
.identity{position:relative;min-height:100vh;display:grid;align-items:center;overflow:hidden;background:radial-gradient(120% 90% at 30% 50%,#4a1d22 0%,var(--burg) 60%)}
.identity__canvas{position:absolute;inset:0}
.identity__canvas canvas{width:100%;height:100%;cursor:grab}
.identity__copy{position:relative;pointer-events:none;padding-block:120px}
.identity__copy>*{max-width:520px}

/* ===== الأرقام ===== */
.stats{background:var(--burg);border-block:1px solid rgba(214,185,143,.14)}
.stats__grid{display:grid;grid-template-columns:repeat(4,1fr)}
.stat{padding:56px 28px;border-inline-start:1px solid rgba(214,185,143,.14);display:grid;gap:10px}
.stat:first-child{border:0}
.stat b{font-family:var(--serif);font-weight:700;font-size:clamp(46px,5vw,78px);color:var(--gold);line-height:1;direction:ltr;text-align:right;unicode-bidi:plaintext}
.stat span{font-size:15px;color:rgba(243,235,221,.7)}

/* ===== المشاريع ===== */
.projects{background:var(--paper);color:var(--burg);padding-top:clamp(90px,11vw,150px);overflow:hidden}
.projects__head{margin-bottom:60px}
.projects__pin{height:100vh;height:100svh;display:flex;align-items:center}
.projects__track{display:flex;gap:clamp(18px,2.4vw,36px);padding-inline:var(--gut);will-change:transform}
.card{flex:0 0 clamp(290px,34vw,520px)}
.card__media{display:block;aspect-ratio:4/5;overflow:hidden;border-radius:6px;clip-path:inset(12% 12% 12% 12% round 6px);background:var(--cream-2)}
.card__media img{width:100%;height:100%;object-fit:cover;transform:scale(1.25);transition:transform 1.2s var(--ease)}
.card:hover .card__media img{transform:scale(1.04)!important}
.card__meta{padding-top:20px}
.tag{font-size:12px;letter-spacing:.18em;color:var(--gold-d)}
.card h3{font-family:var(--serif);font-size:clamp(26px,2.4vw,38px);margin:8px 0 6px}
.card p{color:var(--muted);font-size:15px}

/* ===== الجولة ===== */
.how{background:var(--burg);padding:clamp(100px,12vw,170px) 0}
.how__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,100px);align-items:start}
.how__media{position:sticky;top:12vh;aspect-ratio:4/5;border-radius:8px;overflow:hidden}
.how__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.08);transition:opacity .9s var(--ease),transform 1.6s var(--ease)}
.how__media img.is-on{opacity:1;transform:none}
.rotator{display:inline-grid;vertical-align:bottom;overflow:hidden;color:var(--gold)}
.rotator b{grid-area:1/1;font-weight:700;transform:translateY(110%);opacity:0;transition:transform .7s var(--ease),opacity .7s}
.rotator b.is-on{transform:none;opacity:1}
.rotator b.is-out{transform:translateY(-110%);opacity:0}
.steps{list-style:none;margin-top:70px;display:grid;gap:0}
.step{display:flex;gap:26px;padding:clamp(40px,9vh,90px) 0;border-top:1px solid rgba(214,185,143,.16);opacity:.32;transition:opacity .6s}
.step.is-on{opacity:1}
.step i{font-style:normal;font-family:var(--serif);font-size:20px;color:var(--gold);min-width:34px}
.step h3{font-family:var(--serif);font-size:clamp(26px,2.6vw,40px);margin-bottom:10px}
.step p{color:rgba(243,235,221,.7);line-height:1.8;max-width:38ch}

/* ===== الخريطة ===== */
.mapsec{background:var(--paper);color:var(--burg);height:360vh;position:relative}
.mapsec__sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;flex-direction:column}
.mapsec__head{padding-top:clamp(80px,11vh,120px);position:relative;z-index:2}
.map{position:relative;flex:1;margin:24px var(--gut) var(--gut);border-radius:10px;overflow:hidden;background:#f4efe6;border:1px solid var(--cream-2)}
.map__cam{position:absolute;left:50%;top:50%;width:max(100%,191.3vh);aspect-ratio:3000/1568;transform-origin:0 0;will-change:transform}
.map__img{width:100%;height:100%;opacity:.55;filter:sepia(.35) saturate(.6)}
.map__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.map__pins{position:absolute;inset:0}
.pin{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;gap:6px;opacity:0}
.pin__label{white-space:nowrap;font-size:14px;font-weight:700;background:var(--burg);color:var(--cream);padding:6px 12px;border-radius:999px;box-shadow:0 8px 20px -8px rgba(44,14,17,.6)}
.pin--gold .pin__label{background:var(--gold);color:var(--burg)}
.pin__dot{width:14px;height:14px;border-radius:50%;background:var(--burg);box-shadow:0 0 0 4px rgba(44,14,17,.18);position:relative}
.pin--gold .pin__dot{background:var(--gold);box-shadow:0 0 0 5px rgba(177,133,87,.25)}
.pin--gold .pin__dot::after{content:"";position:absolute;inset:-10px;border-radius:50%;border:1.5px solid var(--gold);animation:ping 2s var(--ease) infinite}
@keyframes ping{from{transform:scale(.4);opacity:1}to{transform:scale(1.6);opacity:0}}
.map__legend{position:absolute;inset-inline-start:20px;bottom:20px;background:rgba(250,246,239,.92);padding:14px 18px;border-radius:8px;display:grid;gap:8px;font-size:13px;color:var(--burg)}
.map__legend div{display:flex;align-items:center;gap:10px}
.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot--gold{background:var(--gold)}.dot--burg{background:var(--burg)}

/* ===== شريط الزخرفة ===== */
.band{background:var(--cream);overflow:hidden;padding:60px 0 70px}
.band__row{height:140px;background:var(--burg);border-block:2px solid var(--gold);overflow:hidden}
.band__track{display:flex;height:100%;width:max-content}
.band__track img{height:100%;width:auto}
.marquee{overflow:hidden;margin-top:40px;direction:ltr}
.marquee__inner{display:flex;gap:60px;width:max-content;animation:marq 38s linear infinite}
.marquee span{font-family:var(--serif);font-weight:700;font-size:clamp(46px,7vw,110px);color:transparent;-webkit-text-stroke:1.2px var(--gold-d);white-space:nowrap}
.marquee span:nth-child(even){color:var(--burg);-webkit-text-stroke:0}
@keyframes marq{to{transform:translateX(-50%)}}

/* ===== التواصل ===== */
.contact{position:relative;background:var(--burg);padding:clamp(120px,16vw,220px) 0;overflow:hidden;text-align:center}
.contact__pattern{position:absolute;inset:-25% 0;background:url(../assets/brand/p09_star_on_burg.svg) center/520px;opacity:.55}
.contact::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 70% at 50% 50%,rgba(44,14,17,.92) 30%,rgba(44,14,17,.55) 100%)}
.contact__inner{position:relative;z-index:1;display:grid;justify-items:center}
.contact .lead{margin-inline:auto}
.contact__actions{display:flex;gap:16px;margin-top:44px;flex-wrap:wrap;justify-content:center}
.contact__mail{margin-top:30px;color:var(--gold-l);font-size:15px;border-bottom:1px solid rgba(214,185,143,.4)}

/* ===== الفوتر ===== */
.footer{background:var(--burg);border-top:1px solid rgba(214,185,143,.14);padding:80px 0 40px}
.footer__logo{width:min(560px,80vw);margin-inline:auto}
.footer__row{display:flex;justify-content:space-between;gap:20px;margin-top:60px;font-size:13px;color:rgba(243,235,221,.55);flex-wrap:wrap}

/* ===== الجوال ===== */
@media (max-width:900px){
  .nav__links,.nav>.btn{display:none}
  .nav__burger{display:block}
  .nav__logo img{height:46px}
  .hero{height:440vh}
  .hero__shade{background:linear-gradient(0deg,rgba(44,14,17,.88) 0%,rgba(44,14,17,.3) 55%,rgba(44,14,17,.25))}
  .hero__poster,.hero__video{object-position:62% center}
  .hero__cap{top:auto;bottom:96px;transform:none;inset-inline-end:var(--gut)}
  .scroll-hint{display:none}
  .stats__grid{grid-template-columns:1fr 1fr}
  .stat{padding:38px 18px}
  .stat:nth-child(3){border:0}
  .stat:nth-child(n+3){border-top:1px solid rgba(214,185,143,.14)}
  .projects__pin{height:auto;display:block;padding-bottom:90px}
  .projects__track{flex-direction:column;gap:56px}
  .card{flex:none}
  .how__grid{grid-template-columns:1fr}
  .how__media{position:relative;top:0;aspect-ratio:4/3}
  .step{padding:34px 0}
  .identity__copy{align-self:end;padding-block:0 70px}
  .map__cam{width:max(100%,250vh)}
  .map__legend{display:none}
  .band__row{height:96px}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .hero{height:auto}.hero__sticky{position:relative}.hero__cap--1{opacity:1;visibility:visible}
  .manifesto__text .sw{opacity:1}
}
/* وضوح النص فوق الفيديو */
.hero .display{text-shadow:0 4px 30px rgba(44,14,17,.55)}
.hero .shiny{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--gold-l);animation:none}
.hero .lead{text-shadow:0 2px 14px rgba(44,14,17,.7)}