/* ================================================================
   الرئيسية السينمائية — HOME-R08-20260914 (s2b الفعاليات · شريط الجهات · s5 روابط · s6 صورة صادقة) فوق CINEMA-20260913-06 · دمج نصوص 01_home.md في تكوين الجولة 05 (s1 ألبوم كامل الشاشة · s3 مسرح الرحلتين · s4 جدار القاعة)
   تستهلك system/tokens.css حرفيًا (لا رموز جديدة · لا ذهب على الصفحة).
   الصرف الداكن الثلاثة القانونية: home-s1 · home-s4 · home-s8.
   الحركة: CSS/WAAPI فقط · لا translateX (RTL) · كل حركة تحت no-preference.
   ================================================================ */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font-body);font-size:var(--text-md);line-height:var(--lh-body);background:var(--bg-page);color:var(--text-high);overflow-x:clip}
h1,h2,h3{font-family:var(--font-display);font-weight:var(--fw-heading);line-height:var(--lh-heading);margin:0;text-wrap:balance}
p{margin:0}
a{color:inherit}
a:hover{color:var(--text-high)}
img{max-width:100%;height:auto}
.mono{font-family:var(--font-display);direction:ltr;unicode-bidi:isolate;letter-spacing:var(--ls-latin-caps)}
.kick{font-family:var(--font-display);font-size:var(--type-eyebrow-size);font-weight:var(--fw-medium);color:var(--text-annotation)}
.desc{color:var(--text-low);max-width:var(--measure,60ch);text-wrap:pretty}
.num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}
.latin{direction:ltr;unicode-bidi:isolate}
.wrap{max-width:var(--container);margin-inline:auto;padding-inline:clamp(22px,4vw,48px)}
.band{padding-block:var(--section-y)}
[id]{scroll-margin-top:84px}
html{scroll-padding-top:84px}
@media (max-width:900px){[id]{scroll-margin-top:68px}html{scroll-padding-top:68px}}
.lighting-light.band+.lighting-light.band{border-top:1px solid var(--hair)}
.sec-h2{font-size:var(--display-section);max-width:18ch}
.sec-h2+.desc{margin-top:var(--space-2)}
.desc+.desc{margin-top:var(--space-2)}
.desc.lead{color:var(--text-high)}
.link-arrow{display:inline-flex;align-items:center;gap:8px;min-height:var(--tap-min);font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--fw-medium);color:var(--text-high);text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--border-strong)}
.link-arrow svg{flex:none;color:currentColor}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* الأزرار والرقاقات — مفردات النظام */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--fw-semibold);border-radius:var(--radius-pill);padding:14px 32px;min-height:var(--tap-min);cursor:pointer;border:1px solid transparent;text-decoration:none;white-space:nowrap;background:none;color:inherit}
.btn svg{color:currentColor;flex:none}
.btn-fill{background:var(--fill-cta);color:var(--on-fill-cta);box-shadow:var(--shadow-btn)}
.btn-fill:is(:hover,:focus,:focus-visible,:active),.skip-link:hover{color:var(--on-fill-cta)} /* [2026-10-13 · build patch] a:hover كان يصبغ نص القرص بلون الروابط فوق القرص نفسه (1.0:1) */
.btn-ghost{background:transparent;color:var(--text-high);border-color:var(--border-strong)}
.chip{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-medium);border:1px solid var(--border);color:var(--text-high);border-radius:var(--radius-pill);padding:8px 20px;min-height:var(--tap-min);text-decoration:none;background:transparent;cursor:pointer}
.chip[aria-pressed=true]{background:var(--fill);color:var(--on-fill);border-color:transparent}
.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}

/* الرأس — MERGED-R10C: بنية v1 (لاصق ينكمش · Mega بعرض الصفحة · بطاقة مميَّزة + روابط بأيقونات) على رموز النظام */
.site-hdr{position:sticky;top:0;z-index:var(--z-header);border-bottom:1px solid var(--hair);background:var(--bg-page)}
.hdr-in{max-width:var(--container);margin-inline:auto;padding-inline:clamp(16px,2.5vw,48px);height:78px;display:flex;align-items:center;gap:var(--space-3);transition:height var(--dur-card) var(--ease-out)}
.site-hdr.is-shrunk .hdr-in{height:62px}
.hdr-logo{display:inline-flex;align-items:center;min-height:var(--tap-min);text-decoration:none;flex:none}
.hdr-logo img{height:44px;width:auto;display:block;transition:height var(--dur-card) var(--ease-out)}
.site-hdr.is-shrunk .hdr-logo img{height:36px}
@media (max-width:560px){.hdr-logo img{height:32px}}
.hdr-nav{flex:1;min-width:0;align-self:stretch}
.mn{list-style:none;margin:0;padding:0;display:flex;align-items:stretch;height:100%;gap:2px}
.mn-item{display:flex;align-items:center;position:static}
.mn-top{display:inline-flex;align-items:center;gap:7px;height:100%;padding:0 clamp(8px,1vw,15px);border:0;background:transparent;color:var(--text-low);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-semibold);cursor:pointer;white-space:nowrap;transition:color var(--dur-chip) var(--ease-out)}
/* ت-2 · 2026-09-15 (طلب المالك): كل عنوان قائمة على سطرين — كلمةٌ في كل سطر، كما في الرأس القديم.
   العنوان المفرد «استكشف» يبقى سطرًا واحدًا ويُوسَّط رأسيًّا مع جاره. */
.mn-lbl{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.18;text-align:center}
.mn-lbl.is-one{justify-content:center}
/* ت-3 · 2026-09-15 (طلب المالك): الشيفرون يشير إلى الأسفل تمامًا كما في الرأس القديم
   (زاوية 45 درجة على حرفين متجاورين = رأس سهم لأسفل)، ويدور 180° عند الفتح فيشير لأعلى. */
.mn-top .chev{width:8px;height:8px;align-self:center;border-inline-end:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-4px;opacity:.55;transition:transform var(--dur-chip) var(--ease-out),opacity var(--dur-chip) var(--ease-out)}
.mn-item:hover .mn-top,.mn-top:focus-visible,.mn-top[aria-expanded=true]{color:var(--text-high)}
.mn-top[aria-expanded=true] .chev{transform:rotate(-135deg);margin-top:4px;opacity:1}
/* ت-3: الشيفرون مربّع ممال، فالزاوية مرئية بحرفيه وحده — ولا يتأثر باتجاه الصفحة RTL. */
[dir=rtl] .mn-top .chev,[dir=ltr] .mn-top .chev{border-inline-end:0;border-inline-start:0;border-right:2px solid currentColor;border-bottom:2px solid currentColor}
/* لوح Mega — بعرض الصفحة تحت الرأس، داكن؛ يظهر بالفتح (aria-expanded) لا بالتحويم وحده */
.mega{position:absolute;inset-inline:0;top:100%;background:var(--bg-band);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);box-shadow:var(--shadow-card)}
.mega[hidden]{display:none}
.mega-in{max-width:var(--container);margin-inline:auto;padding:clamp(24px,3vw,40px) clamp(16px,2.5vw,48px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,2.2fr);gap:clamp(24px,3vw,48px);align-items:start}
.mg-feat{display:grid;grid-template-rows:auto 1fr;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;background:var(--bg-component);color:var(--text-high);text-decoration:none;transition:border-color var(--dur-card) var(--ease-out)}
.mg-feat:hover,.mg-feat:focus-visible{border-color:var(--border-strong)}
.mg-feat img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:50% 30%}
.mg-feat-body{display:grid;gap:8px;padding:clamp(16px,1.6vw,22px)}
.mg-feat-body strong{font-family:var(--font-display);font-weight:var(--fw-heading);font-size:var(--text-xl);line-height:var(--lh-heading);text-wrap:balance}
.mg-p{color:var(--text-low);font-size:var(--text-base);line-height:var(--lh-snug);text-wrap:pretty}
.mg-feat .link-arrow{font-size:var(--text-sm);margin-top:4px}
.mg-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 24px;align-content:start}
.mg-links a{display:flex;align-items:center;gap:12px;min-height:var(--tap-min);padding:10px 12px;border-radius:var(--radius-card);border:1px solid transparent;color:var(--text-high);text-decoration:none;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-medium);transition:background var(--dur-chip) var(--ease-out),border-color var(--dur-chip) var(--ease-out)}
.mg-links a:hover,.mg-links a:focus-visible{background:var(--bg-component);border-color:var(--border-subtle)}
.mg-ic{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:var(--radius-card);border:1px solid var(--border-subtle);background:var(--bg-component);color:var(--text-low)}
.mg-links a:hover .mg-ic{color:var(--text-high)}
.mg-tx{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.mg-tx small{display:block;color:var(--text-annotation);font-size:var(--text-xs,12px);font-weight:400;margin-top:2px}
.hdr-actions{display:flex;align-items:center;gap:10px;margin-inline-start:auto;flex:none}
.ico-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--tap-min);height:var(--tap-min);border:1px solid var(--border);border-radius:var(--radius-pill);background:transparent;color:var(--text-low);cursor:pointer;transition:color var(--dur-chip) var(--ease-out),border-color var(--dur-chip) var(--ease-out)}
.ico-btn:hover,.ico-btn:focus-visible{color:var(--text-high);border-color:var(--border-strong)}
.ico-btn svg{color:currentColor}
.hdr-burger{display:none}
.site-hdr .btn-fill{padding:10px 24px}
/* درج الجوال — أكورديون كما في v1 بشيفرون النظام (2px يدور 180°) */
.mnav-scrim{position:fixed;inset:0;z-index:calc(var(--z-mobile-nav) - 1);background:rgba(0,0,0,.62)}
.mnav{position:fixed;top:0;bottom:0;inset-inline-end:0;width:min(88vw,380px);z-index:var(--z-mobile-nav);display:flex;flex-direction:column;gap:0;padding:14px 20px 24px;border-inline-start:1px solid var(--hair);background:var(--bg-page);overflow-y:auto;visibility:hidden;transform:translate3d(calc(var(--drawer-dir,-1) * -100%),0,0);transition:transform var(--dur-reveal) var(--ease-out),visibility 0s var(--dur-reveal)}
[dir=rtl] .mnav{--drawer-dir:-1}[dir=ltr] .mnav{--drawer-dir:1}
.mnav.is-open{visibility:visible;transform:none;transition:transform var(--dur-reveal) var(--ease-out)}
.mnav-head{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin-bottom:10px}
.mnav-head img{height:30px;width:auto;display:block;max-width:calc(100% - 56px)}
.macc{border-bottom:1px solid var(--hair)}
.macc>button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:0 4px;border:0;background:transparent;color:var(--text-high);font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--fw-semibold);cursor:pointer;text-align:start}
.macc .chev{width:9px;height:9px;border-inline-end:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-4px;opacity:.6;transition:transform var(--dur-chip) var(--ease-out)}
.macc>button[aria-expanded=true] .chev{transform:rotate(-135deg);margin-top:4px;opacity:1}
.macc-sub{display:grid;padding:0 4px 10px}
.macc-sub[hidden]{display:none}
.macc-sub a{display:flex;align-items:center;min-height:var(--tap-min);padding-inline-start:14px;color:var(--text-low);text-decoration:none;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-medium)}
.macc-sub a:hover,.macc-sub a:focus-visible{color:var(--text-high)}
.mnav-foot{margin-top:auto;display:grid;gap:12px;padding-top:24px}
.mnav-foot .btn{justify-self:stretch;text-align:center}
.mnav-acc{color:var(--text-low);text-decoration:none;text-align:center;min-height:var(--tap-min);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-sm)}
@media (max-width:1200px){.hdr-nav{display:none}.hdr-burger{display:inline-flex}}
@media (max-width:560px){.hdr-in{gap:var(--space-2);padding-inline:16px;height:64px}.hdr-actions{gap:8px}.hdr-actions .ico-btn:not(.hdr-burger){display:none}.site-hdr .btn-fill{display:none}}
@media (prefers-reduced-motion:reduce){.hdr-in,.hdr-logo img,.mn-top,.mn-top .chev,.macc .chev,.mnav{transition:none}}

/* ================================================================
   home-s1 — المسرح الفوتوغرافي وشريط اللقطات (صرف داكن 1)
   التكوين: عمود النصّ (ثابت المقروئية، بلا غلالة) + لوح فوتوغرافي مهيمن
   ينزف إلى حافة الشاشة (inline-end) + شريط لقطات ثابت البنية تحته.
   المستعار من Hero Carousel: مسرح مهيمن + صفّ إطارات قابلة للاختيار —
   بلا Framer Motion · بلا سحب · بلا اعتراض عجلة · بلا إعادة تلوين.
   ================================================================ */
/* ت-17 (طلب المالك 2026-09-15): عمودان في صفٍّ واحد يتمدّدان معًا، والحشو العلوي نفسه على الاثنين —
   فيتساوى رأس «سيادة النجاح» مع رأس «الحدث القادم» على مسطرة واحدة، وتبقى القاعدتان متحاذيتين. */
.cine{position:relative;min-height:max(calc(100svh - 72px),720px);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto;align-content:end;align-items:stretch;overflow:clip;isolation:isolate;background:var(--bg-page)}
.cine-glow{display:none}
.cine{--hero-top:clamp(120px,16vh,180px)}
.cine-stage{position:absolute;inset:0;z-index:0}
.stage{position:absolute;inset:0;overflow:hidden;background:var(--bg-component);transform-origin:center}
.stage::before{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(to left,rgba(0,0,0,.86) 0%,rgba(0,0,0,.6) 30%,rgba(0,0,0,.18) 58%,rgba(0,0,0,0) 78%),linear-gradient(to top,rgba(0,0,0,.94) 0%,rgba(0,0,0,.5) 28%,rgba(0,0,0,0) 56%)}
.stage-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 40%);display:block;opacity:0;transform-origin:center}
.stage-layer.is-front{opacity:1}
/* ت-11 (طلب المالك 2026-09-15): الاسم والعنوان الفرعي كلٌّ على سطر واحد، وقاعدة الكتلة تنزل فتُحاذي
   قاعدة بطاقة «الحدث القادم» تمامًا — الحشو السفلي هنا = إزاحة البطاقة السفلية نفسها clamp(28px,5vh,56px). */
