/* بقية أقسام الرئيسية، تُحمَّل بعد الرسم الأول. */
/* دعوة التثبيت */
.nudge-slot:not(.is-on){display:none}
.nudge{display:flex;align-items:center;gap:12px;margin:14px var(--gutter) 0;padding:12px 14px;border-radius:var(--r-m);box-shadow:inset 0 0 0 1px var(--line-2)}
.nudge__ic{display:grid;place-items:center;flex:none;width:40px;height:44px;border-radius:20px 20px 8px 8px;background:var(--gold-soft);color:var(--gold)}
.nudge__ic .i{width:22px;height:22px}
.nudge__t{flex:1;min-width:0}
.nudge__t strong{display:block;font-size:.94rem;font-weight:600;line-height:1.4}
.nudge__t small{display:block;font-size:.8rem;color:var(--text-2);line-height:1.5}
.nudge>.i{width:20px;height:20px;color:var(--text-3)}

/* عمق البنرات */
.deck{padding-top:28px}
.deck__track{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 0 14px;scrollbar-width:none;overscroll-behavior-x:contain}
.deck__track::-webkit-scrollbar{display:none}
.deck__card{position:relative;flex:0 0 84%;display:block;aspect-ratio:16/10.4;margin-inline:-1%;border-radius:var(--r-l);overflow:hidden;scroll-snap-align:center;background:var(--deep);box-shadow:var(--shadow);view-timeline-axis:inline}
.deck__track::before,.deck__track::after{content:"";flex:0 0 9%}
.deck__card img{width:100%;height:100%;object-fit:cover}
.deck__card.is-contain img{object-fit:contain;background:var(--ink)}
.deck__copy{position:absolute;inset-inline:0;bottom:0;padding:34px 16px 14px;color:#fff;background:linear-gradient(to top,rgba(3,27,37,.86),rgba(3,27,37,.52) 56%,transparent);line-height:1.4}
.deck__copy strong{display:block;font-size:1.08rem;font-weight:700}
.deck__copy small{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px;font-size:.82rem;color:#e0e9ec}
@supports (animation-timeline:view()){
  html.motion .deck__card{animation:deck-depth linear both;animation-timeline:view(inline)}
}
@keyframes deck-depth{0%,100%{transform:scale(.86) rotate(0deg);opacity:.62}50%{transform:none;opacity:1}}
.deck__dots{display:flex;justify-content:center;gap:6px}
.deck__dots i{display:block;width:6px;height:6px;border-radius:50%;background:var(--line-2);transition:transform .35s var(--spring),background .2s}
.deck__dots i.is-on{background:var(--thread);transform:scale(1.35)}

/* الأثر بالأرقام */
.impact{position:relative;margin-top:34px;padding:58px var(--gutter) 36px;background:var(--hero);color:#f6f3ee;overflow:hidden;contain:paint}
.impact__arc{position:absolute;inset-inline:0;top:0;width:100%;height:150px;stroke:#d9ad3a;stroke-width:1.2;opacity:.75}
.sec-h--ink{color:#f0cc62;font-size:.95rem;font-weight:600;position:relative}
.impact__big{position:relative;display:flex;flex-direction:column;margin-top:4px}
.impact__big b{font-size:clamp(3.8rem,19vw,5.4rem);font-weight:700;line-height:1.08;letter-spacing:-.025em;font-variant-numeric:tabular-nums;direction:ltr;text-align:right}
.impact__big span{font-size:1.04rem;color:#c9d9df;margin-top:2px}
.impact__list{position:relative;margin-top:22px}
.impact__list>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid rgba(246,243,238,.14)}
.impact__list dt{color:#c9d9df;font-size:.94rem}
.impact__list dd{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2;direction:ltr}

/* عن الجمعية */
.about{padding:40px var(--gutter) 4px}
.about__vision{margin-top:6px;font:400 clamp(1.5rem,6.6vw,1.9rem)/1.62 var(--display);color:var(--text);text-wrap:balance}
.about__text{margin-top:12px;color:var(--text-2);font-size:.96rem;text-wrap:pretty}
.about .link-go{margin-top:4px}

/* عبارات */
.grace{position:relative;margin-top:34px;padding:30px 0 34px;background:var(--hero);color:#f6f3ee}
.kicker--ink{padding-inline:var(--gutter);color:#f0cc62}
.grace__track{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 0 0;scrollbar-width:none}
.grace__track::-webkit-scrollbar{display:none}
.grace__card{flex:0 0 88%;display:block;scroll-snap-align:start;scroll-margin-inline:var(--gutter);padding-inline-start:var(--gutter)}
.grace__card blockquote{font:400 clamp(1.7rem,7.8vw,2.3rem)/1.55 var(--display);text-wrap:balance}
.grace__card+.grace__card blockquote{opacity:.5}

/* الشركاء */
.logos{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border-radius:var(--r-m);overflow:hidden;background:var(--line);box-shadow:inset 0 0 0 1px var(--line)}
.logos li{display:grid;place-items:center;min-height:82px;padding:12px;background:#fff;color:#04222e;font-size:.82rem;font-weight:600;text-align:center}
.logos img{max-height:54px;width:auto;object-fit:contain}
.logos a{display:grid;place-items:center;width:100%;height:100%;min-height:58px}

/* صور بفسيفساء */
.mosaic{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:1fr;gap:6px}
.mosaic__cell{display:block;overflow:hidden;background:var(--surface-2);border-radius:var(--r-s)}
.mosaic__cell img{width:100%;height:100%;object-fit:cover}
.mosaic--1 .mosaic__cell{grid-column:1/-1;aspect-ratio:16/10}
.mosaic--2 .mosaic__cell{grid-column:span 3;aspect-ratio:1}
.mosaic--3 .mosaic__cell:nth-child(1){grid-column:1/-1;aspect-ratio:16/9}
.mosaic--3 .mosaic__cell:not(:first-child){grid-column:span 3;aspect-ratio:4/3}
.mosaic--4 .mosaic__cell:nth-child(1){grid-column:span 4;grid-row:span 2;aspect-ratio:auto}
.mosaic--4 .mosaic__cell:nth-child(n+2){grid-column:span 2;aspect-ratio:1}
.mosaic--4 .mosaic__cell:nth-child(4){grid-column:1/-1;aspect-ratio:21/9}
.mosaic--5 .mosaic__cell:nth-child(1){grid-column:span 4;grid-row:span 2;border-radius:90px 90px var(--r-s) var(--r-s)}
.mosaic--5 .mosaic__cell:nth-child(2),.mosaic--5 .mosaic__cell:nth-child(3){grid-column:span 2;aspect-ratio:1}
.mosaic--5 .mosaic__cell:nth-child(n+4){grid-column:span 3;aspect-ratio:4/3}

/* الفروع */
.branch-rail{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;margin-inline:calc(var(--gutter)*-1);padding:2px var(--gutter) 8px;scroll-padding-inline:var(--gutter);scrollbar-width:none}
.branch-rail::-webkit-scrollbar{display:none}
.branch-rail>li{flex:0 0 66%;scroll-snap-align:start}
.branch-card{display:block;width:100%;height:100%;min-height:128px;padding:14px;border-radius:var(--r-m);background:var(--surface);box-shadow:var(--shadow-s);text-align:start;line-height:1.45}
html[data-theme=dark] .branch-card{box-shadow:inset 0 0 0 1px var(--line)}
.branch-card__city{display:block;font-size:.8rem;font-weight:600;color:var(--gold)}
.branch-card strong{display:block;margin-top:2px;font-size:1.08rem;font-weight:700}
.branch-card small{display:block;margin-top:4px;font-size:.84rem;color:var(--text-2)}

/* التواصل */
.reach{padding:34px var(--gutter) 0}
.reach__row{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px;margin-top:12px}
.reach__a{display:grid;justify-items:center;gap:2px;padding:14px 8px;border-radius:var(--r-m);background:var(--surface-2);font-size:.88rem;font-weight:600}
.reach__a .i{width:24px;height:24px;color:var(--accent)}
.reach__addr{margin-top:12px;color:var(--text-2);font-size:.9rem;text-align:center}

.world{display:block;padding:16px;border-radius:var(--r-l);background:var(--accent-soft)}
.world__cells{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.world__cells b{display:block;font-size:1.7rem;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}
.world__cells small{font-size:.84rem;color:var(--text-2)}
.world__go{display:flex;align-items:center;gap:6px;margin-top:12px;color:var(--accent);font-weight:600;font-size:.92rem}
.world__go .i{width:20px;height:20px}
.stat-strip{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:1px;border-radius:var(--r-m);overflow:hidden;background:var(--line);box-shadow:inset 0 0 0 1px var(--line)}
.stat-strip>span{display:block;padding:14px 10px;background:var(--surface);text-align:center}
.stat-strip b{font-size:1.42rem;font-weight:700;font-variant-numeric:tabular-nums}
.stat-strip i{font-style:normal;font-weight:700}
.stat-strip small{display:block;font-size:.78rem;line-height:1.4;color:var(--text-2)}

.foot{display:grid;justify-items:center;gap:6px;padding:40px var(--gutter) 10px;color:var(--text-3);font-size:.82rem;text-align:center}
.foot img{width:44px;opacity:.9}

/* عارض القصص */
.story{position:fixed;inset:0;width:100%;max-width:560px;height:100%;max-height:none;margin:0 auto;padding:0;border:0;background:#021218;color:#fff;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}
.story::backdrop{background:#021218}
.story__stage{position:absolute;inset:0;overflow:hidden}
.story__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
html.motion .story__img{animation:kenburns 7s ease-out both}
@keyframes kenburns{from{transform:scale(1.09)}to{transform:none}}
.story__blank{position:absolute;inset:0;background:radial-gradient(120% 70% at 70% 0,#0d4a60,#04222e 70%)}
.story__blank svg{position:absolute;inset-inline:0;bottom:30%;width:100%;stroke:#d9ad3a;stroke-width:1.2}
.story__shade{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(2,18,24,.62),transparent 22%,transparent 42%,rgba(2,18,24,.92) 84%)}
.story__bars{position:absolute;inset-inline:10px;top:calc(var(--safe-t) + 10px);display:flex;gap:4px;z-index:3}
.story__bars span{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.3);overflow:hidden}
.story__bars i{display:block;width:100%;height:100%;background:#f0cc62;transform:scaleX(0);transform-origin:100% 50%}
.story__head{position:absolute;inset-inline:12px 4px;top:calc(var(--safe-t) + 20px);z-index:3;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.84rem;font-weight:600}
.story__head .iconbtn{color:#fff}
.story__foot{position:absolute;inset-inline:0;bottom:0;z-index:3;padding:0 20px calc(var(--safe-b) + 22px)}
.story__foot h2{font-size:clamp(1.5rem,6.8vw,1.95rem);font-weight:700;line-height:1.32;text-wrap:balance}
.story__foot p{margin-top:8px;color:#dfe8ea;font-size:.95rem;line-height:1.65}
.story__foot .btn{margin-top:14px;touch-action:manipulation}
html.motion .story__foot.is-in>*{animation:rise .5s var(--spring-soft) both}
html.motion .story__foot.is-in>*:nth-child(2){animation-delay:60ms}
html.motion .story__foot.is-in>*:nth-child(3){animation-delay:110ms}
.story.is-held .story__foot,.story.is-held .story__head{opacity:.15;transition:opacity .2s}
.story__zone{position:absolute;top:0;bottom:190px;z-index:2;width:50%}
.story__zone--prev{right:0}
.story__zone--next{left:0}

/* الأقسام البعيدة لا تكلف رسمًا ولا تخطيطًا حتى تقترب */
.sheet__body>.sec,.sheet__body>.impact,.sheet__body>.grace,.sheet__body>.about,.sheet__body>.reach,.sheet__body>.deck{content-visibility:auto;contain-intrinsic-size:auto 340px}