/* ت-18: الفراغ الزائد يُبتلع داخل عمود النصّ (بين السطر والزر) لا في عمود البطاقة — فتبقى التسمية ملتصقة بمصغّرتها والرأسان على مسطرة. */
.cine-copy{position:relative;z-index:2;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;max-width:min(58%,860px);padding-inline-start:clamp(22px,4vw,56px);padding-block:var(--hero-top) clamp(28px,5vh,56px)}
.cine-copy .kick{color:var(--text-low);text-wrap:balance}
/* ت-9 (طلب المالك 2026-09-15): مقاس عنوان الهيرو = مقاس النسخة الأولى حرفًا clamp(56px,9.2vw,156px)
   (132px عند 1440) — الوزن 700 يبقى بحكم النظام، وارتفاع السطر 1.14 لأن العنوان كلمتان لا ثلاثة أسطر. */
.cine-copy h1{font-size:clamp(44px,7.2vw,112px);font-weight:400;margin-top:0;max-width:none;line-height:1.14;letter-spacing:0;white-space:nowrap}
.cine-copy h1 .w{display:inline-block}
/* ت-10 · أسلوب اللوحة: السطر الواحد تحت الاسم أكبر وأخف، والفراغ يعمل. */
.cine-copy .lede{font-family:var(--font-display);font-weight:400;font-size:clamp(17px,1.55vw,24px);color:var(--text-high);max-width:none;margin-top:var(--space-3);line-height:1.5;white-space:nowrap}
.cine-copy .sub{display:grid;gap:10px;margin-top:var(--space-3);max-width:46ch;color:var(--text-low);font-size:var(--text-base);line-height:var(--lh-snug);text-wrap:pretty;border-inline-start:1px solid var(--hair);padding-inline-start:16px}
.cine-copy .row{margin-top:var(--space-3)} /* ت-18: الهامش صغُر لأن space-between يوزّع الفراغ، فلا يتجاوز عمود النصّ ارتفاع البطاقة */
/* ت-12 · بطاقة «الحدث القادم»: مصغّرة 16:9 (نسبة YouTube) + نصّ تحتها، والتسمية سطر عاديّ فوقها لا شارة.
   العرض 475px = عمود النسخة الأولى الثاني · الحشو 28 والزاوية 14 من مقاساتها · بألوان النظام. */
/* ت-14: النسبة كانت 16:9 أصلًا (مقيسة 1.78)؛ ما بدا «مستطيلًا مفرطًا» هو صِغَر البطاقة في العرض الضيّق
   فتغطّي الغلالة والنصّ نصف الصورة. المعالجة: أرضية عرض 380px فتُقرأ المصغّرة صورةً، والنصّ سطران لا أربعة. */
/* ت-18 (طلب المالك 2026-09-15): التسمية تلتصق بالبطاقة (فجوة 8px) والمجموعة كلها مرساة إلى الأسفل،
   وارتفاع البطاقة يتبع ارتفاع عمود النصّ فيتساوى الرأسان — فالمصغّرة تُشتق عرضها من ارتفاعها بنسبة 16:9. */
.ec-wrap{position:relative;z-index:7;align-self:stretch;width:clamp(300px,36vw,475px);padding-inline-end:clamp(22px,4vw,48px);padding-block:var(--hero-top) clamp(28px,5vh,56px);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:8px;min-width:0}
.ec-label{display:flex;align-items:center;gap:9px;margin:0;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-low)}
/* ت-16 (طلب المالك 2026-09-15): نقطة قبل التسمية بذهب النظام --orbit-gold #C9A24D.
   استثناء معلَن على الحكم A (الذهب كان مقصورًا على بطاقة «القيادة تحدٍّ» وشارة الاعتماد) —
   يجيزه حكم الأناقة النافذ؛ والذهب هنا علامةٌ على نقطة بحجم 7px لا حبرٌ ولا زرّ ولا عنوان. */
.ec-dot{width:7px;height:7px;flex:none;border-radius:50%;background:var(--orbit-gold)}
.eventcard{display:block;flex:none;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--bg-component);box-shadow:var(--shadow-card);text-decoration:none;color:var(--text-high);transition:border-color var(--dur-card) var(--ease-out),transform var(--dur-card) var(--ease-out)}
.eventcard:hover,.eventcard:focus-visible{border-color:var(--border-strong);transform:translateY(-2px)}
/* ت-13: النصّ داخل المصغّرة لا تحتها — غلالة سفلية تحفظ التباين (حبر كامل الشدة على الصورة). */
.ec-thumb{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--bg-band)}
.ec-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block}
.ec-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 26%,rgba(0,0,0,.5) 54%,rgba(0,0,0,.88) 100%)}
.ec-body{position:absolute;inset:auto 0 0 0;display:block;padding:12px 14px}
.ec-ttl{display:block;font-family:var(--font-display);font-weight:var(--fw-heading);font-size:23px;line-height:1.2;color:#fcfcfc;text-wrap:balance}
.ec-sub{display:block;margin-top:5px;font-family:var(--font-display);font-weight:400;font-size:13px;line-height:1.38;color:rgba(252,252,252,.9);text-wrap:pretty}
@media (max-width:900px){.ec-wrap{width:auto}}
@media (max-width:560px){.ec-ttl{font-size:22px}.ec-body{padding:14px 16px}}
@media (prefers-reduced-motion:reduce){.eventcard,.eventcard:hover{transition:none;transform:none}}
@media (prefers-reduced-motion:no-preference){
  @keyframes ecDot{0%,100%{opacity:1}50%{opacity:.4}}
  html.js .ec-dot{animation:ecDot 2.2s var(--ease-out) infinite}
}
@media (prefers-reduced-motion:no-preference){
  @keyframes cineWord{from{opacity:0;transform:translate3d(0,26px,0) scale(.97)}to{opacity:1;transform:none}}
  html.js .cine-copy .w{animation:cineWord 720ms var(--ease-out) both}
  html.js .cine-copy .w:nth-child(2){animation-delay:90ms}html.js .cine-copy .w:nth-child(3){animation-delay:180ms}html.js .cine-copy .w:nth-child(4){animation-delay:270ms}
  html.js .cine-copy .w:nth-child(5){animation-delay:360ms}html.js .cine-copy .w:nth-child(6){animation-delay:450ms}
  html.js .cine-copy .lede,html.js .cine-copy .sub,html.js .cine-copy .row{animation:cineWord 720ms var(--ease-out) both;animation-delay:560ms}
  html.js .cine-copy .sub{animation-delay:680ms}
  html.js .cine-copy .row{animation-delay:800ms}
}
@media (max-width:1100px){.cine-copy{max-width:none}.cine-copy h1{font-size:clamp(40px,6.4vw,76px)}}
/* R09 · تقديم الصورة على الجوال (توجيه المراجعة 2 · 320×740): display:contents يجمع أبناء العمودين في شبكة واحدة،
   فيرتفع لوح المسرح إلى ما بعد العنوان مباشرة بالترتيب البصري وحده. الشريط يبقى بعد الأزرار،
   والمنقول بصريًّا (.stage) لا يحمل عنصرًا قابلًا للتركيز — فلا ينقلب ترتيب التركيز (WCAG 2.4.3). */
@media (max-width:900px){
  .cine{grid-template-columns:minmax(0,1fr);padding-inline:clamp(16px,4vw,48px);padding-block:var(--space-3) var(--space-5);row-gap:var(--space-2);min-height:0;align-items:start}
  .cine{grid-template-columns:minmax(0,1fr);--hero-top:0px}
  .cine-copy,.cine-stage{display:contents}
  .cine-copy .kick{order:1}
  .cine-copy h1{order:2;margin-top:0;font-size:clamp(40px,10.5vw,68px);max-width:none;white-space:nowrap}
  .stage{order:3;position:relative;inset:auto;aspect-ratio:3/2;border-radius:var(--radius-lg);margin-top:var(--space-1)}
  .stage::before{background:linear-gradient(to top,rgba(0,0,0,.55),rgba(0,0,0,0) 45%)}
  .cine-copy .row{order:4;margin-top:var(--space-1)}
  .cine-copy .lede{order:5;margin-top:var(--space-2);max-width:none;white-space:normal} /* ت-11: السطر الواحد يُفكّ على الجوال وحده */
  .cine-copy .sub{order:6;margin-top:0;max-width:none}
  .ec-wrap{order:7;position:static;width:auto;inset:auto;margin-top:var(--space-2);padding:0;display:grid}
  .cine-copy{display:contents}
}
@media (min-width:641px) and (max-width:900px){.stage{aspect-ratio:4/3}}
/* خروج المسرح مع التمرير — root scroll · scale/opacity فقط · R09: سطح المكتب وحده (على الجوال المسرح في التدفق لا خلفيةً) */
@media (prefers-reduced-motion:no-preference) and (min-width:901px){
  @supports (animation-timeline:scroll()){
    @keyframes cineStageExit{to{transform:scale(1.03) translate3d(0,-24px,0);opacity:.35}}
    @keyframes cineCopyExit{to{transform:translate3d(0,-28px,0);opacity:.2}}
    .cine .stage{animation:cineStageExit linear both;animation-timeline:scroll(root);animation-range:0 100vh}
    .cine-copy{animation:cineCopyExit linear both;animation-timeline:scroll(root);animation-range:0 90vh}
  }
}

/* ================================================================
   home-s2 — سؤال النوايا (فاتح)
   ================================================================ */
.intent-head{display:grid;gap:var(--space-2);max-width:60ch}
.intent-head .desc{margin-top:0}
.intent-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);margin-top:var(--space-5)}
.icard{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;align-content:start;padding:clamp(20px,2vw,28px);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-page);color:var(--text-high);text-decoration:none;box-shadow:var(--shadow-card)}
.icard h3{font-size:var(--text-xl);text-wrap:balance}
.icard p{color:var(--text-low);font-size:var(--text-base);line-height:var(--lh-snug);text-wrap:pretty}
.icard-to{display:inline-flex;align-items:center;gap:8px;min-height:var(--tap-min);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-high);border-top:1px solid var(--hair);padding-top:12px;margin-top:4px}
.icard-to svg{flex:none}
@media (max-width:1100px){.intent-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.intent-cards{grid-template-columns:minmax(0,1fr)}}


/* ================================================================
   home-s2b — الفعاليات القادمة (فاتح) · حالة الصفر الصادقة
   إدراج المالك 2026-09-14 بين المداخل الأربعة والرحلتين. البطاقات 0/1/2/3+ في pages/upcoming-events-specimen.html.
   ================================================================ */
.upcoming-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,3vw,56px);align-items:center}
.upcoming-copy{display:grid;gap:var(--space-2);align-content:start}
.upcoming-copy .kick{color:var(--text-annotation)}
.upcoming-copy .desc.lead{margin-top:0}
/* R09 · الأنواع مرّة واحدة وسطرًا ميتا بالفاصل المرفوع — لا رقاقات تُوهم أنّها فلاتر تعمل */
.etypes{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 0;list-style:none;margin:var(--space-2) 0 0;padding:0;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-low);line-height:var(--lh-snug)}
.etypes li+li::before{content:"·";margin-inline:9px;color:var(--text-annotation)}
.upcoming-state{position:relative;min-height:clamp(240px,22vw,320px);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-card);isolation:isolate;display:grid;align-content:end;padding:clamp(20px,2.4vw,36px);color:var(--text-high)}
.upcoming-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;z-index:0;filter:brightness(1.15)}
.upcoming-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.55) 50%,rgba(0,0,0,.1) 100%)}
.upcoming-cap{position:relative;z-index:2;display:grid;gap:var(--space-3);justify-items:start}
.upcoming-empty{font-family:var(--font-display);font-weight:var(--fw-heading);font-size:clamp(22px,2vw,30px);line-height:var(--lh-heading);max-width:22ch;text-wrap:balance}
@media (max-width:900px){.upcoming-grid{grid-template-columns:minmax(0,1fr);row-gap:var(--space-3)}.upcoming-state{min-height:200px;padding:var(--space-3)}.upcoming-cap{gap:var(--space-2)}}

/* ================================================================
   home-s3 — ملصقا الرحلتين بإفصاح حقيقي (فاتح · ملصقان داكنان)
   المستعار من Elastic Gallery: الصورة تقود، والعنوان فوقها بطبقة محلية —
   بلا أكورديون عرض · بلا hover-only · بلا blur · بلا عربية عمودية.
   ================================================================ */
.shelf-head{display:grid;gap:var(--space-2);max-width:60ch}
.shelf-head .kick{color:var(--text-annotation)}
.posters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,28px);margin-top:var(--space-5)}
.poster{position:relative;display:grid;grid-template-columns:minmax(0,1fr);border-radius:var(--radius-xl);overflow:hidden;background:var(--bg-component);box-shadow:var(--shadow-card);isolation:isolate;color:var(--text-high)}
.poster-frame{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:4/5;min-height:600px;min-width:0;width:100%}
/* min-width:0 يمنع نقل min-height عبر aspect-ratio إلى عرض أدنى 480px (كان يفيض 149px داخل ملصق 331 عند 375 — مقيس في الجولة 06) */
.poster-img{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover;object-position:var(--pos,50% 40%);display:block;z-index:0;transform:translate3d(0,var(--py,0px),0);transform-origin:center}
.poster-scrim{position:absolute;inset:auto 0 0 0;height:92%;background:linear-gradient(to top,rgba(0,0,0,.94) 0%,rgba(0,0,0,.86) 40%,rgba(0,0,0,.5) 70%,rgba(0,0,0,.15) 88%,rgba(0,0,0,0) 100%);pointer-events:none;z-index:1}
.poster-cap{position:relative;z-index:2;padding:clamp(20px,2.4vw,36px)}
.poster-cap .pk{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-low)}
.poster-cap h3{font-size:clamp(30px,3vw,46px);margin-top:8px;max-width:16ch}
/* R09 · محور الرحلة سطرٌ مستقل فوق الوصف: الفرق بين البطاقتين هو أوّل ما تقرأه، والسطران المتطابقان (الشمول والسعر) يخفّان */
.poster-axis{font-family:var(--font-display);font-weight:var(--fw-heading);font-size:clamp(20px,1.5vw,26px);line-height:var(--lh-snug);color:var(--text-high);margin-top:10px;max-width:22ch;text-wrap:balance}
.poster-cap .benefit{color:var(--text-low);font-size:var(--text-base);line-height:var(--lh-snug);margin-top:8px;max-width:40ch;text-wrap:pretty}
.poster-cap .benefit strong,.bundle-cap .benefit strong{color:var(--text-high);font-weight:var(--fw-semibold)}
.incl{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-low);margin-top:14px}
.price{font-size:var(--text-base);line-height:var(--lh-snug);color:var(--text-low);margin-top:6px;max-width:40ch;text-wrap:pretty}
.price strong{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--fw-heading);color:var(--text-high)}
.poster-cap .row{margin-top:var(--space-3)}
.poster-cap [aria-expanded=true] svg{transform:rotate(180deg)}
.poster-more{position:relative;z-index:2;margin:0;padding:clamp(18px,2vw,26px) clamp(20px,2.4vw,32px);background:rgba(0,0,0,.9);border-top:1px solid var(--hair);color:var(--text-low);font-size:var(--text-base);line-height:var(--lh-snug)}
.poster-more p+p{margin-top:8px}
.poster-more a{margin-top:6px}
.poster-more a{color:var(--text-high);text-decoration:underline;text-underline-offset:4px;display:inline-flex;align-items:center;min-height:var(--tap-min)}
@media (min-width:901px){
  html.js .poster-more{position:absolute;top:0;inset-inline:0;margin:0;border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:0;border-bottom:1px solid var(--hair);transform:translate3d(0,-16px,0);opacity:0;visibility:hidden}
  html.js .poster-more.is-open{transform:none;opacity:1;visibility:visible}
}
@media (max-width:900px){
  html.js .poster-more{display:none}
  html.js .poster-more.is-open{display:block}
}
.bundle{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--space-3);margin-top:clamp(16px,2vw,28px);min-height:clamp(300px,28vw,400px);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-card);isolation:isolate;text-decoration:none;color:var(--text-high);padding:clamp(20px,2.4vw,36px)}
.bundle-img{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover;object-position:50% 55%;z-index:0;transform:translate3d(0,var(--py,0px),0)}
.bundle-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(to left,rgba(0,0,0,.92) 0%,rgba(0,0,0,.78) 45%,rgba(0,0,0,.35) 100%),linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,.1) 70%)}
.bundle-cap{position:relative;z-index:2}
.bundle-cap .pk{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-annotation)}
.bundle-cap h3{font-size:clamp(28px,2.6vw,40px);margin-top:8px}
.bundle-cap .benefit{color:var(--text-low);margin-top:10px;max-width:48ch;text-wrap:pretty;line-height:var(--lh-snug)}
.bundle-cap .benefit+.benefit{margin-top:8px}
.bundle-cap .price{max-width:48ch}
.bundle-go{position:relative;z-index:2}
.shelf-foot{margin-top:var(--space-4)}
@media (max-width:640px){.bundle{grid-template-columns:minmax(0,1fr);align-items:end}.bundle-go{justify-self:start}}
@media (max-width:900px){.posters{grid-template-columns:minmax(0,1fr)}.poster-frame{aspect-ratio:4/5}}
/* ≤420: نداء الملصق كان يُقصّ (عرض أدنى 270-278 داخل ملصق 261 عند 320) — صفّ الأزرار يصير عمودًا وحشوة النداء تضيق */
@media (max-width:420px){.poster-cap .row{display:grid;gap:10px}.poster-cap .btn{white-space:normal;padding-inline:20px}.btn{white-space:normal;text-align:center}.closing .btn-fill{padding:16px 28px}}

/* ================================================================
   home-s4 — البرهان + شريط الجهات (صرف داكن 2)
   ================================================================ */
.proof{background:linear-gradient(180deg,var(--bg-page),var(--bg-band) 30%,var(--bg-band))}
/* R09 · توجيه المراجعة 1: القسم كان عمودًا ضيقًا (5fr) بجانب صورة تنتهي مبكرًا (7fr) — فصار أربعة أشرطة متتالية:
   الرأس والصورة متوازنين · الأرقام ثلاثًا عبر العرض · الحكاية (ر-35-ب/ر-36) والبرهان المقيس · الشهود ثلاثًا. */
.proof-top{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,3vw,56px);align-items:center}
.proof-head{display:grid;gap:var(--space-2);align-content:center}
.proof-hero{margin:0;position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-card);background:var(--bg-component)}
.proof-hero img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 42%}
.proof-hero figcaption{position:absolute;inset:auto 0 0 0;padding:18px 22px;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-high);background:linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,0))}
.proof-head h2{font-size:var(--display-section);max-width:12ch}
.proof-head .desc{margin-top:0}
.proof-lead{font-family:var(--font-display);font-weight:var(--fw-medium);font-size:var(--text-lg);line-height:var(--lh-snug);margin-top:0;max-width:34ch;text-wrap:pretty}
/* الأرقام — صفٌّ ثلاثي بشعيرتين فاصلتين بدل العمود المتراكم */
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-6);border-block:1px solid var(--hair);padding-block:var(--space-4)}
.stat{display:grid;gap:6px;align-content:start;justify-items:start;min-width:0}
.stat+.stat{border-inline-start:1px solid var(--hair);padding-inline-start:var(--space-4)}
.stat-num{font-family:var(--font-display);font-weight:var(--fw-heading);font-size:clamp(40px,3.8vw,64px);color:var(--text-stat);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;line-height:1.1}
.stat .kick{font-size:var(--text-base);color:var(--text-low)}
/* الحكاية والبرهان — كتلتان بشعيرة علوية واحدة (نمط .format نفسه) */
.proof-mid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,3vw,56px);align-items:start;margin-top:var(--space-5)}
.proof-mid>*{display:grid;gap:10px;align-content:start;min-width:0;border-top:2px solid var(--border-strong);padding-top:var(--space-3)}
.story-lead{color:var(--text-low);font-size:var(--text-base);line-height:var(--lh-snug);max-width:48ch;text-wrap:pretty}
.story-quote{margin:0;font-family:var(--font-display);font-weight:var(--fw-heading);font-size:clamp(26px,2.4vw,38px);line-height:var(--lh-heading);max-width:26ch;text-wrap:balance}
.claim{gap:8px}
.claim-src{color:var(--text-low);font-size:var(--text-base);line-height:var(--lh-snug);max-width:40ch;text-wrap:pretty}
.claim-line{font-family:var(--font-display);font-weight:var(--fw-heading);font-size:var(--text-xl);line-height:var(--lh-heading);max-width:24ch;text-wrap:balance}
/* الشهود — شهادة كانفيلد ولقطتا الشاهدين في صفٍّ متساوي الارتفاع */
.voices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:var(--space-5);align-items:stretch}
.endorse{margin:0;grid-column:span 2;display:grid;grid-template-columns:minmax(0,45%) minmax(0,1fr);border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--bg-component);overflow:hidden}
/* R10-ب · شهادة كانفيلد مع صورته الحقيقية (أصل المتجر) — الصورة جانبيّة فلا يرتفع الصفّ ويقطع رؤوس الشاهدين الآخرين؛ اللون يبقى */
.endorse-img{display:block;width:100%;height:100%;min-height:200px;object-fit:cover;object-position:50% 20%}
.endorse-body{display:flex;flex-direction:column;justify-content:center;padding:clamp(16px,1.8vw,22px)}onent)}
.endorse blockquote{margin:0;font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--text-lg);line-height:var(--lh-snug);text-wrap:balance}
.endorse figcaption{margin-top:12px;font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-low);line-height:var(--lh-snug)}
.endorse figcaption strong{color:var(--text-high)}
.witness{margin:0;display:grid;grid-template-rows:minmax(140px,1fr) auto;border-radius:var(--radius-card);overflow:hidden;background:var(--bg-component);border:1px solid var(--border-subtle)}
.witness img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;object-position:var(--pos,50% 25%)}
.witness figcaption{padding:10px 14px 12px;font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-low);line-height:var(--lh-snug)}
.also{margin-top:var(--space-4);display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-low);line-height:var(--lh-snug)}
.also-kick{margin:0;flex:none}
/* R10-ب · صفّ الأوجه — الشهود الأربعة بصورهم وأسمائهم وحدها (ر-38)؛ الوجه لا يُقصّ ولا يُرمّد — قطع مربّع بزاوية البطاقة */
.faces{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0;padding:0;list-style:none;min-width:0}
.face{display:inline-flex;align-items:center;gap:10px;min-height:var(--tap-min);color:var(--text-high);text-decoration:none;font-weight:var(--fw-medium)}
.face img{width:44px;height:44px;flex:none;border-radius:var(--radius-card);object-fit:cover;object-position:50% 25%;border:1px solid var(--border-subtle);background:var(--bg-component);display:block}
.face:hover span,.face:focus-visible span{text-decoration:underline;text-underline-offset:4px}
@media (max-width:1100px){.voices{grid-template-columns:repeat(2,minmax(0,1fr))}.voices .endorse{grid-column:1/-1}}
.also .link-arrow{font-size:var(--text-sm)}
.wall{position:relative;margin-top:var(--space-6);height:clamp(440px,60vh,660px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;overflow:clip;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 86%,transparent)}
.wall-col{display:grid;gap:12px;align-content:start;transform:translate3d(0,0,0)}
.wall-col img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 35%;border-radius:var(--radius-card);border:1px solid var(--border-subtle)}
@media (prefers-reduced-motion:no-preference){
  @keyframes wallUp{to{transform:translate3d(0,-50%,0)}}
  @keyframes wallDown{from{transform:translate3d(0,-50%,0)}to{transform:none}}
  .wall-col{animation:wallUp var(--d,84s) linear infinite}
  .wall-col:nth-child(even){animation-name:wallDown}
  .wall.is-paused .wall-col{animation-play-state:paused}
}
@media (prefers-reduced-motion:reduce){.wall{height:auto;-webkit-mask-image:none;mask-image:none}.wall-col img:nth-child(n+3){display:none}}
@media (max-width:640px){.wall{grid-template-columns:repeat(2,minmax(0,1fr));height:clamp(380px,56vh,520px);gap:8px}.wall-col:nth-child(n+3){display:none}}
.statement{text-align:center;position:relative;padding-block:var(--space-6) 0;margin-top:var(--space-5)}
.statement::before{content:"";position:absolute;top:-40px;inset-inline:20%;height:320px;pointer-events:none;background:radial-gradient(closest-side,var(--spot-glow),transparent)}
.statement>.kick{margin-bottom:var(--space-3)}
.statement blockquote{margin:0 auto;max-width:30ch;font-family:var(--font-display);font-weight:var(--fw-heading);font-size:clamp(28px,3vw,44px);line-height:var(--lh-heading);text-wrap:balance;position:relative}
.statement-body{margin:var(--space-4) auto 0;max-width:56ch;color:var(--text-low);font-size:var(--text-md);line-height:var(--lh-body);text-wrap:pretty}
.proof-links{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:var(--space-4)}
/* home-s4-ج — شريط «جهات نفتخر بخدمتها»: مسار واحد بنسختين (الثانية aria-hidden) · الاتجاه بمتغيّر كما في .mnav · يتوقف بزر وبالتركيز وخارج الشاشة · ثابت تحت تقليل الحركة */
.clients{margin-top:var(--space-6);border-top:1px solid var(--hair);padding-top:var(--space-5);--mq-dir:1}
[dir=ltr] .clients{--mq-dir:-1}
.clients-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);align-items:start}
.clients-head .mq-toggle{margin-top:6px}
.clients-head h3{font-size:var(--text-2xl);max-width:18ch}
.clients-head .desc{margin-top:10px}
.mq-toggle{white-space:nowrap}
.mq-toggle svg{flex:none}
.mq-toggle .ic-play{display:none}
.mq-toggle[aria-pressed=true] .ic-play{display:block}
.mq-toggle[aria-pressed=true] .ic-pause{display:none}
.marquee{margin-top:var(--space-4);overflow:clip;-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);padding-block:6px}
.mq-row{display:flex;gap:12px;width:max-content;list-style:none;margin:0;padding:0}
.mq-tile{flex:none;width:clamp(150px,13vw,190px);height:84px;display:grid;place-items:center;padding:6px 10px;border-radius:var(--radius-card);border:1px solid var(--border-subtle)}
.mq-tile img{max-height:72px;max-width:100%;width:auto;height:auto;object-fit:contain;display:block}
@media (prefers-reduced-motion:no-preference){
  @keyframes mqSlide{to{transform:translate3d(calc(var(--mq-dir) * 50%),0,0)}}
  .mq-row{animation:mqSlide var(--mq-d,95s) linear infinite}
  .marquee.is-paused .mq-row,.marquee:focus-within .mq-row{animation-play-state:paused}
}
@media (prefers-reduced-motion:reduce){
  .marquee{-webkit-mask-image:none;mask-image:none}
  .mq-row{width:auto;flex-wrap:wrap;justify-content:center}
  .mq-tile[aria-hidden=true]{display:none}
  .mq-toggle{display:none}
}
.clients-list{margin-top:var(--space-2);max-width:60ch}
.clients-list summary{display:inline-flex;align-items:center;gap:8px;min-height:var(--tap-min);cursor:pointer;list-style:none;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-low)}
.clients-list summary::-webkit-details-marker{display:none}
.clients-list[open] summary svg{transform:rotate(180deg)}
.clients-list ul{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px 14px;font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-low);line-height:var(--lh-snug)}
.clients-foot{margin-top:var(--space-4)}
@media (max-width:640px){.clients-head{grid-template-columns:minmax(0,1fr)}.mq-tile{width:140px;height:72px}.mq-tile img{max-height:44px}}
@media (max-width:900px){
  .proof-top{grid-template-columns:minmax(0,1fr)}
  .proof-hero img{aspect-ratio:4/3}
  .proof-head h2{max-width:none}
  .stats{margin-top:var(--space-5);gap:var(--space-3)}
  .stat+.stat{padding-inline-start:var(--space-3)}
  .proof-mid{grid-template-columns:minmax(0,1fr);row-gap:var(--space-4)}
  .voices{grid-template-columns:repeat(2,minmax(0,1fr))}
  .voices .endorse{grid-column:1/-1;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto}
  .voices .endorse-img{height:auto;min-height:0;aspect-ratio:21/9}
}
@media (max-width:640px){
  .stats{grid-template-columns:minmax(0,1fr);row-gap:var(--space-3);padding-block:var(--space-3)}
  .stat+.stat{border-inline-start:0;padding-inline-start:0;border-top:1px solid var(--hair);padding-top:var(--space-3)}
  .voices{grid-template-columns:minmax(0,1fr)}
  .endorse-img{aspect-ratio:16/10}
  .witness{grid-template-rows:auto auto}
  .witness img{height:auto;aspect-ratio:16/10}
}

/* ================================================================
   home-s5 — تعلّم على طريقتك (فاتح)
   ================================================================ */
.formats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,28px);margin-top:var(--space-5)}
@media (max-width:1100px){.formats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.format{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;border-top:2px solid var(--border-strong);padding-top:var(--space-3)}
.format h3{font-size:var(--text-xl)}
.format p{color:var(--text-low);font-size:var(--text-base);line-height:var(--lh-snug);max-width:32ch;text-wrap:pretty}
.format .link-arrow{justify-self:start;align-self:end;font-size:var(--text-sm)}
@media (max-width:560px){.formats{grid-template-columns:minmax(0,1fr)}}

/* ================================================================
   home-s6 — عينة واحدة (فاتح · إطار داكن) — صورة ثابتة صادقة، لا فيديو ولا زر تشغيل مزيّف حتى يُختار المقطع
   ================================================================ */
.media .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,3vw,56px);align-items:end}
.media h2{font-size:var(--display-section);max-width:12ch}
.media .desc{margin-top:var(--space-2)}
.media-frame{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-card);background:var(--bg-component)}
.media-frame img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.media-frame{margin:0}
.media-cap{position:absolute;inset:auto 0 0 0;padding:16px 20px;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-high);background:linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,0))}
.media-foot{margin-top:var(--space-3);padding-bottom:12px}
@media (max-width:900px){.media .wrap{grid-template-columns:minmax(0,1fr)}.media h2{max-width:none}}

/* ================================================================
   home-s7 — الأسئلة (فاتح)
   ================================================================ */
.faq{max-width:820px}
.faq details{border-bottom:1px solid var(--hair)}
.faq details:first-of-type{border-top:1px solid var(--hair);margin-top:var(--space-4)}
.faq .ans a{color:var(--text-high);text-decoration:underline;text-underline-offset:4px}
.faq-foot{margin-top:var(--space-3)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);list-style:none;cursor:pointer;padding-block:18px;font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--fw-semibold);min-height:var(--tap-min)}
.faq summary::-webkit-details-marker{display:none}
.faq summary svg{flex:none;color:var(--icon-ink)}
.faq details[open] summary svg{transform:rotate(180deg)}
.faq .ans{color:var(--text-low);padding-block:0 20px;max-width:60ch}

/* ================================================================
   home-s8 — الختام (صرف داكن 3) — المسرح المضاء ينتظر
   ================================================================ */
.closing{position:relative;min-height:max(78vh,560px);display:grid;grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;text-align:center;padding-block:var(--section-y-peak);overflow:hidden;isolation:isolate}
.closing-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 60%;z-index:-2;opacity:.82}
.closing-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.28) 45%,rgba(0,0,0,.6)),radial-gradient(60% 50% at 50% 55%,rgba(0,0,0,.66),rgba(0,0,0,.3) 60%,rgba(0,0,0,0));z-index:-1;pointer-events:none}
.closing h2{font-size:var(--display-closing);max-width:18ch;margin-inline:auto}
.closing .wrap{width:100%;max-width:860px;min-width:0}
.closing-lede{margin:var(--space-3) auto 0;max-width:52ch;color:var(--text-low);font-size:var(--text-md);text-wrap:pretty}
.closing-quote{margin:var(--space-4) auto 0;max-width:40ch;font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--text-xl);line-height:var(--lh-snug);text-wrap:balance}
.closing-last{margin:var(--space-3) auto 0;max-width:44ch;color:var(--text-low);font-size:var(--text-base);text-wrap:pretty}
.closing .row{justify-content:center;margin-top:var(--space-4)}
.closing-alt{margin-top:var(--space-2)}
.closing-alt .link-arrow{color:var(--text-low)}
.closing .btn-fill{padding:18px 44px;font-size:var(--text-md)}

/* التذييل — تثبيت داكن دائم */
.site-ftr{border-top:1px solid var(--hair);padding:64px 0 28px}
.ftr-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:var(--space-4)}
.ftr-social{display:grid;grid-template-columns:repeat(auto-fill,var(--tap-min));gap:10px;margin-top:20px;max-width:100%}
.ftr-grid>*{min-width:0}
.ftr-head{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-high);margin-bottom:10px}
.ftr-logo{height:44px;width:auto;display:block}
.ftr-tag{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-low);margin-top:16px}
.ftr-contact{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-low);margin-top:10px}
.ftr-contact a{color:var(--text-high);text-decoration:none;min-height:var(--tap-min);display:inline-flex;align-items:center}
.ftr-safe{font-family:var(--font-display);font-size:var(--text-floor);color:var(--text-annotation);margin-top:10px}
/* R09 · النشرة: الحقل والزر مجموعة واحدة — معالجة مجهّزة لا خدمة موصولة */
.ftr-news{display:grid;gap:12px;justify-items:start;margin:0}
.ftr-news .field{width:100%}
.ftr-news-go{padding:10px 28px}
.ftr-link{display:flex;align-items:center;font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-low);text-decoration:none;min-height:var(--tap-min)}
.ftr-legal{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;border-top:1px solid var(--hair);margin-top:var(--space-4);padding-top:var(--space-3)}
/* حقل النموذج في التذييل — اسم الصنف نفسه، فقواعد المجالات مقصورة على .field-list (ت-22) */
.field{display:grid;gap:8px}
.field label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-semibold)}
.control{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-high);background:var(--surface-field);border:1px solid var(--border);border-radius:var(--radius-field);padding:10px 16px;min-height:var(--tap-min);width:100%}
.control::placeholder{color:var(--text-annotation);opacity:1}
@media (max-width:900px){.ftr-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.ftr-grid{grid-template-columns:1fr}}

/* الكشف عند التمرير — لوحة motion.md 1-2 */
html.js [data-reveal]{opacity:0;transform:translate3d(0,8px,0)}
html.js [data-reveal].is-in{opacity:1;transform:translate3d(0,0,0);transition:opacity 300ms var(--ease-out),transform 300ms var(--ease-out)}

/* UUPM #45 — رابط التخطّي: مخفي حتى يُركَّز عليه بلوحة المفاتيح */
.skip-link{position:fixed;top:10px;inset-inline-start:10px;z-index:120;transform:translateY(-200%);background:var(--fill-cta,#f6f6f6);color:var(--on-fill-cta,#0b0c0e);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-heading);min-height:44px;display:inline-flex;align-items:center;padding:0 18px;border-radius:2px;text-decoration:none}
.skip-link:focus-visible{transform:translateY(0)}
@media (prefers-reduced-motion:reduce){html.js .ec-dot{animation:none}}

/* Impeccable · أسطح المتصفح — الأجزاء التي لم نرسمها تحمل التصميم أيضًا: التحديد والمؤشر وشريط التمرير من الرموز المقفلة لا من افتراض المتصفح */
::selection{background:var(--fill);color:var(--on-fill)}
.lighting-dark ::selection{background:var(--fill-cta);color:var(--on-fill-cta)}
html{scrollbar-color:var(--border-strong) var(--bg-band);caret-color:var(--text-high)}
.lighting-dark{caret-color:var(--text-high)}

/* التركيز */
:where(a,button,summary,.btn,.chip,.control,.thumb):focus-visible{outline:var(--focus-w) solid var(--focus-ring);outline-offset:var(--focus-offset)}
.poster .btn:focus-visible,.poster-more a:focus-visible{outline-color:#f6f6f6}
.btn:active{transform:scale(var(--press-scale))}

/* التحويم — مسوّر (hover:hover) */
@media (hover:hover) and (pointer:fine){
  .btn{transition:transform var(--dur-press) var(--ease-out),background-color var(--dur-press) var(--ease-out),border-color var(--dur-press) var(--ease-out),box-shadow var(--dur-press) var(--ease-out)}
  .btn:hover{transform:translateY(-2px)}
  .btn-fill:hover{background:var(--fill-cta-hover)}
  .btn-ghost:hover{border-color:var(--text-high)}
  .chip{transition:border-color var(--dur-chip) var(--ease-out),background-color var(--dur-chip) var(--ease-out)}
  .chip:not([aria-pressed=true]):hover{border-color:var(--border-strong);background:var(--bg-hover)}
  .thumb:not([aria-pressed=true]):hover{opacity:.85}
  .bundle{transition:box-shadow var(--dur-card) var(--ease-out)}
  .mnav{transition:transform 320ms var(--ease-out),visibility 0s linear 320ms}.mnav.is-open{transition:transform 320ms var(--ease-out)}
  .hdr-item,.ftr-link{transition:color var(--dur-chip) var(--ease-out)}
  .hdr-item:hover,.ftr-link:hover{color:var(--text-high)}
  .ico-btn{transition:border-color var(--dur-chip) var(--ease-out),background-color var(--dur-chip) var(--ease-out)}
  .ico-btn:hover{border-color:var(--border-strong);background:var(--bg-hover)}
  .faq summary svg{transition:transform var(--dur-chip) var(--ease-out)}
}
/* الانتقالات الوظيفية — فقط بلا تقليل حركة */
@media (prefers-reduced-motion:no-preference){
  .thumb{transition:opacity var(--dur-card) var(--ease-out),transform var(--dur-card) var(--ease-out),border-color var(--dur-card) var(--ease-out)}
  html.js .poster-more{transition:transform 320ms var(--ease-out),opacity 320ms var(--ease-out),visibility 0s linear 320ms}
  html.js .poster-more.is-open{transition:transform 320ms var(--ease-out),opacity 320ms var(--ease-out),visibility 0s}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .btn,.chip,.thumb,.poster-img,.ico-btn,.faq summary svg,.hdr-item,.ftr-link,.mnav{transition:none}
  .btn:hover,.btn:active{transform:none}
  .poster-img,.bundle-img{transform:none!important;inset:0;height:100%}
  .thumb[aria-pressed=true]{transform:none}
  .thumb .bar{display:none}
  html.js [data-reveal]{transform:none}
  html.js [data-reveal].is-in{transition:opacity 300ms var(--ease-out)}
}


/* ================================================================
   MERGED-R10C · الأقسام الخمسة المنقولة بنيةً من النسخة الأولى — على رموز النظام وحدها
   ================================================================ */
/* home-m1 · المجالات الست */
.fields-head{max-width:64ch}
.fields-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,3vw,56px);align-items:stretch;margin-top:var(--space-5)}
.field-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border-top:1px solid var(--border)}
.field-list .field{display:flex;align-items:center;gap:18px;width:100%;min-height:var(--tap-min);padding:clamp(14px,1.6vw,22px) 12px;border-bottom:1px solid var(--border);text-decoration:none;color:var(--text-low);font-family:var(--font-display);font-weight:var(--fw-heading);font-size:clamp(20px,2.2vw,32px);text-align:start;cursor:pointer;transition:color var(--dur-card) var(--ease-out),padding-inline-start var(--dur-card) var(--ease-out)}
.field-list .field-name{flex:1}
.field-list .field svg{color:currentColor;opacity:0;transition:opacity var(--dur-card) var(--ease-out)}
.field-list .field:hover,.field-list .field:focus-visible{color:var(--text-high)}
.field-list .field.is-on{color:var(--text-high);padding-inline-start:20px}
.field-list .field.is-on svg{opacity:1}
.field-stage{position:relative;min-height:420px;border-radius:var(--radius-xl);overflow:hidden;background:var(--bg-component);box-shadow:var(--shadow-card)}
.fpanel{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity var(--dur-reveal) var(--ease-out)}
.fpanel.is-on{opacity:1}
.fpanel img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 40%);display:block}
.fcap{position:absolute;inset:auto 0 0 0;padding:clamp(18px,2vw,28px);display:grid;gap:8px;color:#fcfcfc;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.78) 55%)}
.fcap h3{font-size:var(--text-xl);color:#fcfcfc}
.fcap p{color:rgba(252,252,252,.86);font-size:var(--text-base);max-width:40ch}
.fcap .link-arrow{color:#fcfcfc;font-size:var(--text-sm)}
@media (max-width:900px){.fields-grid{grid-template-columns:minmax(0,1fr)}.field-stage{min-height:0;aspect-ratio:4/3}.field-list .field{font-size:var(--text-xl)}}

/* home-m2 · من القناة */
.channel-head{display:flex;align-items:end;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}
.vid-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);margin-top:var(--space-5)}
.vid{position:relative;display:block;border-radius:var(--radius-card);overflow:hidden;background:var(--bg-component);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);color:var(--text-high)}
.vid img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform var(--dur-reveal) var(--ease-out)}
.vid:hover img,.vid:focus-visible img{transform:scale(1.03)}
.vplay{position:absolute;inset:0;margin:auto;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--fill-cta);color:var(--on-fill-cta);box-shadow:var(--shadow-btn)}
@media (max-width:900px){.vid-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.vid-grid{grid-template-columns:minmax(0,1fr)}}

/* home-m3 · الاستشارات والكوتشينج — بنية النسخة الأولى: شريطا نسبة + عمود نصّ (ت-49) */
.coach{background:var(--bg-page)}
.coach-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(28px,5vw,80px);align-items:center}
.coach-bars{display:grid;gap:clamp(24px,4vh,44px);align-content:center}
.barrow{display:grid;gap:12px}
.bar-top{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.bar-v{font-family:var(--font-display);font-weight:var(--fw-heading);font-size:clamp(34px,4vw,58px);line-height:1;color:#fcfcfc}
.bar-lab{font-family:var(--font-display);font-size:var(--text-sm);color:rgba(252,252,252,.78);text-wrap:balance}
/* taste §9.F: بلا مسار خلفي ممتلئ — خطّ شعري رقيق يحمل النسبة وحدها */
.bar{height:3px;border-radius:999px;background:rgba(252,252,252,.14);overflow:hidden}
/* ت-49: الشريط ممتلئ بذاته (لا يعتمد على صنف كشف قد لا يُطبَّق)، والامتلاء المتحرّك بتمريرٍ مدفوعٍ بـ CSS حيث يُدعم */
.bar i{display:block;height:100%;width:var(--w);border-radius:999px;background:#fcfcfc}
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    @keyframes barFill{from{width:0}to{width:var(--w)}}
    .bar i{animation:barFill 1 linear both;animation-timeline:view();animation-range:entry 8% entry 62%}
  }
}
.coach-copy{display:grid;justify-items:start;align-content:center}
.coach-copy .sec-h2{margin:var(--space-2) 0 0;font-size:clamp(32px,4.2vw,64px);color:#fcfcfc;max-width:12ch}
.coach-copy .desc{margin-top:var(--space-3);color:rgba(252,252,252,.84);max-width:42ch}
.coach-list{list-style:none;margin:var(--space-3) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 10px}
.coach-list li{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-medium);color:#fcfcfc;border:1px solid rgba(252,252,252,.3);border-radius:var(--radius-pill);padding:8px 14px}
.coach-copy .row{margin-top:var(--space-4);display:flex;gap:12px;flex-wrap:wrap}
@media (max-width:900px){.coach-grid{grid-template-columns:minmax(0,1fr)}.coach-bars{order:2}.coach-copy .sec-h2{max-width:none}}
@media (prefers-reduced-motion:reduce){.bar i{animation:none;width:var(--w)}}

/* home-m4 · المكتبة */
.lib-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);margin-top:var(--space-5)}
.lib{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:10px;padding:clamp(20px,2vw,28px);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-component);color:var(--text-high);text-decoration:none;box-shadow:var(--shadow-card);transition:transform var(--dur-card) var(--ease-out),border-color var(--dur-card) var(--ease-out)}
.lib:hover,.lib:focus-visible{transform:translateY(-3px);border-color:var(--border-strong)}
.lib h3{font-size:var(--text-xl)}
.lib p{color:var(--text-low);font-size:var(--text-base);line-height:var(--lh-snug)}
.lib .link-arrow{font-size:var(--text-sm);justify-self:start}
@media (max-width:1100px){.lib-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.lib-grid{grid-template-columns:minmax(0,1fr)}}

/* home-m5 · للشركات */
.corp-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(24px,4vw,72px);align-items:center}
.corp-copy{display:grid;gap:var(--space-2)}
.corp-copy .row{margin-top:var(--space-3);display:flex;gap:12px 20px;flex-wrap:wrap;align-items:center}
.corp-img{margin:0;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-card)}
.corp-img img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 40%}
@media (max-width:900px){.corp-grid{grid-template-columns:minmax(0,1fr)}.corp-img{order:-1}}
@media (prefers-reduced-motion:reduce){.fpanel{transition:none}.vid img,.lib{transition:none}.vid:hover img{transform:none}.lib:hover{transform:none}}


/* ================================================================
   home-m0 · رفّ الفعاليات — بطاقات عمودية 9:16 (مقاس Shorts/Reels) على أرضٍ داكنة
   ت-20 · 2026-09-15 · الصور خانات مؤقتة للمقاطع الرأسية
   ================================================================ */
.reels-band{background:var(--bg-page);padding-block:clamp(48px,7vh,88px)}
.reels-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}
.reels-title{display:flex;align-items:baseline;gap:clamp(16px,2vw,28px);flex-wrap:wrap;min-width:0}
.reels-title .sec-h2{max-width:22ch;margin:0}
.reels-title .link-arrow{font-size:var(--text-sm);color:var(--text-low)}
.reels-title .link-arrow:hover{color:var(--text-high)}
.reels-nav{display:flex;gap:10px;flex:none}
.reels-nav .ico-btn{width:46px;height:46px;border-color:var(--border)}
.reels-nav .ico-btn:disabled{opacity:.35;cursor:default}
.reels-rail{margin-top:var(--space-4);overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1*clamp(22px,4vw,48px));padding-inline:clamp(22px,4vw,48px)}
.reels-rail::-webkit-scrollbar{display:none}
.reels-rail:focus-visible{outline:2px solid var(--border-strong);outline-offset:4px;border-radius:var(--radius-card)}
.reels-list{display:flex;width:max-content;gap:clamp(10px,1.2vw,16px);margin:0;padding:0 0 4px;list-style:none}
.reel{flex:0 0 clamp(210px,17vw,280px)}
.reel-link{position:relative;display:block;aspect-ratio:9/16;overflow:hidden;border-radius:var(--radius-xl);background:var(--bg-component);text-decoration:none;color:#fcfcfc;transition:transform var(--dur-card) var(--ease-out)}
.reel-link:hover,.reel-link:focus-visible{transform:translateY(-4px)}
.reel-media{position:absolute;inset:0;display:block}
.reel-media img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 30%);display:block}
.reel-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,.62) 70%,rgba(0,0,0,.92) 100%)}
.reel-body{position:absolute;inset:auto 0 0 0;display:block;padding:clamp(14px,1.4vw,20px);text-align:center}
.reel-ttl{display:block;font-family:var(--font-display);font-weight:var(--fw-heading);font-size:clamp(19px,1.5vw,24px);line-height:1.22;color:#fcfcfc;text-wrap:balance}
.reel-sub{display:block;margin-top:6px;font-family:var(--font-display);font-weight:400;font-size:13px;line-height:1.45;color:rgba(252,252,252,.86);text-wrap:pretty}
.reels-dots{display:flex;gap:8px;justify-content:center;margin-top:var(--space-3)}
.reels-dots span{width:7px;height:7px;border-radius:50%;background:var(--border-strong);transition:background var(--dur-chip) var(--ease-out)}
.reels-dots span[data-on]{background:#fcfcfc}
@media (max-width:640px){.reel{flex:0 0 62vw}.reels-nav{display:none}}
@media (prefers-reduced-motion:reduce){.reels-rail{scroll-behavior:auto}.reel-link,.reel-link:hover{transition:none;transform:none}}


/* ================================================================
   home-m6 · قالوا عن رشاد — الصورة ثلثان والنصّ ثلث، وصفّ دوائر مصغّرة في الأسفل (ت-26)
   الحبر على أرضٍ صرفة لا على الصورة — لا خطر تباين.
   ================================================================ */
/* ت-27: القسم يملأ الكتلة كاملةً فلا يظهر شريط فاتح من جارَيه أعلى/أسفل */
/* ت-68: عمود محكوم — رفّ التزكيات بـ max-content كان يمدّ عمود القسم إلى 1329px فيبطل التمرير */
.says{position:relative;background:var(--bg-page);overflow:clip;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto;padding-bottom:clamp(18px,2.4vh,32px)}
.says-grid{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(0,1fr);align-items:stretch;min-height:clamp(520px,72vh,820px)}
.sp-media{position:relative;background:var(--bg-component)}
.sp-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 16%);display:block;opacity:0;transition:opacity var(--dur-reveal) var(--ease-out)}
.sp-photo.is-on{opacity:1}
.sp-media::after{content:"";position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,0) 70%,rgba(0,0,0,.6) 90%,var(--bg-page) 100%)}
.sp-copy{padding:clamp(28px,4vw,56px) clamp(22px,3.2vw,48px);display:grid;align-content:center;min-width:0}
.sp-quotes{position:relative;display:grid;align-content:center;min-height:clamp(200px,28vh,340px)}
.sp-q{margin:0;max-width:22ch;font-family:var(--font-display);font-weight:var(--fw-heading);font-size:clamp(18px,1.5vw,24px);line-height:1.5;color:#fcfcfc;text-wrap:pretty}
.sp-q[hidden]{display:none}
.sp-who{display:grid;gap:3px;margin-top:clamp(18px,2vw,26px);padding-top:clamp(14px,1.6vw,20px);border-top:1px solid rgba(252,252,252,.24)}
.sp-who strong{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--text-base);color:#fcfcfc}
.sp-who span{font-family:var(--font-display);font-size:var(--text-sm);color:rgba(252,252,252,.8)}
.sp-dots{display:flex;gap:clamp(10px,1.1vw,18px);justify-content:center;align-items:start;margin:clamp(18px,2.4vh,30px) 0 0;padding:0 clamp(16px,3vw,40px);list-style:none;overflow-x:auto;scrollbar-width:none}
.sp-dots::-webkit-scrollbar{display:none}
/* ت-27: تحت كل دائرة اسم صاحبها — صفٌّ واحد يمرّر أفقيًّا إن ضاق */
.sp-dot{flex:none;width:clamp(84px,7vw,112px);padding:0;border:0;background:transparent;cursor:pointer;display:grid;justify-items:center;gap:7px;color:rgba(252,252,252,.6);transition:color var(--dur-card) var(--ease-out)}
.sp-ring{display:block;width:clamp(44px,3.4vw,54px);height:clamp(44px,3.4vw,54px);border-radius:50%;overflow:hidden;border:2px solid transparent;background:var(--bg-component);opacity:.6;transition:opacity var(--dur-card) var(--ease-out),border-color var(--dur-card) var(--ease-out),transform var(--dur-card) var(--ease-out)}
.sp-ring img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 16%);display:block}
.sp-dot-name{font-family:var(--font-display);font-size:12px;font-weight:var(--fw-medium);line-height:1.3;color:inherit;text-wrap:balance}
.sp-dot:hover,.sp-dot:focus-visible{color:rgba(252,252,252,.92)}
.sp-dot:hover .sp-ring,.sp-dot:focus-visible .sp-ring{opacity:1}
.sp-dot.is-on{color:#fcfcfc}
.sp-dot.is-on .sp-ring{opacity:1;border-color:#fcfcfc;transform:scale(1.06)}
@media (max-width:1100px){.says{min-height:0}.says-grid{grid-template-columns:minmax(0,1fr)}.sp-media{min-height:clamp(320px,48vh,480px)}.sp-media::after{background:linear-gradient(to bottom,rgba(0,0,0,0) 58%,rgba(0,0,0,.62) 86%,var(--bg-page) 100%)}.sp-quotes{min-height:0}}
@media (prefers-reduced-motion:reduce){.sp-photo,.sp-dot,.sp-ring{transition:none}.sp-dot.is-on .sp-ring{transform:none}}


/* ================================================================
   home-m7 · عن رشاد — بنية النسخة الأولى على أرضٍ داكنة (ت-29)
   ================================================================ */
.bio{background:var(--bg-page)}  /* فاتح: الأرضية من رموز الإضاءة الفاتحة */
/* ت-30: عمود الوسيط أوسع والنسبة 16:9 كنسبة المقطع نفسه — القصّ كان يقتطع 55% من عرضه (مقيس) */
.bio-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,4vw,64px);align-items:center}
.bio-copy{min-width:0;display:grid;justify-items:start}
.bio-pull{margin:var(--space-3) 0 0;max-width:20ch;font-family:var(--font-display);font-weight:var(--fw-heading);font-size:clamp(26px,3vw,46px);line-height:1.34;color:var(--text-high);text-wrap:pretty}
.bio-body{display:grid;gap:var(--space-3);margin-top:var(--space-4);max-width:44ch}
.bio-body p{color:var(--text-low);font-size:var(--text-md,17px);line-height:var(--lh-body)}
.bio-cta{margin-top:var(--space-4)}
/* ت-30 · لوح الفيديو: ملصق حقيقي · ضوابط كاملة · بلا تشغيل تلقائي · زرّ يبدأ ثم يزول */
.bio-media{margin:0;position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-card);background:var(--bg-component)}
.bio-video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--bg-component)}
.bio-play{position:absolute;inset-inline-start:50%;bottom:clamp(18px,2.4vw,28px);transform:translateX(50%);display:inline-flex;align-items:center;gap:10px;min-height:var(--tap-min);padding:10px 20px 10px 14px;border:0;border-radius:var(--radius-pill);background:var(--fill-cta);color:var(--on-fill-cta);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-semibold);cursor:pointer;box-shadow:var(--shadow-btn);transition:transform var(--dur-card) var(--ease-out)}
.bio-play:hover,.bio-play:focus-visible{transform:translateX(50%) translateY(-2px)}
.bio-play-ic{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--on-fill-cta);color:var(--fill-cta);flex:none}
.bio-media.is-playing .bio-play{display:none}
@media (max-width:900px){.bio-grid{grid-template-columns:minmax(0,1fr)}.bio-media{order:-1}.bio-video{aspect-ratio:16/10}}
@media (prefers-reduced-motion:reduce){.bio-play,.bio-play:hover{transition:none;transform:translateX(50%)}}


/* ================================================================
   home-m8 · شريط «كما ظهر في» (بنية MEDIA BAR من النسخة الأولى) — ت-31
   خانات الشعارات معلَنة حتى تصل الملفات؛ الأسماء نصًّا اليوم.
   ================================================================ */
/* ت-65 · 2026-09-15: المساحات السوداء تقلّصت — الحشو صار كحشو شريط الجهات المرجعي (16px) بدل 26–44px */
.mediabar{background:var(--bg-band);border-block:1px solid var(--hair);padding-block:clamp(14px,1.8vh,18px)}
/* ت-40: شريط الإعلام يستعير هيئة شريط الجهات وحركته؛ ولا هامش علوي ولا شعيرة مكرّرة داخله */
/* ت-64: هيئة شريط «جهات نفتخر بخدمتها» نفسها — عنوان ظاهر ثم البلاطات */
.mb-clients{margin-top:0;border-top:0;padding-top:0;--mq-dir:1}
.mb-clients .clients-head{display:block;margin-bottom:10px}
.mb-clients .clients-head h3{font-size:clamp(20px,1.9vw,28px);color:var(--text-high);line-height:1.25;max-width:none}
.mb-clients .marquee{margin-top:0}
.mb-clients .mq-tile{height:86px;width:clamp(148px,12.5vw,184px);padding:6px 10px;background:#fff;border-color:rgba(18,18,18,.08)}
.mb-clients .mq-tile img{max-height:74px}
/* ت-41: بلا مفتاح ظاهر — التوقف بالتحويم والتركيز */
.mb-clients:hover .mq-row,.mb-clients:focus-within .mq-row{animation-play-state:paused}
.mb-in{display:flex;align-items:center;gap:clamp(18px,3vw,48px);flex-wrap:wrap}
.mb-lab{margin:0;flex:none;font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-annotation);letter-spacing:var(--ls-eyebrow,.18em)}
.mb-list{display:flex;align-items:center;gap:clamp(18px,3.4vw,56px);flex-wrap:wrap;margin:0;padding:0;list-style:none;flex:1;min-width:0}
.mb-item{display:grid;gap:3px;min-width:0}
.mb-name{font-family:var(--font-display);font-weight:var(--fw-heading);font-size:clamp(17px,1.5vw,22px);color:var(--text-high);line-height:1.2}
.mb-sub{font-family:var(--font-display);font-size:12px;color:var(--text-annotation);line-height:1.35}

/* home-m9 · الأرقام — أربع خانات بشعيرات فاصلة، تعدّ عند أول ظهور · شريط مضغوط (ت-32) */
.figures{padding-block:clamp(18px,2.4vh,30px)}
/* ت-34: سبع خانات — مسارات مرنة تتوزّع بحسب العرض بدل عدد ثابت */
.fig-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(150px,12vw,200px),1fr))}
/* ت-32: الشريط أضيق — الحشو الرأسي نزل من clamp(28,4vh,56) إلى clamp(14,1.8vh,24) على الخانة، والقسم نفسه بحشو مضغوط */
.fig{padding:clamp(14px,1.8vh,24px) clamp(10px,1.4vw,20px);text-align:center;border-inline-start:1px solid var(--hair);min-width:0}
.fig:first-child{border-inline-start:0}
/* ت-62 · 2026-09-15: الأرقام الطويلة (1,000,000+ و200,000+) كانت تتجاوز الشعيرة الفاصلة.
   الإصلاح: المقاس يتبع عرض الخانة بوحدة الحاوية (cqi) لا المشهد، والرقم لا يلتفّ ولا يفيض. */
.fig{container-type:inline-size}
.fig-num{margin:0;font-family:var(--font-display);font-weight:var(--fw-heading);font-size:clamp(20px,17.5cqi,44px);line-height:1.12;color:var(--text-stat,var(--text-high));white-space:nowrap;overflow-wrap:normal}
.fig-cap{margin:8px 0 0;font-family:var(--font-display);font-size:12px;color:var(--text-low);line-height:1.4;text-wrap:balance}
@media (max-width:1100px){.fig{border-top:1px solid var(--hair)}.fig:nth-child(-n+3){border-top:0}}
@media (max-width:640px){.fig-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fig:nth-child(odd){border-inline-start:0}.fig:nth-child(-n+2){border-top:0}}


/* ================================================================
   home-m11 · قصص تحول حقيقي — رفّ شهادات بخانات وسائط معلَنة (ت-36)
   ================================================================ */
.stories{background:var(--bg-page)}
.stories-head{display:flex;align-items:end;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}
.stories-title{min-width:0;display:grid;gap:10px}
.stories-title .sec-h2{margin:0;max-width:20ch}
.stories-title .desc{margin:0;max-width:52ch}
.stories-nav{display:flex;gap:10px;flex:none}
.stories-nav .ico-btn{width:46px;height:46px}
.stories-nav .ico-btn:disabled{opacity:.35;cursor:default}
.stories-rail{margin-top:var(--space-5);overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1*clamp(22px,4vw,48px));padding-inline:clamp(22px,4vw,48px)}
.stories-rail::-webkit-scrollbar{display:none}
.stories-rail:focus-visible{outline:2px solid var(--border-strong);outline-offset:4px;border-radius:var(--radius-card)}
.stories-list{display:flex;width:max-content;gap:clamp(12px,1.5vw,20px);margin:0;padding:0 0 4px;list-style:none}
.story{flex:0 0 clamp(260px,26vw,380px)}
.vcard{margin:0;display:grid;gap:12px}
/* ت-69: بطاقة Vimeo — الزرّ يحمل هيئة الخانة نفسها حتى النقر */
.vcard-vimeo .vcard-open{border:1px dashed var(--border-strong);border-radius:var(--radius-xl);background:var(--bg-component);padding:0}
.vcard-vimeo .story-slot{position:relative;display:grid;place-content:center;justify-items:center;gap:8px;aspect-ratio:16/9;padding:20px;border:0;background:transparent;text-align:center;overflow:hidden;border-radius:var(--radius-xl)}
.vcard-vimeo .vcard-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.vcard-vimeo.has-poster .vcard-open{border-style:solid;border-color:var(--border-subtle)}
.vcard-vimeo.has-poster .story-play{position:relative;z-index:2;background:var(--fill-cta);color:var(--on-fill-cta);border-radius:50%;width:56px;height:56px;display:grid;place-items:center;box-shadow:var(--shadow-btn)}
.vcard-vimeo .story-lab{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--text-base);color:var(--text-high)}
.vcard-vimeo .story-sub{font-family:var(--font-display);font-size:12px;color:var(--text-annotation)}
.vcard-vimeo .vcard-frame{aspect-ratio:16/9}
.vcard-open{position:relative;display:block;width:100%;padding:0;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;background:var(--bg-component);cursor:pointer}
.vcard-open img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.vcard-scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.55),rgba(0,0,0,0) 60%)}
.vcard-play{position:absolute;inset:0;margin:auto;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--fill-cta);color:var(--on-fill-cta);box-shadow:var(--shadow-btn)}
.vcard.is-playing .vcard-open{display:none}
.vcard-frame{position:relative;width:100%;aspect-ratio:16/9;border:0;border-radius:var(--radius-xl);overflow:hidden;display:block}
.vcard-cap{display:grid;gap:3px}
.vcard-cap strong{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--text-base);color:#fcfcfc}
.vcard-cap span{font-size:12px;color:rgba(252,252,252,.8);line-height:1.4}
.story-slot{position:relative;display:grid;place-content:center;justify-items:center;gap:8px;aspect-ratio:4/5;padding:20px;border:1px dashed var(--border-strong);border-radius:var(--radius-xl);background:var(--bg-component);text-align:center}
.story-play{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--fill-cta);color:var(--on-fill-cta);box-shadow:var(--shadow-btn)}
.story-lab{margin:0;font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--text-base);color:var(--text-high)}
.story-sub{margin:0;font-family:var(--font-display);font-size:12px;color:var(--text-annotation)}
@media (max-width:640px){.story{flex:0 0 74vw}.stories-nav{display:none}}
.stories.no-rail .stories-nav{display:none}


/* ================================================================
   home-m5 · للشركات والجهات — **مطابقة هيرو 10ب حرفًا** (ت-46 · 2026-09-15)
   الصورة تملأ القسم كاملًا (inset:0) بالغلالتين نفسهما من .stage::before،
   وعمود النصّ على حاشية البداية بنفس النِّسَب والحشو، والارتفاع كارتفاع الهيرو
   فلا تكبير للصور (cover عند 720px ارتفاعًا = مقياس أقل من 1).
   وشريط الشعارات صفٌّ ثانٍ أسفل المشهد.
   ================================================================ */
.corp-hero{position:relative;min-height:max(calc(100svh - 72px),720px);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;align-items:end;overflow:clip;isolation:isolate;background:var(--bg-page)}
.corp-bg{position:absolute;inset:0;z-index:0}
.corp-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 40%);display:block;opacity:0;transition:opacity 1200ms var(--ease-out)}
.corp-layer.is-front{opacity:1}
/* الغلالتان نفسهما المستعملتان في مسرح الهيرو */
.corp-scrim{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to left,rgba(0,0,0,.86) 0%,rgba(0,0,0,.6) 30%,rgba(0,0,0,.18) 58%,rgba(0,0,0,0) 78%),linear-gradient(to top,rgba(0,0,0,.94) 0%,rgba(0,0,0,.5) 28%,rgba(0,0,0,0) 56%)}
.corp-inner{position:relative;z-index:2;width:100%;max-width:none;margin:0;padding:0;display:block}
.corp-copy{max-width:min(52%,720px);padding-inline-start:clamp(22px,4vw,56px);padding-block:clamp(64px,9vh,120px) clamp(28px,4.5vh,56px);display:grid;justify-items:start;text-align:start}
.corp-copy .kick{color:rgba(252,252,252,.86)}
.corp-copy h2{margin:var(--space-2) 0 0;font-size:clamp(34px,4.6vw,72px);font-weight:400;line-height:1.14;letter-spacing:0;color:#fcfcfc;max-width:14ch;text-wrap:balance}
.corp-feat{display:flex;flex-wrap:wrap;gap:8px 10px;margin:var(--space-3) 0 0;padding:0;list-style:none}
.corp-feat li{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-medium);color:#fcfcfc;border:1px solid rgba(252,252,252,.34);border-radius:var(--radius-pill);padding:8px 16px}
.corp-lede{margin:var(--space-3) 0 0;font-family:var(--font-display);font-weight:var(--fw-medium);font-size:clamp(17px,1.6vw,23px);line-height:1.5;color:#fcfcfc;max-width:32ch}
.corp-sub{margin:var(--space-2) 0 0;font-size:var(--text-base);line-height:var(--lh-snug);color:rgba(252,252,252,.86);max-width:52ch;border-inline-start:1px solid rgba(252,252,252,.28);padding-inline-start:16px}
.corp-hero .row{display:flex;gap:12px;flex-wrap:wrap;margin-top:var(--space-4)}
.corp-hero .clients{position:relative;z-index:2;min-width:0;overflow:clip;margin-top:0;padding-block:clamp(16px,2.2vh,26px);padding-inline:clamp(22px,4vw,48px);border-top:1px solid rgba(252,252,252,.18);background:linear-gradient(to top,rgba(0,0,0,.92),rgba(0,0,0,.62))}
/* ت-46: الشريط داخل المشهد مضغوط كشريط مصغّرات الهيرو — رأسٌ في سطر واحد، وبلا رابط مكرّر (الزرّ أعلاه يؤدّيه) */
/* ت-48: العنوان أكبر · والشعارات تملأ صندوقها بحشو ضيّق */
.corp-hero .clients h3{color:#fcfcfc;font-size:clamp(20px,1.9vw,28px);max-width:none;line-height:1.25}
.corp-hero .clients .desc{color:rgba(252,252,252,.78);font-size:12px;margin-top:2px;max-width:60ch}
.corp-hero .clients-head{grid-template-columns:minmax(0,1fr);align-items:center;gap:var(--space-2)}
/* ت-47: بلا مفتاح — التوقف بالتحويم والتركيز */
.corp-hero .clients:hover .mq-row,.corp-hero .clients:focus-within .mq-row{animation-play-state:paused}
.corp-hero .clients .marquee{margin-top:12px}
.corp-hero .clients .mq-tile{height:86px;width:clamp(148px,12.5vw,184px);padding:6px 10px}
.corp-hero .clients .mq-tile img{max-height:74px;max-width:100%}
.corp-hero .clients-foot{display:none}
.corp-hero .clients-list{display:none}
@media (max-width:1100px){.corp-copy{max-width:min(62%,600px)}.corp-copy h2{font-size:clamp(30px,5vw,56px)}}
@media (max-width:900px){.corp-hero{min-height:0;padding-block:0}.corp-copy{max-width:none;padding-inline:clamp(16px,4vw,48px);padding-block:clamp(48px,8vh,88px) clamp(24px,3.5vh,40px)}.corp-copy h2{max-width:none}.corp-sub{max-width:none}}
@media (prefers-reduced-motion:reduce){.corp-layer{transition:none}}



/* ================================================================
   home-m12 · الفعاليات القادمة — شريحة عريضة واحدة في المشهد (ت-50)
   ================================================================ */
.events-intro{display:grid;gap:10px;justify-items:center;text-align:center;max-width:64ch;margin-inline:auto}
.events-intro .sec-h2{margin:0;max-width:22ch}
.events-intro .desc{margin:0}
.events-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-5)}
.events-title{display:flex;align-items:baseline;gap:clamp(12px,1.6vw,22px);flex-wrap:wrap;min-width:0}
.events-title h3{font-size:clamp(20px,2vw,28px);margin:0}
.events-title .link-arrow{font-size:var(--text-sm);color:var(--text-low)}
.events-nav{display:flex;gap:10px;flex:none}
.events-nav .ico-btn{width:44px;height:44px}
.events-nav .ico-btn:disabled{opacity:.35;cursor:default}
.events-rail{margin-top:var(--space-3);overflow-x:auto;scrollbar-width:none}
.events-rail::-webkit-scrollbar{display:none}
.events-rail:focus-visible{outline:2px solid var(--border-strong);outline-offset:4px;border-radius:var(--radius-xl)}
/* ت-50: شبكة بأعمدة تلقائية بعرض 100% — النسبة تُحلّ على عرض الرفّ (لا max-content) فتصير كل شريحة بعرض المشهد بالضبط */
.events-list{display:grid;grid-auto-flow:column;grid-auto-columns:100%;gap:clamp(12px,1.6vw,20px);margin:0;padding:0;list-style:none}
.eslide{min-width:0}
.ecard{position:relative;margin:0;border-radius:var(--radius-xl);overflow:hidden;background:var(--bg-component);aspect-ratio:16/9;min-height:clamp(340px,52vh,580px)}
.ecard-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 35%);display:block}
/* ت-53 · 2026-09-15 (طلب المالك): بلا ظلٍّ على اليمين — الصورة بألوانها الكاملة، والتعتيم في أسفل الشريحة وحده حيث يقع النصّ. */
.ecard-scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.66) 22%,rgba(0,0,0,.24) 46%,rgba(0,0,0,0) 66%)}
.ecard-body{position:absolute;inset-inline:0;bottom:0;padding:clamp(22px,3vw,48px);display:grid;justify-items:start;gap:10px;max-width:min(72%,760px)}
.ecard-mode{display:inline-flex;align-items:center;gap:8px;/* taste §9.F: نقطة الزينة أُزيلت — الشارة نصّ وحده */margin:0;font-family:var(--font-display);font-size:12px;font-weight:var(--fw-semibold);color:#fcfcfc;letter-spacing:0}
.ecard-dot{width:7px;height:7px;border-radius:50%;background:var(--orbit-gold);flex:none}
.ecard-ttl{margin:0;font-size:clamp(24px,3vw,46px);line-height:1.22;color:#fcfcfc;max-width:22ch;text-wrap:balance}
.ecard-sub{margin:0;font-size:var(--text-base);line-height:var(--lh-snug);color:rgba(252,252,252,.9);max-width:52ch;text-wrap:pretty}
.ecard-foot{display:flex;align-items:end;gap:clamp(16px,2.4vw,36px);flex-wrap:wrap;margin-top:var(--space-2)}
/* ت-53: البطاقة سطح داكن معلَن (class=lighting-dark) فتُحلّ رموزها على الأرض الداكنة — والزرّ يصير القرص الأبيض اللامع بالحكم B بلا تجاوز */
.ecard-meta{display:flex;gap:clamp(14px,2vw,32px);flex-wrap:wrap;margin:0}
.ecard-meta dt{font-family:var(--font-display);font-size:12px;letter-spacing:0;color:rgba(252,252,252,.78)}  /* UUPM #67 + #36: المقاس 12px والتباين أُرفع */
.ecard-meta dd{margin:2px 0 0;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-semibold);color:#fcfcfc}
/* ت-51: شعار الفعالية الرسمي أسفل اليسار — بلا أرضية سوداء ولا قصّ؛ الشعار بنسبته */
.ecard-plate{position:absolute;inset-inline-end:clamp(18px,2.4vw,40px);bottom:clamp(18px,2.4vw,40px);margin:0;padding:0;max-width:46%}
.ecard-plate img{display:block;width:clamp(210px,24vw,360px);height:auto;max-width:100%;filter:drop-shadow(0 12px 32px rgba(0,0,0,.62))}
.events-dots{display:flex;gap:8px;justify-content:center;margin-top:var(--space-3)}
.events-dots span{width:7px;height:7px;border-radius:50%;background:var(--border-strong)}
.events-dots span[data-on]{background:var(--text-high)}
@media (max-width:900px){.ecard{aspect-ratio:4/5;min-height:0}.ecard-body{max-width:none;inset-inline:0}.ecard-plate{inset-inline-end:auto;inset-inline-start:clamp(16px,4vw,28px);top:clamp(16px,3vw,28px);bottom:auto}.ecard-plate img{width:clamp(150px,40vw,240px)}.events-nav{display:none}}


/* ================================================================
   home-m13 · الدورات الإلكترونية — تصنيفات + رفّ بطاقات (ت-54)
   ================================================================ */
.courses-intro{display:grid;gap:10px;justify-items:center;text-align:center;max-width:62ch;margin-inline:auto}
.courses-intro .sec-h2{margin:0;max-width:20ch}
.courses-intro .desc{margin:0}
.courses-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-5)}
.courses-tabs{display:flex;gap:8px;flex-wrap:wrap}
.courses-side{display:flex;align-items:center;gap:var(--space-3)}
.courses-side .link-arrow{font-size:var(--text-sm)}
.courses-nav{display:flex;gap:8px}
.courses-nav .ico-btn{width:44px;height:44px}  /* UUPM #22/#104: أرضية هدف اللمس 44px (كانا 42 مقيسًا) */
.courses-nav .ico-btn:disabled{opacity:.35;cursor:default}
.courses-rail{margin-top:var(--space-4);overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1*clamp(22px,4vw,48px));padding-inline:clamp(22px,4vw,48px)}
.courses-rail::-webkit-scrollbar{display:none}
.courses-rail:focus-visible{outline:2px solid var(--border-strong);outline-offset:4px;border-radius:var(--radius-card)}
.courses-list{display:flex;width:max-content;gap:clamp(12px,1.5vw,18px);margin:0;padding:0 0 4px;list-style:none}
.ccard{flex:0 0 clamp(220px,20vw,280px)}
.ccard[hidden]{display:none}
.ccard-link{position:relative;display:grid;grid-template-rows:auto 1fr;height:100%;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;background:var(--bg-component);text-decoration:none;color:var(--text-high);transition:transform var(--dur-card) var(--ease-out),border-color var(--dur-card) var(--ease-out)}
.ccard-link:hover,.ccard-link:focus-visible{transform:translateY(-3px);border-color:var(--border-strong)}
.ccard-media{display:grid;place-items:center;aspect-ratio:4/3;background:var(--bg-band);border-bottom:1px dashed var(--border)}
/* ت-55: بطاقة بغلاف حقيقي — الغلاف كامل بنسبته (contain) بلا قصّ، والإطار المتقطّع يزول */
.ccard-media.has-img{position:relative;border-bottom:1px solid var(--border-subtle);padding:10px}
/* 2026-09-29: صور المنتج الحديثة طولية (جوال) — الصورة تُحبس في إطار 4:3 ولا تمدّه */
.ccard-media.has-img img{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);object-fit:contain;display:block}
.ccard-ph{font-family:var(--font-display);font-size:12px;color:var(--text-annotation)}
.ccard-body{display:grid;gap:6px;align-content:start;padding:16px 18px 56px}
.ccard-ttl{font-family:var(--font-display);font-weight:var(--fw-heading);font-size:var(--text-lg);line-height:1.3;text-wrap:balance}
.ccard-sub{font-size:12px;color:var(--text-low);line-height:1.4}
.ccard-price{display:flex;align-items:baseline;gap:8px;margin-top:4px}
.ccard-price b{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--text-base);color:var(--text-high)}
.ccard-price s{font-size:12px;color:var(--text-annotation)}
.ccard-go{position:absolute;inset-inline-start:16px;bottom:16px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--fill);color:var(--on-fill)}
@media (max-width:640px){.ccard{flex:0 0 74vw}.courses-nav{display:none}}
@media (prefers-reduced-motion:reduce){.ccard-link,.ccard-link:hover{transition:none;transform:none}}


/* ================================================================
   home-m14 · بودكاست رشاد — مميّز + قائمة (ت-56)
   ================================================================ */
.pod-head{display:flex;align-items:end;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}
.pod-title{display:grid;gap:10px;min-width:0}
.pod-title .sec-h2{margin:0;max-width:24ch}
.pod-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,3vw,48px);align-items:start;margin-top:var(--space-5);padding:clamp(18px,2.4vw,36px);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--bg-component)}
.pod-feat{margin:0}
.pod-feat-link{display:grid;gap:14px;text-decoration:none;color:var(--text-high)}
.pod-feat-cover{position:relative;display:block;border-radius:var(--radius-card);overflow:hidden;background:var(--bg-band)}
.pod-feat-cover img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.pod-feat-play{position:absolute;inset:0;margin:auto;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--fill);color:var(--on-fill);box-shadow:var(--shadow-btn)}
.pod-feat-body{display:grid;gap:8px}
.pod-feat-ttl{font-family:var(--font-display);font-weight:var(--fw-heading);font-size:clamp(19px,1.8vw,26px);line-height:1.3;text-wrap:balance}
.pod-feat-cta{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-low)}
.pod-meta{font-family:var(--font-display);font-size:12px;color:var(--text-annotation);letter-spacing:.04em}  /* UUPM #67 + أرضية النظام --text-floor:12px (كان 11) */
.pod-list{display:grid;margin:0;padding:0;list-style:none}
.pod-row+.pod-row{border-top:1px solid var(--hair)}
.pod-link{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 0;min-height:var(--tap-min);text-decoration:none;color:var(--text-high)}
.pod-thumb{width:clamp(64px,6vw,92px);flex:none;border-radius:8px;overflow:hidden;background:var(--bg-band)}
.pod-thumb img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.pod-text{display:grid;gap:4px;min-width:0}
.pod-ttl{font-family:var(--font-display);font-weight:var(--fw-medium);font-size:var(--text-sm);line-height:1.4;color:var(--text-high)}
.pod-cta{display:inline-flex;align-items:center;gap:6px;flex:none;font-family:var(--font-display);font-size:12px;font-weight:var(--fw-medium);color:var(--text-low)}
.pod-link:hover .pod-ttl,.pod-link:focus-visible .pod-ttl{text-decoration:underline;text-underline-offset:4px}
@media (max-width:900px){.pod-grid{grid-template-columns:minmax(0,1fr)}}


/* ================================================================
   home-m15 · منصات التواصل — شبكة بطاقات (ت-57)
   ================================================================ */
.community-head{display:grid;gap:10px;justify-items:center;text-align:center}
.community-head .eyebrow-rule{justify-content:center}
.community-head .eyebrow-rule::after{display:none}
.community-head .sec-h2{margin:0;max-width:20ch}
.soc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.4vw,18px);margin:var(--space-5) 0 0;padding:0;list-style:none}
.soc{display:flex;align-items:center;gap:14px;min-height:var(--tap-min);padding:clamp(14px,1.5vw,20px);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--bg-component);box-shadow:var(--shadow-card);text-decoration:none;color:var(--text-high);transition:transform var(--dur-card) var(--ease-out),border-color var(--dur-card) var(--ease-out)}
.soc:hover,.soc:focus-visible{transform:translateY(-3px);border-color:var(--border-strong)}
.soc-ic{flex:none;width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:var(--brand,var(--fill));color:#fff}
.soc-ic svg{width:20px;height:20px;display:block}
.soc-tx{display:grid;gap:3px;min-width:0}
.soc-n{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--text-base);line-height:1.25}
.soc-d{font-size:12px;color:var(--text-low);line-height:1.4;text-wrap:pretty}
@media (max-width:1100px){.soc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.soc-grid{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.soc,.soc:hover{transition:none;transform:none}}


/* ================================================================
   تصليب الجوال للأقسام المدموجة — ت-63 · 2026-09-15
   مقارنةً بمراجع الجوال: عنوان أكبر، وحشو أقلّ، وبطاقة واحدة في المشهد،
   وصفوف لا تنضغط، وأهداف لمس 44px قائمة. (الفحص الحقيقي على جهاز يبقى للمراجع.)
   ================================================================ */
@media (max-width:640px){
  /* الحشو الرأسي للأقسام يخفّ فلا يصير التمرير طويلًا بلا داعٍ */
  .band{padding-block:clamp(36px,7vh,56px)}
  .reels-band{padding-block:clamp(32px,6vh,48px)}

  /* home-m0 · رفّ 9:16 — بطاقة واحدة تقريبًا في المشهد كما في المرجع */
  .reel{flex:0 0 68vw}
  .reels-title{gap:8px}

  /* home-m1 · المجالات: الأسماء أكبر وهدف اللمس أوسع */
  .field-list .field{font-size:var(--text-lg);padding-block:16px}
  .field-stage{aspect-ratio:3/4}

  /* home-m6 · الشهادات: الاقتباس أوضح، وصفّ الأوجه يمرّر بأسماء أصغر */
  .sp-q{font-size:19px;line-height:1.5}
  .sp-dot{width:76px}
  .sp-ring{width:44px;height:44px}
  .sp-dot-name{font-size:12px}

  /* home-m9 · الأرقام: خانتان، والفاصل العلوي بدل الجانبي */
  .fig{padding:16px 12px}

  /* home-m11 · قصص التحول */
  .story{flex:0 0 80vw}

  /* home-m12 · شرائح الفعاليات: نصّ أكبر، وميتا عمودان، والشعار أعلى */
  .ecard-ttl{font-size:24px;line-height:1.22}
  .ecard-sub{font-size:var(--text-sm)}
  .ecard-meta{gap:10px 18px}
  .ecard-body{padding:18px 16px 20px}

  /* home-m13 · الدورات: بطاقة واحدة في المشهد */
  .ccard{flex:0 0 80vw}
  .courses-bar{gap:12px}

  /* home-m14 · البودكاست: الصفّ لا ينضغط — الزرّ يهبط تحت النصّ */
  .pod-grid{padding:14px}
  .pod-link{grid-template-columns:auto minmax(0,1fr);row-gap:6px}
  .pod-cta{grid-column:2;justify-self:start}
  .pod-thumb{width:72px}

  /* home-m5 · قسم الشركات: الشريط أضيق حشوًا */
  .corp-hero .clients{padding-inline:16px}
  .corp-hero .clients .mq-tile{height:72px;width:clamp(124px,34vw,150px)}
  .corp-hero .clients .mq-tile img{max-height:60px}

  /* home-m3 · الكوتشينج: النسبة والعنوان أكبر قليلًا */
  .bar-v{font-size:34px}
}
@media (max-width:420px){
  .reel{flex:0 0 78vw}
  .story{flex:0 0 88vw}
  .ccard{flex:0 0 88vw}
  .fig-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ecard-ttl{font-size:21px}
  .sp-q{font-size:18px}
}


/* ت-68 · تزكيات مرئية داخل قسم «قالوا عن رشاد» — قبل السيرة الذاتية */
.endorse-videos{position:relative;z-index:2;width:100%;min-width:0;max-width:var(--container);margin:clamp(20px,3vh,36px) auto 0;padding-inline:clamp(22px,4vw,48px)}
.ev-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}
.ev-head h3{margin:0;font-size:clamp(18px,1.7vw,24px);color:#fcfcfc}
.endorse-videos .stories-rail{margin-top:var(--space-3);min-width:0}
.endorse-videos .story{flex:0 0 clamp(240px,23vw,320px)}
@media (max-width:640px){.endorse-videos .story{flex:0 0 78vw}.endorse-videos .stories-nav{display:none}}


/* ت-71 (Impeccable · P1): عنوان شريط «كما ظهر في» صار H2 لاستقامة التسلسل — وهيئته كما كانت بلا تغيير بصري */
#home-m8 .clients-head h2{margin:0;font-size:clamp(17px,1.5vw,21px);line-height:1.25;color:var(--text-high)}

/* ================================================================
   شريط تقدّم القراءة — منقول بحرفه من journey-development.css (توجيه المالك 2026-09-16)
   فتُملك القاعدة في الصفحتين نسخةً واحدةً بالقيم نفسها. المحرّك [data-mo-progress] في rf-motion.js §5.
   ================================================================ */
/* z-index فوق الرأس (الرأس 300 · مقيس 2026-09-16: الشريط كان تحته فلا يُرى)؛ 3px فيقرأ على الأرضية الداكنة */
.rf-progress{position:fixed;inset-block-start:0;inset-inline:0;z-index:400;height:3px;pointer-events:none}
.rf-progress>i{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left center;
  background:linear-gradient(to right,var(--border-strong),var(--text-high));
  box-shadow:0 0 12px rgba(255,255,255,.28)}
[dir=rtl] .rf-progress>i{transform-origin:right center;background:linear-gradient(to left,var(--border-strong),var(--text-high))}
@media (prefers-reduced-motion:reduce){.rf-progress{display:none}}
@media print{.rf-progress{display:none}}


/* ================================================================
   الجولة 11 · طبقة Motion for JavaScript (rf-motion.js v3 · motion 13.4.3) — 2026-09-24 · تفويض المالك
   الهيرو: الدخول لـ Motion (شعاع · استقرار · سحب تركيز · كلمات من خلف خطّها)، والخروج بالتمرير يبقى للطبقة الأولى.
   حاجب الانتظار يضعه سكربت الرأس ويرفعه rf-motion أو مهلة 1.6s (فتعمل حركة CSS الأصلية كما هي).
   ================================================================ */
html.mo-hero-wait #home-s1 .stage-layer,
html.mo-hero-wait #home-s1 .cine-copy .w,
html.mo-hero-wait #home-s1 .cine-copy .lede,
html.mo-hero-wait #home-s1 .cine-copy .row,
html.mo-hero-wait #home-s1 .ec-wrap{opacity:0;animation:none!important}
html[data-mo-hero] #home-s1 .cine-copy .w,
html[data-mo-hero] #home-s1 .cine-copy .lede,
html[data-mo-hero] #home-s1 .cine-copy .sub,
html[data-mo-hero] #home-s1 .cine-copy .row{animation:none!important}

/* home-m10a · الإطار يتّسع — ثابت بلا JS، مثبّت حين تضع الطبقة data-mo-pin */
.mo-expand{position:relative;background:var(--bg-page)}
.mo-expand-stage{position:relative;height:min(88vh,860px);min-height:460px;display:grid;grid-template-columns:minmax(0,1fr);align-items:end;overflow:clip}
.mo-expand-frame{position:absolute;inset:0;overflow:clip;background:#000}
.mo-expand-frame img{width:100%;height:100%;object-fit:cover;display:block;transform-origin:50% 55%}
.mo-expand-scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.84) 0%,rgba(0,0,0,.34) 55%,rgba(0,0,0,.08) 100%)}
.mo-expand-copy{position:relative;z-index:1;width:100%;min-width:0;padding-block-end:clamp(48px,10vh,110px)}
.mo-expand-title{margin:0;font-family:var(--font-display);font-weight:var(--fw-heading,700);font-size:clamp(52px,9vw,136px);line-height:1.08;color:#fcfcfc;text-wrap:balance}
.mo-expand[data-mo-pin]{height:220vh}
.mo-expand[data-mo-pin] .mo-expand-stage{position:sticky;top:0;height:100vh;height:100svh;min-height:0}

/* home-s8 · ختم RF يُرسم فوق عنوان الختام */
.mo-seal{width:clamp(92px,8vw,124px);margin:0 auto clamp(14px,2vw,22px)}
.mo-seal img{display:block;width:100%;height:auto}

/* رأس الموقع · 2026-09-24 (ملاحظة المالك): لوح Mega مضغوط بعرض محتواه لا بعرض الشاشة، ونسق واحد للروابط (عنوان بلا وصف) في المجموعات الست */
@media (min-width:1201px){
  .mega{inset-inline:0;margin-inline:auto;width:min(980px,calc(100% - 48px));border:1px solid var(--hair);border-top:0;border-radius:0 0 var(--radius-xl) var(--radius-xl);overflow:hidden}
  .mega-in{max-width:none;padding:18px;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:20px;align-items:stretch}
  .mega-in{align-items:start}
  .mg-feat{grid-template-rows:none;grid-template-columns:112px minmax(0,1fr);align-items:center}
  .mg-feat img{aspect-ratio:1;height:100%;max-height:132px}
  .mg-feat-body{padding:12px 14px;gap:4px}
  .mg-feat-body strong{font-size:var(--text-base)}
  .mg-feat .mg-p{display:none}
  .mg-feat .link-arrow{margin-top:0;min-height:32px}
  .mg-links{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:2px 12px}
}

/* Mega · 2026-09-24 (حكم المالك بمرجع tonyrobbins): اللوح أبيض والحبر أسود تحت رأس أسود — بألوان النظام (lighting-light) */
.mega.lighting-light{background:var(--bg-page);color:var(--text-high);box-shadow:0 18px 40px rgba(0,0,0,.28)}
.mega.lighting-light .mg-links a:hover,.mega.lighting-light .mg-links a:focus-visible{background:var(--bg-band);border-color:var(--hair)}
.mg-links-2{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 18px}
.mg-grp{display:grid;gap:2px;align-content:start}
.mg-gh{margin:0 0 6px;padding:0 12px 10px;border-bottom:1px solid var(--hair);font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--text-low)}

/* Mega · 2026-09-24 (حكم المالك): نصّ بلا أيقونات في روابط القائمة */
.mg-links a{gap:0;padding:10px 12px}

/* Mega · 2026-09-25 (حكم المالك): قائمة منسدلة صغيرة تحت اسم القسم، عمود واحد بلا صورة — «استكشف» عمودان لمجموعتيه */
@media (min-width:1201px){
  .mn-item{position:relative}
  .mega{inset-inline:auto;inset-inline-start:0;top:calc(100% - 6px);margin:0;width:max-content;min-width:230px;max-width:min(640px,calc(100vw - 32px));border:1px solid var(--hair);border-radius:14px}
  .mega-in{display:block;padding:10px}
  .mg-links{grid-template-columns:minmax(0,1fr)!important;gap:0}
  .mg-links a{min-height:40px;padding:9px 14px;font-size:var(--text-base);font-weight:var(--fw-medium);white-space:nowrap}
  .mg-links-2{grid-template-columns:repeat(2,auto)!important;gap:0 10px} /* 2026-10-05 ر-نت-01: columns follow their one-line items */
  .mn-item:last-child .mega,.mn-item:nth-last-child(2) .mega{inset-inline-start:auto;inset-inline-end:0}
}

/* 2026-09-29 · الأسماء اللاتينية في الشهود والتزكيات المرئية بالخط اللاتيني الفخم (--font-latin-display = Cinzel) بتفضيل د. رشاد — كما في لافتة الاسم داخل مقاطع التزكية */
.sp-dot-name:lang(en),.sp-who strong:lang(en),.vcard-cap strong:lang(en){font-family:var(--font-latin-display,'Cinzel'),serif}

/* 2026-09-29 · home-m9: بعد حذف «لغتان» صارت الخانات ستًّا — مسارات تقسم الستّ بلا خانة وحيدة: 6 · 3 (641–1100) · 2 (≤640) */
@media (min-width:1101px){.fig-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (min-width:641px) and (max-width:1100px){.fig-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fig:nth-child(3n+1){border-inline-start:0}}
@media (max-width:640px){.fig:nth-child(3){border-top:1px solid var(--hair)}}

/* ===== [GOSS · 2026-10-06 · D-2026-10-06-RV] جولة ما قبل الإطلاق — إضافات في الذيل لا تمسّ قاعدة سابقة =====
   ب · بطاقة «الحدث القادم» في الهيرو حتى 900px: المصغّرة بجانب العنوان لا تحته، والسطر 14px.
   ج · أرضية الحرف على الجوال (حتى 640px): النصّ الجاري 16 · الوسوم الصغيرة 14 · رمز الحاجب 13 يبقى للحواجب. المكتب لا يتغيّر.
   د · ارتفاع سطر العنوان العربي 1.3 حدًّا أدنى (لا data-rf-page على الصفحة، فلا استثناء 1.15). */
@media (max-width:900px){
  .ec-wrap{justify-content:stretch}
  .ec-thumb{display:grid;grid-template-columns:clamp(112px,32vw,168px) minmax(0,1fr);align-items:center;aspect-ratio:auto;padding:8px;background:transparent}
  .ec-thumb img{position:static;inset:auto;width:100%;height:auto;aspect-ratio:16/9;border-radius:10px}
  .ec-thumb .ec-scrim{display:none}
  .ec-body{position:static;inset:auto;padding:2px 12px}
  .ec-sub{font-size:14px}
}
@media (max-width:640px){
  .ccard-sub,.vcard-cap span,.ecard-mode,.ecard-meta dt,.soc-d,.fig-cap,.pod-cta,.ftr-safe,.reel-sub,.ec-sub,.ftr-legal .kick,.mnav .mg-gh,.mnav .mg-tx small{font-size:14px}
  .ftr-link[style*="font-size:13px"]{font-size:14px!important}
  .ecard-sub{font-size:var(--text-base)}
}
.cine-copy h1,.mo-expand-title,.corp-copy h2,.ecard-ttl,.reel-ttl,.ec-ttl,.clients-head h2,.clients-head h3,.mb-clients .clients-head h3,.corp-hero .clients h3,#home-m8 .clients-head h2{line-height:1.3}
/* د · قناع البزوغ بالكلمة (.mo-line من rf-motion.js) كان يقصّ أسفل صندوق الحرف 1–4px عند 390 و1440؛ يُوسَّع أسفله والهامش السالب يعادله فلا يتغيّر التخطيط */
.mo-line{padding-block:.08em .34em!important;margin-block:-.08em -.34em!important}
/* [GOSS · 2026-10-06 · تعليق المالك على 00-01] منصات التواصل: العلامات الرسمية على بلاطات ألوانها — X وTikTok على الأسود (كانتا أبيض على أبيض فلا تظهران) */
.soc-ic{width:44px;height:44px;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.soc-ic svg{width:22px;height:22px}
/* [GOSS · 2026-10-06 · طلب المالك بمرجع tonyrobbins] «جدول الفعاليات» أول بند في قائمة الدورات والفعاليات، بعرض العمودين فوق «الدورات» و«الفعاليات» */
.mg-links-2 .mg-lead{grid-column:1/-1;margin-bottom:6px}

/* [R2V6 · 2026-10-08 · B1] home-s1b · سؤال واحد — أربع بطاقات (الصورة فوق، والهدف اسمها، وسطر الوجهة) ورابط نصّي خامس. الجوال: بطاقات بعرض كامل متتالية؛ المكتب: أربع في صف، الأولى من اليمين */
.goals-head{display:grid;gap:var(--space-2);max-width:60ch}
.goals-head .sec-h2{margin:0}
.goals-q{margin:0;font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--text-lg);line-height:1.6;color:var(--text-high)}
.goals-grid{list-style:none;margin:var(--space-5) 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(12px,1.6vw,20px)}
@media (min-width:640px){.goals-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.goals-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.goals-grid>li{display:flex;min-width:0}
.goal{flex:1;display:grid;grid-template-rows:auto 1fr;border-radius:var(--radius-xl);overflow:hidden;background:var(--bg-component);border:1px solid var(--hair);color:var(--text-high);text-decoration:none;box-shadow:var(--shadow-card);transition:border-color 200ms cubic-bezier(0.23,1,0.32,1)}
.goal:hover{border-color:var(--border-strong);color:var(--text-high)}
.goal:focus-visible{outline:2px solid var(--text-high);outline-offset:3px}
.goal-media{display:block;aspect-ratio:4/3;background:var(--bg-band)}
.goal-media img{display:block;width:100%;height:100%;object-fit:cover}
.goal-body{display:grid;gap:10px;align-content:space-between;padding:clamp(16px,1.8vw,22px)}
.goal-ttl{font-family:var(--font-display);font-weight:700;font-size:clamp(18px,1.5vw,20px);line-height:1.6;text-wrap:pretty}
.goal-to{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:var(--text-base);color:var(--text-low)}
.goal-to svg{flex:none}
.goals-alt{margin:var(--space-4) 0 0}
@media (prefers-reduced-motion:reduce){.goal{transition:none}}