/* Layout: "Living Impact Report", short and punchy. Cream page, photo cards in cream margins, a swipeable "2026 in moments" strip, a governance model as the institutional proof, details folded into tabs. Gold thread on the start edge = scroll progress. */
:root{
  color-scheme: light;
  --green:#0A3D22; --green-2:#145A34; --green-50:#EEF3EF;
  --gold:#C9A14A; --gold-soft:#E9D7A8; --gold-ink:#7A5A14;
  --cream:#FBF6EC; --sand:#F3EAD6; --white:#FFFFFF;
  --ink:#14211A; --muted:#4A5A50; --line:#E4D9C2;
  --f:"Almarai","Segoe UI",Tahoma,system-ui,sans-serif;
  --r-sm:12px; --r-md:20px; --r-lg:28px;
  --sh-2:0 6px 16px -4px rgba(10,61,34,.10),0 2px 4px rgba(10,61,34,.05);
  --sh-3:0 18px 40px -12px rgba(10,61,34,.20),0 4px 10px rgba(10,61,34,.06);
  --gut:clamp(16px,4vw,48px);
  --sec:clamp(56px,5vw + 24px,104px);
  --ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--f);font-size:17px;line-height:1.85;-webkit-font-smoothing:antialiased;overflow-x:hidden}
html[lang="en"] body{line-height:1.65}
img{max-width:100%;display:block}
a{color:var(--green-2)}
:focus-visible{outline:none;box-shadow:0 0 0 3px var(--cream),0 0 0 5px var(--green);border-radius:6px}
html[lang="ar"] .en,html[lang="en"] .ar{display:none!important}
.wrap{max-width:1240px;margin-inline:auto;padding-inline:var(--gut)}
.num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;display:inline-block}
h1,h2,h3{margin:0;color:var(--green);text-wrap:balance;font-weight:800}
h2{font-size:clamp(1.9rem,1.3rem + 2.2vw,2.9rem);line-height:1.3}
html[lang="en"] h2{line-height:1.15;letter-spacing:-.01em}
h3{font-size:clamp(1.15rem,1.05rem + .5vw,1.45rem);line-height:1.4}
p{margin:0}
.lead{font-size:clamp(1.05rem,1rem + .4vw,1.25rem);color:var(--muted);line-height:1.8;max-width:42rem}
.eyebrow{display:flex;align-items:center;gap:12px;color:var(--gold-ink);font-weight:700;font-size:.9rem;margin-bottom:12px}
html[lang="en"] .eyebrow{letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}
.eyebrow b{font-size:.9rem;color:var(--green);border:1.5px solid var(--gold);border-radius:999px;padding:1px 11px;letter-spacing:0}
.sec{padding-block:var(--sec)}
.head{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:clamp(24px,3vw,40px)}
.head > div{display:grid;gap:10px;max-width:48rem}
.btn{display:inline-flex;align-items:center;gap:10px;font:700 1rem/1 var(--f);padding:15px 22px;border-radius:var(--r-sm);border:1.5px solid transparent;cursor:pointer;text-decoration:none;transition:transform .12s,background .24s,color .24s,border-color .24s;white-space:nowrap}
.btn:active{transform:translateY(1px)}
.btn-gold{background:var(--gold);color:var(--green)}
.btn-gold:hover{background:var(--gold-soft)}
.btn-green{background:var(--green);color:var(--cream)}
.btn-green:hover{background:var(--green-2)}
.btn-ghost{background:transparent;color:var(--cream);border-color:rgba(251,246,236,.6)}
.btn-ghost:hover{background:rgba(251,246,236,.12)}
.btn-line{background:var(--white);color:var(--green);border-color:var(--line)}
.btn-line:hover{border-color:var(--green)}
.arrow{display:inline-block}
html[lang="ar"] .arrow{transform:scaleX(-1)}
.thread{position:fixed;inset-block:0;inset-inline-start:0;width:4px;z-index:40;pointer-events:none;background:var(--line)}
.thread i{position:absolute;inset-inline:0;top:0;height:var(--p,0%);background:var(--gold);box-shadow:0 0 12px rgba(201,161,74,.6)}
.proto{background:var(--sand);color:var(--gold-ink);text-align:center;font-size:.78rem;font-weight:700;padding:6px 16px}
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:rgba(251,246,236,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:18px;height:70px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--green);min-width:0}
.brand img{width:42px;height:auto}
.brand span{font-weight:800;font-size:.95rem;line-height:1.25;white-space:nowrap}
.brand small{display:block;font-weight:400;color:var(--muted);font-size:.76rem}
.nav{display:flex;gap:2px;margin-inline-start:auto}
.nav a{text-decoration:none;color:var(--ink);font-size:.9rem;padding:8px 12px;border-radius:999px;transition:background .2s}
.nav a:hover,.nav a.on{background:var(--green-50);color:var(--green)}
.top-actions{display:flex;gap:10px;align-items:center}
.lang{font:700 .85rem var(--f);padding:9px 14px;border-radius:999px;border:1.5px solid var(--line);background:var(--white);color:var(--green);cursor:pointer}
.lang:hover{border-color:var(--green)}
.top .btn{padding:11px 16px;font-size:.9rem}
@media (max-width:1100px){.nav{display:none}.top-actions{margin-inline-start:auto}}
@media (max-width:560px){.brand small{display:none}.brand span{font-size:.84rem;white-space:normal}.top .btn-green .t{display:none}.top .wrap{gap:10px}}
.hero{padding-block:clamp(14px,2vw,24px) 0}
.hero-card{position:relative;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-3);min-height:clamp(540px,60vw,680px);display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate;background:var(--green)}
.slides{position:absolute;inset:0;z-index:-2}
.slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.4s ease;transform:scale(1.04)}
.slides img.on{opacity:1;animation:kb 9s linear both}
@keyframes kb{from{transform:scale(1.04)}to{transform:scale(1.11)}}
.hero-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to left,rgba(10,61,34,.95) 0%,rgba(10,61,34,.8) 40%,rgba(10,61,34,.25) 72%,rgba(10,61,34,.05) 100%),linear-gradient(to top,rgba(10,61,34,.9),rgba(10,61,34,0) 45%)}
html[lang="en"] .hero-card::after{background:linear-gradient(to right,rgba(10,61,34,.95) 0%,rgba(10,61,34,.8) 40%,rgba(10,61,34,.25) 72%,rgba(10,61,34,.05) 100%),linear-gradient(to top,rgba(10,61,34,.9),rgba(10,61,34,0) 45%)}
.hero-sup{position:absolute;top:22px;inset-inline-end:24px;display:flex;align-items:center;gap:12px;color:var(--gold-soft);font-size:.76rem;text-align:end;line-height:1.4}
.hero-sup img{height:42px;width:auto}
.hero-body{padding:clamp(24px,4vw,56px);padding-bottom:26px;max-width:46rem;display:grid;gap:16px;color:var(--cream)}
.hero-kicker{color:var(--gold-soft);font-weight:700;font-size:.92rem;display:flex;align-items:center;gap:10px}
.hero-kicker::before{content:"";width:28px;height:2px;background:var(--gold)}
.hero h1{color:var(--cream);font-size:clamp(2.4rem,1.4rem + 4.2vw,4.5rem);line-height:1.22}
html[lang="en"] .hero h1{line-height:1.08;letter-spacing:-.015em}
.hero h1 em{font-style:normal;color:var(--green);background:var(--gold);padding:0 .18em;border-radius:.12em;display:inline-block;transform:rotate(-1.5deg);box-shadow:0 8px 24px -8px rgba(0,0,0,.4)}
.hero-sub{color:rgba(251,246,236,.9);font-size:clamp(1.02rem,.98rem + .4vw,1.22rem);max-width:38rem}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}
.dots{position:absolute;bottom:96px;inset-inline-end:24px;display:flex;gap:6px}
.dots button{width:26px;height:4px;border-radius:4px;border:0;background:rgba(251,246,236,.4);cursor:pointer;padding:0}
.dots button[aria-current="true"]{background:var(--gold)}
.hero-bar{display:grid;grid-template-columns:repeat(4,1fr);background:var(--gold);color:var(--green)}
.hero-bar > div{padding:14px clamp(14px,2vw,28px);display:grid;gap:2px;min-width:0}
.hero-bar > div + div{border-inline-start:1px solid rgba(10,61,34,.25)}
.hero-bar strong{font-size:clamp(1.35rem,1.05rem + 1.1vw,1.9rem);line-height:1.15}
.hero-bar span{font-size:.82rem;line-height:1.45}
.cd{display:flex;gap:10px;flex-wrap:wrap;align-items:baseline}
.cd b{font-size:clamp(1.15rem,1rem + .9vw,1.6rem)}
.cd small{font-size:.72rem;margin-inline-start:2px}
@media (max-width:760px){.hero-card{padding-top:72px}.hero-sup img{height:32px}.hero-bar{grid-template-columns:1fr 1fr}.hero-bar > div:nth-child(3){border-inline-start:0}.hero-bar > div:nth-child(n+3){border-top:1px solid rgba(10,61,34,.25)}.hero-sup span{font-size:.66rem}.dots{bottom:auto;top:30px;inset-inline-end:auto;inset-inline-start:24px}.hero-card::after{background:linear-gradient(to top,rgba(10,61,34,.97) 0%,rgba(10,61,34,.85) 55%,rgba(10,61,34,.2) 100%)!important}}
.strip{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(250px,26vw,310px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-block:6px 18px;padding-inline:var(--gut);margin-inline:calc(var(--gut) * -1);scroll-padding-inline:var(--gut);scrollbar-width:thin;scrollbar-color:var(--gold) transparent;overscroll-behavior-x:contain}
.mo{scroll-snap-align:start;position:relative;border-radius:22px;overflow:hidden;min-height:420px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:22px;isolation:isolate;color:var(--cream);background:var(--green);box-shadow:var(--sh-2)}
.mo > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .7s var(--ease)}
.mo:hover > img{transform:scale(1.05)}
.mo.ph::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,rgba(10,61,34,.88) 0%,rgba(10,61,34,.3) 38%,rgba(10,61,34,.35) 58%,rgba(10,61,34,.96) 100%)}
.mo .big{font-size:clamp(3rem,2.4rem + 2vw,4.2rem);font-weight:800;line-height:1;color:var(--gold)}
.mo .lbl{font-weight:700;font-size:1.02rem;line-height:1.45;margin-top:8px}
.mo .mf{display:grid;gap:4px}
.mo .mf b{font-size:1.12rem;line-height:1.4}
.mo .mf span{font-size:.84rem;opacity:.9;line-height:1.55}
.mo .mf .by{color:var(--gold-soft);font-size:.8rem;opacity:1}
.mo .sticker + div{margin-top:30px}
.sticker{position:absolute;top:18px;inset-inline-end:18px;background:var(--cream);color:var(--green);font-weight:800;font-size:.74rem;padding:6px 12px;border-radius:999px;transform:rotate(6deg);box-shadow:0 6px 14px -6px rgba(0,0,0,.35)}
html[lang="ar"] .sticker{transform:rotate(-6deg)}
.mo.gold{background:var(--gold);color:var(--green)}
.mo.gold .big{color:var(--green)}
.mo.cream{background:var(--white);color:var(--green);border:1px solid var(--line)}
.mo.cream .big{color:var(--green)}
.mo .pattern{position:absolute;inset:0;z-index:-1;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M24 2 L46 24 L24 46 L2 24Z M24 12 L36 24 L24 36 L12 24Z' fill='none' stroke='%23C9A14A' stroke-width='1.5'/%3E%3C/svg%3E")}
.mo.gold .pattern{opacity:.25;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M24 2 L46 24 L24 46 L2 24Z M24 12 L36 24 L24 36 L12 24Z' fill='none' stroke='%230A3D22' stroke-width='1.5'/%3E%3C/svg%3E")}
.mo .chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.mo .chips span{font-size:.74rem;font-weight:700;background:var(--green-50);color:var(--green);border-radius:999px;padding:4px 10px;opacity:1}
.mo a.go{color:var(--gold);font-weight:700;font-size:.88rem;text-decoration:none;margin-top:4px}
.head > .strip-nav{display:flex;gap:8px}
.strip-nav button{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line);background:var(--white);color:var(--green);cursor:pointer;font-size:1.3rem;display:grid;place-items:center;line-height:1}
.strip-nav button:hover{border-color:var(--green)}
@media (max-width:560px){.strip{grid-auto-columns:80%}.mo{min-height:380px}.head > .strip-nav{display:none}}
.model{display:grid;grid-template-columns:1fr 1.35fr;gap:clamp(28px,5vw,64px);align-items:start}
.model .intro{display:grid;gap:16px;position:sticky;top:96px}
.mission{font-size:clamp(1.45rem,1.15rem + 1.3vw,2.2rem);line-height:1.6;color:var(--green);font-weight:800;text-wrap:balance}
html[lang="en"] .mission{line-height:1.25}
.mission mark{background:linear-gradient(transparent 58%,rgba(201,161,74,.5) 58%);color:inherit}
.trust{display:flex;gap:14px;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:14px 16px}
.trust img{height:36px;width:auto;flex:none}
.trust p{font-size:.88rem;color:var(--muted);line-height:1.65}
.leaders{display:flex;flex-wrap:wrap;gap:8px}
.leader{display:flex;align-items:center;gap:10px;background:var(--white);border:1px solid var(--line);border-radius:999px;padding-block:6px;padding-inline:6px 16px}
.mono{width:34px;height:34px;border-radius:50%;background:var(--green);color:var(--gold);display:grid;place-items:center;font-weight:800;font-size:.9rem;flex:none}
.leader b{color:var(--green);font-size:.88rem;display:block;line-height:1.25}
.leader small{color:var(--muted);font-size:.74rem;line-height:1.3;display:block}
.pillars{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pillar{background:var(--white);border-radius:var(--r-md);padding:22px;display:grid;gap:10px;align-content:start;box-shadow:var(--sh-2);position:relative;overflow:hidden}
.pillar::before{content:"";position:absolute;top:0;inset-inline:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-soft))}
.pillar .k{display:flex;align-items:center;gap:10px;color:var(--gold-ink);font-weight:800;font-size:.8rem}
.pillar .k i{font-style:normal;width:30px;height:30px;border-radius:9px;background:var(--green);color:var(--gold);display:grid;place-items:center;font-size:.82rem}
.pillar h3{font-size:1.12rem}
.pillar p{font-size:.88rem;color:var(--muted);line-height:1.7}
.proofs{display:flex;flex-wrap:wrap;gap:6px}
.proofs span{font-size:.76rem;font-weight:700;color:var(--green);background:var(--green-50);border-radius:8px;padding:4px 9px}
.vision{grid-column:1 / -1;display:flex;gap:16px;align-items:center;background:var(--green);color:var(--cream);border-radius:var(--r-md);padding:18px 22px}
.vision b{color:var(--gold);font-size:1.6rem;line-height:1}
.vision p{font-size:.9rem;line-height:1.7}
@media (max-width:960px){.model{grid-template-columns:1fr}.model .intro{position:static}}
@media (max-width:560px){.pillars{grid-template-columns:1fr}}
.talent-band{background:var(--white);border-block:1px solid var(--line)}
.tgrid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,40px);align-items:stretch}
.bars{display:grid;gap:11px;align-content:start}
.bar{display:grid;grid-template-columns:150px 1fr 40px;gap:12px;align-items:center;font-size:.9rem}
.bar .track{height:12px;background:var(--green-50);border-radius:999px;overflow:hidden}
.bar .fill{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--green-2));border-radius:999px;width:var(--w)}
.bar b{color:var(--green);text-align:end}
.pg{display:flex;gap:16px;align-items:center;margin-top:10px;padding-top:14px;border-top:1px solid var(--line)}
.ring{--v:72;width:78px;height:78px;border-radius:50%;background:conic-gradient(var(--gold) calc(var(--v)*1%),var(--green-50) 0);display:grid;place-items:center;flex:none}
.ring span{width:60px;height:60px;border-radius:50%;background:var(--white);display:grid;place-items:center;font-weight:800;color:var(--green);font-size:1.1rem}
.pg p{font-size:.9rem;color:var(--muted);line-height:1.6}
.note{font-size:.76rem;color:var(--muted)}
.people{position:relative;border-radius:var(--r-md);overflow:hidden;min-height:420px;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate;color:var(--cream)}
.people > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.people::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(10,61,34,.97) 0%,rgba(10,61,34,.86) 50%,rgba(10,61,34,.1) 88%)}
.people .in{padding:24px;display:grid;gap:14px}
.people h3{color:var(--cream);font-size:clamp(1.3rem,1.1rem + .8vw,1.75rem)}
.pnums{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pnums div{background:rgba(251,246,236,.1);border:1px solid rgba(251,246,236,.18);border-radius:12px;padding:10px 12px}
.pnums strong{display:block;color:var(--gold);font-size:1.4rem;line-height:1.2}
.pnums span{font-size:.74rem;line-height:1.4;display:block;opacity:.92}
.credits{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}
.credit{border:1px solid var(--line);border-radius:16px;padding:14px 16px;display:grid;gap:3px;align-content:start;background:var(--cream)}
.credit small{color:var(--gold-ink);font-weight:700;font-size:.76rem}
.credit b{color:var(--green);font-size:.98rem}
.credit span{color:var(--muted);font-size:.82rem;line-height:1.55}
.cta-row{margin-top:16px;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;background:var(--green-50);border-radius:16px;padding:16px 20px}
.cta-row p{color:var(--green);font-weight:700;max-width:46rem;font-size:.95rem}
@media (max-width:960px){.tgrid{grid-template-columns:1fr}.credits{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.bar{grid-template-columns:104px 1fr 32px;font-size:.82rem}.pnums{grid-template-columns:1fr 1fr}}
.pgrid{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(24px,4vw,56px);align-items:start}
.why{display:grid}
.why > div{display:grid;gap:4px;padding:14px 0;border-bottom:1px solid var(--line)}
.why > div:first-child{padding-top:0}
.why b{color:var(--green);font-size:1rem}
.why p{font-size:.9rem;color:var(--muted);line-height:1.65}
.why small{font-size:.8rem;color:var(--gold-ink);font-weight:700}
.wall{display:grid;gap:14px}
.tier{display:grid;gap:8px}
.tier > small{color:var(--gold-ink);font-weight:700;font-size:.8rem}
.names{display:flex;flex-wrap:wrap;gap:8px}
.pname{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:11px 16px;font-weight:700;color:var(--green);font-size:.95rem;line-height:1.3}
.pname small{display:block;font-weight:400;color:var(--muted);font-size:.74rem;margin-top:2px}
.tier.strat .pname{font-size:1.2rem;padding:16px 22px;border-color:transparent;box-shadow:0 0 0 1px rgba(201,161,74,.5),0 10px 30px -10px rgba(201,161,74,.4)}
@media (max-width:960px){.pgrid{grid-template-columns:1fr}}
.tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:22px}
.tabs button{font:700 .94rem var(--f);padding:12px 16px;border:0;background:transparent;color:var(--muted);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px}
.tabs button[aria-selected="true"]{color:var(--green);border-bottom-color:var(--gold)}
.tabs button:hover{color:var(--green)}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.filters button{font:700 .82rem var(--f);padding:7px 13px;border-radius:999px;border:1.5px solid var(--line);background:var(--white);color:var(--muted);cursor:pointer}
.filters button[aria-pressed="true"]{background:var(--green);border-color:var(--green);color:var(--cream)}
.months{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.month{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:16px 16px 6px}
.month > b{display:flex;justify-content:space-between;color:var(--gold-ink);font-size:.82rem;border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:4px}
.ev{padding-block:9px;display:grid;gap:2px}
.ev + .ev{border-top:1px dashed var(--line)}
.ev strong{color:var(--green);font-size:.94rem;line-height:1.5}
.ev span{font-size:.8rem;color:var(--muted);line-height:1.55}
.ev .n{color:var(--gold-ink);font-weight:700}
.ev.up strong::after{content:attr(data-badge);font-size:.68rem;background:var(--gold);color:var(--green);border-radius:999px;padding:2px 8px;margin-inline-start:8px;vertical-align:2px}
.mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:190px;gap:10px}
.mosaic button{all:unset;cursor:zoom-in;border-radius:14px;overflow:hidden;display:block}
.mosaic button:focus-visible{box-shadow:0 0 0 3px var(--cream),0 0 0 5px var(--green)}
.mosaic img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.mosaic button:hover img{transform:scale(1.05)}
.mosaic .w2{grid-column:span 2}.mosaic .h2{grid-row:span 2}
@media (max-width:760px){.mosaic{grid-template-columns:1fr 1fr;grid-auto-rows:140px}}
.press{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pcard{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:18px 20px;text-decoration:none;color:inherit}
.pcard:hover{border-color:var(--gold)}
.pcard .pub{font-weight:800;color:var(--green);font-size:1.15rem;border-inline-end:1px solid var(--line);padding-inline-end:16px}
.pcard p{font-size:.88rem;color:var(--muted);line-height:1.6}
.pcard .arrow{color:var(--gold-ink);font-weight:800}
@media (max-width:720px){.press{grid-template-columns:1fr}}
.years{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.year{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:18px;display:grid;gap:8px;align-content:start}
.year .y{font-size:2.2rem;font-weight:800;color:var(--green);line-height:1}
.year .y::after{content:"";display:block;width:32px;height:3px;background:var(--gold);margin-top:8px}
.year ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.year li{font-size:.86rem;color:var(--muted);line-height:1.55;padding-inline-start:14px;position:relative}
.year li::before{content:"";position:absolute;inset-inline-start:0;top:.65em;width:6px;height:6px;background:var(--gold);transform:rotate(45deg)}
.year .lead-line{font-size:.8rem;color:var(--gold-ink);font-weight:700}
.year .soon{font-size:.74rem;background:var(--sand);color:var(--gold-ink);border-radius:999px;padding:3px 10px;width:max-content;font-weight:700}
.contrib{margin-top:14px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;border:1.5px dashed var(--gold);border-radius:16px;padding:14px 18px}
.contrib p{color:var(--green);font-weight:700;font-size:.92rem}
@media (max-width:1000px){.years{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.years{grid-template-columns:1fr}}
.guide{background:var(--sand);border-radius:var(--r-lg);padding:clamp(24px,4vw,48px);display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(20px,3vw,40px);align-items:center}
.guide h2{font-size:clamp(1.6rem,1.2rem + 1.6vw,2.4rem)}
.gsearch{display:flex;align-items:center;gap:10px;background:var(--white);border:1.5px solid var(--line);border-radius:999px;padding:4px 18px;color:var(--muted);margin-bottom:12px}
.gsearch:focus-within{border-color:var(--green)}
.gsearch input{border:0;outline:0;background:transparent;font:400 1rem var(--f);color:var(--ink);padding:10px 0;width:100%;min-width:0}
.topics{display:flex;flex-wrap:wrap;gap:8px}
.topic{display:inline-flex;align-items:center;gap:8px;background:var(--white);border:1px solid var(--line);border-radius:999px;padding-block:7px;padding-inline:7px 14px;text-decoration:none;color:var(--green);font-weight:700;font-size:.88rem;transition:border-color .2s}
.topic:hover{border-color:var(--gold)}
.topic i{font-style:normal;width:26px;height:26px;border-radius:50%;background:var(--sand);color:var(--gold-ink);display:grid;place-items:center;font-size:.72rem}
.topics .empty{color:var(--muted);font-size:.9rem}
@media (max-width:900px){.guide{grid-template-columns:1fr}}
.final{background:var(--green);color:var(--cream);border-radius:var(--r-lg);padding:clamp(26px,4.5vw,56px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,48px);position:relative;overflow:hidden;isolation:isolate}
.final .pattern{position:absolute;inset:0;z-index:-1;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M24 2 L46 24 L24 46 L2 24Z M24 12 L36 24 L24 36 L12 24Z' fill='none' stroke='%23C9A14A' stroke-width='1.5'/%3E%3C/svg%3E")}
.final h2{color:var(--cream)}
.final h2 em{font-style:normal;color:var(--gold)}
.final .lead{color:rgba(251,246,236,.85)}
.paths{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}
.path{font:700 .92rem var(--f);text-align:start;padding:13px 14px;border-radius:14px;border:1px solid rgba(251,246,236,.2);background:rgba(251,246,236,.07);color:var(--cream);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:8px;line-height:1.35;transition:background .2s,border-color .2s}
.path:hover{background:rgba(201,161,74,.18);border-color:var(--gold)}
.path small{display:block;font-weight:400;font-size:.76rem;opacity:.85;margin-top:2px}
.path .arrow{color:var(--gold)}
.path.wide{grid-column:1 / -1}
.clines{display:grid;gap:8px;margin-top:6px}
.cline{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border-top:1px solid rgba(251,246,236,.15);padding-top:10px}
.cline small{display:block;color:var(--gold-soft);font-size:.76rem}
.cline .val{color:var(--cream);font-weight:700;user-select:all;word-break:break-word}
.copy{font:700 .78rem var(--f);background:var(--cream);color:var(--green);border:0;border-radius:999px;padding:7px 13px;cursor:pointer}
@media (max-width:900px){.final{grid-template-columns:1fr}}
@media (max-width:420px){.paths{grid-template-columns:1fr}}
footer{padding-block:48px 36px}
.foot{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px}
.foot h4{margin:0 0 10px;color:var(--green);font-size:.92rem}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.foot li,.foot li a{font-size:.86rem;color:var(--muted);text-decoration:none}
.foot li a:hover{color:var(--green)}
.fb{display:grid;gap:12px;align-content:start}
.fb img{width:58px}
.fb p{font-size:.85rem;color:var(--muted);line-height:1.7}
.channels{display:flex;flex-wrap:wrap;gap:6px}
.channels a{display:inline-flex;gap:6px;align-items:center;font-size:.78rem;font-weight:700;color:var(--green);background:var(--white);border:1px solid var(--line);border-radius:999px;padding:5px 11px;text-decoration:none}
.channels a span{color:var(--gold-ink)}
.legal{margin-top:32px;padding-top:18px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:10px 26px;justify-content:space-between;font-size:.8rem;color:var(--muted)}
.legal b{color:var(--green)}
@media (max-width:900px){.foot{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.foot{grid-template-columns:1fr}}
.fab{position:fixed;inset-inline-end:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:50;box-shadow:var(--sh-3);border-radius:999px;padding:14px 20px}
.sheet{position:fixed;inset:0;z-index:90;background:rgba(10,30,20,.55);display:grid;place-items:end center;padding:16px}
@media (min-width:720px){.sheet{place-items:center}}
.panel{background:var(--cream);border-radius:24px;width:min(560px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:24px;display:grid;gap:14px;box-shadow:var(--sh-3)}
.panel header{display:flex;justify-content:space-between;align-items:start;gap:12px}
.panel h3{font-size:1.35rem}
.x{background:var(--white);border:1px solid var(--line);border-radius:999px;width:40px;height:40px;cursor:pointer;color:var(--green);font-size:1.2rem;flex:none}
.purpose{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.purpose button{font:700 .88rem var(--f);text-align:start;padding:11px 13px;border-radius:12px;border:1.5px solid var(--line);background:var(--white);color:var(--green);cursor:pointer;line-height:1.4}
.purpose button[aria-pressed="true"]{border-color:var(--green);background:var(--green-50)}
.route{background:var(--white);border-radius:16px;padding:16px;display:grid;gap:10px;border:1px solid var(--line)}
.route p{font-size:.9rem;color:var(--muted);line-height:1.7}
.route .row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;background:var(--cream);border-radius:12px;padding:9px 12px}
.route .row small{display:block;color:var(--gold-ink);font-size:.74rem;font-weight:700}
.route .row span{font-weight:700;color:var(--green);user-select:all;word-break:break-word}
.route .copy{background:var(--green);color:var(--cream)}
.route .acts{display:flex;flex-wrap:wrap;gap:8px}
.route .acts .btn{padding:11px 16px;font-size:.88rem}
.lb{position:fixed;inset:0;z-index:80;background:rgba(10,30,20,.92);display:grid;place-items:center;padding:24px}
.lb figure{margin:0;display:grid;gap:12px;max-width:min(1200px,100%)}
.lb img{max-height:78vh;width:auto;margin-inline:auto;border-radius:12px}
.lb figcaption{color:var(--cream);text-align:center;font-size:.92rem}
.lb .x{position:absolute;top:calc(16px + env(safe-area-inset-top,0px));inset-inline-end:16px}
.toast{position:fixed;bottom:calc(90px + env(safe-area-inset-bottom,0px));inset-inline:0;margin-inline:auto;width:max-content;max-width:90%;background:var(--green);color:var(--cream);padding:10px 18px;border-radius:999px;font-size:.88rem;z-index:100}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ===== v3 institutional components ===== */
.nav a.cur{background:var(--green);color:var(--cream)}
.burger{display:none;width:44px;height:44px;border-radius:12px;border:1.5px solid var(--line);background:var(--white);color:var(--green);cursor:pointer;font-size:1.2rem}
@media (max-width:1100px){.burger{display:grid;place-items:center}}
.mnav{position:fixed;inset:0;z-index:85;background:var(--cream);padding:calc(20px + env(safe-area-inset-top,0px)) 20px 20px;display:grid;align-content:start;gap:6px}
.mnav a{font-size:1.2rem;font-weight:800;color:var(--green);text-decoration:none;padding:14px 4px;border-bottom:1px solid var(--line)}
.mnav .x{justify-self:end;margin-bottom:8px}

/* page hero (inner pages) */
.phero{padding-block:clamp(28px,4vw,56px) clamp(20px,3vw,36px)}
.phero .crumbs{font-size:.82rem;color:var(--muted);margin-bottom:10px}
.phero .crumbs a{color:var(--gold-ink);text-decoration:none;font-weight:700}
.phero h1{font-size:clamp(2.2rem,1.5rem + 3vw,3.8rem);line-height:1.25}
html[lang="en"] .phero h1{line-height:1.08}
.phero .lead{margin-top:14px}
.phero-band{position:relative;border-radius:var(--r-lg);overflow:hidden;min-height:clamp(220px,26vw,340px);margin-top:28px;box-shadow:var(--sh-3)}
.phero-band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* impact band: the numbers that catch the eye */
.impact{background:var(--green);color:var(--cream);position:relative;overflow:hidden;isolation:isolate}
.impact::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cpath d='M32 2 L62 32 L32 62 L2 32Z M32 16 L48 32 L32 48 L16 32Z' fill='none' stroke='%23C9A14A' stroke-width='1.5'/%3E%3C/svg%3E")}
.impact .wrap{padding-block:clamp(40px,5vw,72px)}
.impact-head{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:28px}
.impact-head h2{color:var(--cream)}
.impact-head .eyebrow{color:var(--gold-soft)}
.impact-head .eyebrow b{color:var(--gold);border-color:var(--gold)}
.impact-head small{color:var(--gold-soft);font-size:.82rem}
.icount{display:grid;grid-template-columns:1.5fr 1fr 1fr;grid-template-rows:auto auto;gap:14px}
.ic{border:1px solid rgba(201,161,74,.35);border-radius:22px;padding:clamp(18px,2.4vw,30px);display:grid;align-content:space-between;gap:16px;background:rgba(251,246,236,.04);position:relative;overflow:hidden}
.ic.hero{grid-row:span 2;background:linear-gradient(160deg,rgba(201,161,74,.22),rgba(201,161,74,.04) 60%);border-color:var(--gold)}
.ic strong{font-size:clamp(3rem,2rem + 4vw,5.6rem);line-height:.95;font-weight:800;color:var(--gold);letter-spacing:-.02em}
.ic.hero strong{font-size:clamp(4.2rem,2.6rem + 6.4vw,9rem)}
.ic span{font-size:clamp(.95rem,.9rem + .3vw,1.12rem);line-height:1.5;color:rgba(251,246,236,.9);font-weight:700}
.ic small{display:block;color:var(--gold-soft);font-size:.78rem;font-weight:400;margin-top:4px}
.ic .bar2{height:4px;border-radius:4px;background:rgba(251,246,236,.12);overflow:hidden}
.ic .bar2 i{display:block;height:100%;width:var(--w,100%);background:var(--gold)}
@media (max-width:860px){.icount{grid-template-columns:1fr 1fr}.ic.hero{grid-column:1 / -1;grid-row:auto}}

/* leadership with photos */
.lead-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lcard{background:var(--white);border-radius:22px;overflow:hidden;box-shadow:var(--sh-2);display:grid}
.lcard .ph{aspect-ratio:4/4.2;background:linear-gradient(160deg,var(--green),var(--green-2));position:relative;overflow:hidden;display:grid;place-items:center}
.lcard .ph img{width:100%;height:100%;object-fit:cover}
.lcard .ph .mono{width:120px;height:120px;font-size:3rem;background:transparent;border:2px solid var(--gold);color:var(--gold)}
.lcard .ph .pend{position:absolute;bottom:12px;inset-inline-start:12px;font-size:.72rem;background:rgba(251,246,236,.92);color:var(--gold-ink);border-radius:999px;padding:3px 10px;font-weight:700}
.lcard .tx{padding:18px 20px;display:grid;gap:4px}
.lcard .tx small{color:var(--gold-ink);font-weight:800;font-size:.8rem}
.lcard .tx b{color:var(--green);font-size:1.25rem}
.lcard .tx p{color:var(--muted);font-size:.88rem;line-height:1.65}
@media (max-width:820px){.lead-grid{grid-template-columns:1fr}.lcard{grid-template-columns:120px 1fr}.lcard .ph{aspect-ratio:auto;height:100%}.lcard .ph .mono{width:64px;height:64px;font-size:1.6rem}}

/* programs */
.prog{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.pc{position:relative;border-radius:20px;overflow:hidden;min-height:300px;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate;color:var(--cream);background:var(--green)}
.pc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .7s var(--ease)}
.pc:hover img{transform:scale(1.05)}
.pc::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(10,61,34,.96) 0%,rgba(10,61,34,.55) 50%,rgba(10,61,34,.1) 100%)}
.pc .in{padding:18px;display:grid;gap:6px}
.pc .since{position:absolute;top:14px;inset-inline-start:14px;background:var(--gold);color:var(--green);font-weight:800;font-size:.72rem;border-radius:999px;padding:4px 10px}
.pc b{font-size:1.08rem;line-height:1.4}
.pc p{font-size:.82rem;opacity:.9;line-height:1.55}
.pc .pn{color:var(--gold);font-weight:800;font-size:.86rem}
.pc.wide{grid-column:span 2}
@media (max-width:1000px){.prog{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.prog{grid-template-columns:1fr}.pc.wide{grid-column:auto}}

/* photo timeline */
.tl{position:relative;display:grid;gap:22px;padding-block:8px}
.tl::before{content:"";position:absolute;top:0;bottom:0;inset-inline-start:50%;width:2px;background:linear-gradient(var(--gold),var(--gold-soft));transform:translateX(50%)}
html[lang="en"] .tl::before{transform:translateX(-50%)}
.tm{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;position:relative}
.tm::after{content:"";position:absolute;inset-inline-start:50%;top:50%;width:16px;height:16px;background:var(--gold);border:4px solid var(--cream);transform:translate(50%,-50%) rotate(45deg);box-shadow:0 0 0 1px var(--gold)}
html[lang="en"] .tm::after{transform:translate(-50%,-50%) rotate(45deg)}
.tm .tcard{order:2}
.tm .tdate{display:flex;flex-direction:column;align-items:flex-end;color:var(--gold-ink);font-weight:800}
.tm .tdate b{display:block;font-size:clamp(1.6rem,1.2rem + 1.4vw,2.4rem);color:var(--green);line-height:1.1}
.tcard{background:var(--white);border-radius:20px;overflow:hidden;box-shadow:var(--sh-2);display:grid;grid-template-columns:42% 1fr}
.tcard .im{position:relative;min-height:170px;background:var(--sand)}
.tcard .im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tcard .im .poster{object-fit:contain;background:var(--sand)}
.tcard .tx{padding:16px 18px;display:grid;gap:6px;align-content:center}
.tcard .tx b{color:var(--green);font-size:1.02rem;line-height:1.45}
.tcard .tx span{font-size:.82rem;color:var(--muted);line-height:1.55}
.tcard .chip{width:max-content;background:var(--green);color:var(--gold);font-weight:800;font-size:.8rem;border-radius:999px;padding:4px 11px}
.tcard .up{background:var(--gold);color:var(--green)}
.tmonth{justify-self:center;background:var(--green);color:var(--cream);font-weight:800;border-radius:999px;padding:8px 20px;position:relative;z-index:1;font-size:.95rem}
@media (max-width:860px){
  .tl::before{inset-inline-start:14px;transform:none}
  .tm{grid-template-columns:1fr;gap:8px;padding-inline-start:40px}
  .tm::after{inset-inline-start:14px;top:18px;transform:translate(50%,0) rotate(45deg)}
  html[lang="en"] .tm::after{transform:translate(-50%,0) rotate(45deg)}
  .tm .tdate,.tm:nth-child(even) .tdate{align-items:flex-start;flex-direction:row;gap:8px;align-items:baseline;order:0}
  .tm .tcard{order:1}
  .tmonth{justify-self:start;margin-inline-start:0}
  .tcard{grid-template-columns:1fr}.tcard .im{min-height:190px}
}

/* partner logo wall */
.logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.lg{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:18px;display:grid;place-items:center;gap:8px;min-height:130px;text-align:center;transition:border-color .2s,box-shadow .2s}
.lg:hover{border-color:var(--gold);box-shadow:var(--sh-2)}
.lg img{max-height:58px;max-width:100%;width:auto;object-fit:contain}
.lg.dark{background:var(--green)}
.lg small{font-size:.72rem;color:var(--gold-ink);font-weight:700}
.lg .wm{font-weight:800;color:var(--green);font-size:1.05rem;line-height:1.3}
.lg.strat{grid-column:span 2;min-height:160px;box-shadow:0 0 0 1px rgba(201,161,74,.5),0 10px 30px -10px rgba(201,161,74,.4);border-color:transparent}
.lg.strat img{max-height:84px}
.ltier{color:var(--gold-ink);font-weight:800;font-size:.85rem;margin:22px 0 10px}
@media (max-width:520px){.logos{grid-template-columns:1fr 1fr}.lg.strat{grid-column:1 / -1}}

/* about page */
.mv{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mvc{border-radius:22px;padding:clamp(22px,3vw,36px);display:grid;gap:10px}
.mvc.m{background:var(--green);color:var(--cream)}
.mvc.v{background:var(--gold);color:var(--green)}
.mvc small{font-weight:800;font-size:.85rem;opacity:.85}.mvc.v small{opacity:1}
.mvc p{font-size:clamp(1.15rem,1rem + .7vw,1.5rem);line-height:1.7;font-weight:700}
.values{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:16px}
.vl{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:18px;display:grid;gap:6px;align-content:start}
.vl b{color:var(--green);font-size:1.05rem}
.vl span{color:var(--muted);font-size:.84rem;line-height:1.6}
@media (max-width:900px){.mv{grid-template-columns:1fr}.values{grid-template-columns:1fr 1fr}}
.gov{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gov li{list-style:none;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:14px 16px;font-size:.92rem;line-height:1.7;color:var(--ink);display:flex;gap:12px}
.gov li::before{content:"";flex:none;width:10px;height:10px;margin-top:.55em;background:var(--gold);transform:rotate(45deg)}
.gov{padding:0;margin:0}
@media (max-width:760px){.gov{grid-template-columns:1fr}}
.adv{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.av{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:16px;display:grid;justify-items:center;gap:8px;text-align:center}
.av .ph{width:84px;height:84px;border-radius:50%;overflow:hidden;background:var(--green);display:grid;place-items:center;color:var(--gold);font-weight:800;font-size:1.6rem;border:2px solid var(--gold)}
.av .ph img{width:100%;height:100%;object-fit:cover}
.av b{color:var(--green);font-size:.95rem}
.av small{color:var(--muted);font-size:.78rem}
@media (max-width:900px){.adv{grid-template-columns:1fr 1fr}}
.cmt{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.cm{background:var(--white);border-radius:18px;padding:18px;display:grid;gap:8px;align-content:start;box-shadow:var(--sh-2);border-top:3px solid var(--gold)}
.cm b{color:var(--green);font-size:1.05rem}
.cm p{color:var(--muted);font-size:.86rem;line-height:1.65}
.cm .who{display:flex;flex-wrap:wrap;gap:6px}
.cm .who span{font-size:.76rem;font-weight:700;background:var(--green-50);color:var(--green);border-radius:8px;padding:4px 9px}
@media (max-width:900px){.cmt{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.cmt{grid-template-columns:1fr}}
.pres{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--white)}
.pr{padding:18px;display:grid;gap:6px;border-inline-start:1px solid var(--line)}
.pr:first-child{border-inline-start:0}
.pr .y{font-size:1.8rem;font-weight:800;color:var(--gold-ink);line-height:1}
.pr b{color:var(--green);font-size:.95rem}
.pr small{color:var(--muted);font-size:.78rem;line-height:1.5}
.pr.now{background:var(--green)}
.pr.now .y{color:var(--gold)}
.pr.now b{color:var(--cream)}
.pr.now small{color:var(--gold-soft)}
@media (max-width:860px){.pres{grid-template-columns:1fr 1fr}.pr{border-inline-start:0;border-top:1px solid var(--line)}}

/* nomination form */
.form{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:clamp(20px,3vw,32px);display:grid;gap:14px}
.form .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form label{display:grid;gap:6px;font-size:.86rem;font-weight:700;color:var(--green)}
.form input,.form select,.form textarea{font:400 1rem var(--f);color:var(--ink);background:var(--cream);border:1.5px solid var(--muted);border-radius:12px;padding:12px 14px;width:100%}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px var(--green-50)}
.form .hint{font-size:.78rem;color:var(--muted);font-weight:400}
.form .ok{background:var(--green-50);color:var(--green);border-radius:12px;padding:14px 16px;font-weight:700}
@media (max-width:620px){.form .row2{grid-template-columns:1fr}}

/* mosques page */
.app{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;background:var(--green);color:var(--cream);border-radius:24px;padding:clamp(22px,3vw,36px);position:relative;overflow:hidden;isolation:isolate}
.app .icon{width:96px;height:96px;border-radius:24px;background:var(--gold);color:var(--green);display:grid;place-items:center;font-weight:800;font-size:1.05rem;text-align:center;line-height:1.1;box-shadow:var(--sh-3)}
.app h2{color:var(--cream);font-size:clamp(1.5rem,1.2rem + 1.2vw,2.2rem)}
.app p{opacity:.92;line-height:1.75}
.app .stores{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.app .stores a{display:inline-flex;align-items:center;gap:10px;background:var(--cream);color:var(--green);border-radius:14px;padding:10px 16px;text-decoration:none;font-weight:800;font-size:.92rem}
.app .stores a small{display:block;font-weight:400;font-size:.7rem;color:var(--muted)}
@media (max-width:620px){.app{grid-template-columns:1fr}}
.mq{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.mqc{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:16px;display:grid;gap:4px}
.mqc b{color:var(--green)}
.mqc span{font-size:.84rem;color:var(--muted);line-height:1.55}
.mqc .sub{color:var(--gold-ink);font-weight:700;font-size:.78rem}
.mqc a{font-size:.82rem;font-weight:700;color:var(--green-2)}
.mqfilter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.faq details{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin-bottom:10px}
.faq summary{cursor:pointer;font-weight:800;color:var(--green);list-style:none}
.faq summary::after{content:"+";float:inline-end;color:var(--gold-ink);font-size:1.2rem;line-height:1}
.faq details[open] summary::after{content:"−"}
.faq p{margin-top:10px;color:var(--muted);font-size:.92rem;line-height:1.75}
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,40px)}
@media (max-width:860px){.two{grid-template-columns:minmax(0,1fr)}}
.card .btn{white-space:normal}
.card{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:clamp(18px,2.5vw,28px);display:grid;gap:10px;align-content:start}
.card h3{font-size:1.15rem}
.card p,.card li{font-size:.92rem;color:var(--muted);line-height:1.75}
.card ul{margin:0;padding-inline-start:18px;display:grid;gap:6px}
.login{display:inline-flex;align-items:center;gap:8px;font:700 .85rem var(--f);padding:9px 14px;border-radius:999px;border:1.5px solid var(--green);color:var(--green);text-decoration:none;background:transparent}
.login:hover{background:var(--green-50)}
@media (max-width:760px){.login .t{display:none}.login{padding:9px}}

.nav a{white-space:nowrap;padding:8px 10px;font-size:.88rem}
.login,.lang,.top .btn{white-space:nowrap}
@media (max-width:1100px){.nav{display:none}.top-actions{margin-inline-start:auto}.burger{display:grid;place-items:center}}
@media (min-width:1101px) and (max-width:1340px){.nav{gap:2px}.nav a{padding-inline:8px;font-size:.86rem}.brand small{display:none}}
.ic strong{font-size:clamp(2.6rem,1.8rem + 2.8vw,4.4rem)}
.ic.hero strong{font-size:clamp(4rem,2.4rem + 6vw,8.4rem)}
.people::after{background:linear-gradient(to top,rgba(10,61,34,.97) 0%,rgba(10,61,34,.8) 45%,rgba(10,61,34,0) 80%)}

@media (max-width:560px){.brand span{display:none}.top .btn-green{display:none}.login{display:none}}

/* ===== v4 ===== */
.hero-bar.big strong{font-size:clamp(1.9rem,1.3rem + 2.2vw,3.2rem);letter-spacing:-.01em}
.hero-bar.big span{font-size:.88rem;font-weight:700}
.hero-bar.big > div{padding:18px clamp(16px,2.2vw,30px)}
.lead-grid{grid-template-columns:repeat(3,1fr);gap:14px}
.lcard{grid-template-columns:96px 1fr;align-items:center;padding:14px;gap:14px;border-radius:20px}
.lcard .ph{aspect-ratio:1;width:96px;height:96px;border-radius:16px}
.lcard .ph .mono{width:56px;height:56px;font-size:1.4rem}
.lcard .ph .pend{display:none}
.lcard .tx{padding:0}
.lcard .tx b{font-size:1.1rem}
.lcard .tx p{font-size:.8rem;line-height:1.55}
@media (max-width:900px){.lead-grid{grid-template-columns:1fr}.lcard{grid-template-columns:84px 1fr}.lcard .ph{width:84px;height:84px}}
.chairs-head{display:flex;justify-content:space-between;align-items:center;margin:22px 0 10px;color:var(--gold-ink);font-weight:800;font-size:.85rem}
.chairs-head a{color:var(--green-2);font-weight:700;text-decoration:none;font-size:.85rem}
.chairs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.chair{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:grid;gap:2px}
.chair small{color:var(--muted);font-size:.72rem;line-height:1.4}
.chair b{color:var(--green);font-size:.88rem}
.breathe2{position:relative;margin:0;border-radius:var(--r-lg);overflow:hidden;min-height:clamp(380px,48vw,600px);display:flex;align-items:flex-end;isolation:isolate;box-shadow:var(--sh-3)}
.breathe2 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;z-index:-2}
.breathe2::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(10,61,34,.9),rgba(10,61,34,0) 55%)}
.breathe2 figcaption{padding:clamp(22px,4vw,52px);color:var(--cream);display:grid;gap:10px;max-width:44rem;justify-items:start}
.breathe2 p{font-size:clamp(1.7rem,1.1rem + 2.6vw,3.2rem);font-weight:800;line-height:1.3}
.breathe2 p em{font-style:normal;color:var(--gold)}
.breathe2 span{color:var(--gold-soft);font-size:.86rem}
.guides{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}
.gd{display:grid;gap:8px;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:8px;text-decoration:none;color:var(--green);transition:border-color .2s,transform .2s}
.gd:hover{border-color:var(--gold);transform:translateY(-2px)}
.gd img{border-radius:8px;aspect-ratio:820/580;object-fit:cover;width:100%}
.gd b{font-size:.86rem;display:block;line-height:1.35}
.gd small{color:var(--gold-ink);font-size:.72rem;font-weight:700}
.btn-wa{background:#1F8F4E;color:#fff;justify-content:center;width:100%;padding:16px;font-size:1.05rem}
.btn-wa:hover{background:#18763f}
.route .rp{font-size:.9rem;color:var(--muted);line-height:1.7}
.or{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.8rem}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
.qf{display:grid;gap:8px}
.qf input,.qf textarea{font:400 .95rem var(--f);color:var(--ink);background:var(--cream);border:1.5px solid var(--muted);border-radius:12px;padding:11px 13px;width:100%}
.qf input:focus,.qf textarea:focus{outline:none;border-color:var(--green)}
.qf .ok{background:var(--green-50);color:var(--green);border-radius:12px;padding:12px;font-weight:700;font-size:.88rem}
.route .alt{font-size:.78rem;color:var(--muted);text-align:center}
.route .alt a{color:var(--green-2);font-weight:700}
.hero h1{font-size:clamp(2.1rem,1.2rem + 3vw,3.7rem);line-height:1.3}
.hero h1 em{background:none;color:var(--gold);padding:0;transform:none;box-shadow:none;display:inline}
.clines2{display:grid;gap:10px;align-content:center}
.clines2 p{color:var(--gold-soft);font-size:.85rem;text-align:center}

/* ===== v5 review fixes ===== */
html{scroll-padding-top:90px}
.breathe2 span{color:inherit;font-size:inherit}
.breathe2 figcaption > span{color:var(--gold-soft);font-size:.9rem}
.breathe2 .btn-gold{color:var(--green)}
.tcard .tx .chip{color:var(--gold);background:var(--green);opacity:1}
.tcard .tx .chip.up{color:var(--green);background:var(--gold)}
.pillars.p3{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.pillars.p3{grid-template-columns:1fr}}
.impact.light{background:var(--white);color:var(--ink);border-block:1px solid var(--line)}
.impact.light::before{opacity:.05}
.impact.light .ic{background:var(--cream);border-color:var(--line)}
.impact.light .ic.hero{background:linear-gradient(160deg,rgba(201,161,74,.18),var(--cream) 70%);border-color:var(--gold)}
.impact.light .ic strong{color:var(--green)}
.impact.light .ic span{color:var(--ink)}
.impact.light .ic small{color:var(--gold-ink)}
.impact.light .bar2{background:var(--green-50)}
.impact.light h2{color:var(--green)}
.skip{position:absolute;inset-inline-start:12px;top:-60px;z-index:200;background:var(--green);color:var(--cream);padding:10px 16px;border-radius:10px;font-weight:700;text-decoration:none}
.skip:focus{top:12px}
.mnav-acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.fab:focus-visible{box-shadow:0 0 0 3px var(--cream),0 0 0 6px var(--gold)}
@media (max-width:760px){.fab{padding:14px;border-radius:50%}.fab > span{display:none}body{padding-bottom:84px}}
.chair small,.pnums span,.credit span,.ev span,.pname small,.lg small{font-size:max(.78rem,12.5px)}
.foot li a,.legal a{color:var(--muted)}
.final .clines2 p a{color:var(--gold-soft)}
.hero .dots button{height:6px}
details.en,details.ar{display:block}
html[lang="ar"] details.en,html[lang="en"] details.ar{display:none!important}
.chair{grid-template-columns:40px 1fr;align-items:center;gap:10px}
.chair .av{width:40px;height:40px;border-radius:50%;background:var(--green-50);color:var(--green);display:grid;place-items:center;font-weight:800;border:1.5px solid var(--gold)}
.chair > span:last-child{display:grid;gap:1px;min-width:0}

/* ===== hero stats bar redesign: floating light card ===== */
.hero-bar.big{background:rgba(255,255,255,.97);color:var(--ink);margin:0 clamp(12px,2vw,24px) clamp(12px,2vw,24px);border-radius:20px;overflow:hidden;box-shadow:0 24px 48px -24px rgba(0,0,0,.55);grid-template-columns:1fr 1fr 1fr 1.25fr}
.hero-bar.big > div{padding:20px clamp(16px,2vw,28px);gap:6px;align-content:center}
.hero-bar.big > div + div{border-inline-start:1px solid var(--line)}
.hero-bar.big > div:not(.cdcell)::before{content:"";display:block;width:26px;height:3px;border-radius:3px;background:var(--gold)}
.hero-bar.big strong{color:var(--green);font-size:clamp(1.8rem,1.2rem + 2vw,2.9rem);line-height:1}
.hero-bar.big span{color:var(--muted);font-size:.86rem;font-weight:700;line-height:1.45}
.hero-bar.big .cdcell{background:var(--green);border-inline-start:0!important}
.hero-bar.big .cdcell > span{color:var(--gold-soft);font-size:.8rem}
.hero-bar.big .cd{gap:14px}
.hero-bar.big .cd span{color:var(--cream);font-size:inherit;display:inline-flex;align-items:baseline;gap:4px}
.hero-bar.big .cd b{color:var(--gold);font-size:clamp(1.6rem,1.1rem + 1.6vw,2.4rem);line-height:1}
.hero-bar.big .cd small{color:var(--cream);opacity:.85;font-size:.74rem;font-weight:700}
.hero .dots{bottom:auto;top:26px;inset-inline-end:auto;inset-inline-start:26px}
@media (max-width:760px){.hero-bar.big{grid-template-columns:1fr 1fr}.hero-bar.big > div:nth-child(3){border-inline-start:0}.hero-bar.big > div:nth-child(n+3){border-top:1px solid var(--line)}.hero-bar.big .cdcell{border-top:0!important}}
.chair{grid-template-columns:48px 1fr}
.chair .av{width:48px;height:48px;overflow:hidden}
.chair .av.ph{padding:0;background:var(--green-50)}
.chair .av.ph img{width:100%;height:100%;object-fit:cover;display:block}
.chairs{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:820px){.chairs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.chairs{grid-template-columns:1fr}}
/* v6: film duo, discover collage, archive sources */
.filmduo{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:clamp(10px,1.4vw,18px)}
.fside{position:relative;margin:0;border-radius:var(--r-lg);overflow:hidden;isolation:isolate;display:flex;align-items:flex-end;box-shadow:var(--sh-3);min-height:260px}
.fside img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 40%;z-index:-2}
.fside::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(10,61,34,.85),rgba(10,61,34,0) 50%)}
.fside figcaption{padding:clamp(18px,2.4vw,30px);color:var(--cream);display:grid;gap:4px}
.fside small{color:var(--gold-soft);font-size:.8rem;letter-spacing:.02em}
.fside b{font-size:1.25rem;direction:ltr;text-align:start}
.fside span{font-size:.9rem;opacity:.9}
@media (max-width:760px){.filmduo{grid-template-columns:1fr}.fside{min-height:220px}}
.dmc{position:absolute;inset:0;z-index:-2;display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr;gap:2px}
.dmc img{position:static!important;width:100%;height:100%;object-fit:cover}
.dmc img:first-child{grid-row:1/3}
.year a.src{font-size:.78rem;color:var(--green);text-decoration:underline;text-underline-offset:3px;margin-inline-start:6px;white-space:nowrap}
.pclogo{position:absolute;top:18px;inset-inline-start:18px;width:76px;height:76px;border-radius:18px;background:#fff;display:grid;place-items:center;padding:8px;box-shadow:0 10px 24px -12px rgba(0,0,0,.5)}
.pc .pclogo img{position:static;width:100%;height:100%;object-fit:contain;z-index:auto}
@media (min-width:861px){.pr:nth-child(n+7){border-top:1px solid var(--line)}}
/* v7: upnext, lineage, presidents wall, initiatives */
.upnext-sec{padding-block:clamp(18px,3vw,36px) 0}
.upnext{position:relative;display:grid;align-items:end;min-height:clamp(300px,34vw,420px);border-radius:var(--r-lg);overflow:hidden;isolation:isolate;color:var(--cream);text-decoration:none;box-shadow:var(--sh-3)}
.upnext img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s var(--ease)}
.upnext:hover img{transform:scale(1.03)}
.upnext::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,61,34,.25),rgba(10,61,34,.92) 70%)}
html[dir=ltr] .upnext::after{background:linear-gradient(270deg,rgba(10,61,34,.25),rgba(10,61,34,.92) 70%)}
.un-in{padding:clamp(22px,4vw,48px);display:grid;gap:12px;max-width:40rem;justify-items:start}
.un-tag{background:var(--gold);color:var(--green);font-weight:800;font-size:.8rem;padding:5px 12px;border-radius:99px}
.upnext h2{font-size:clamp(1.6rem,1rem + 2.4vw,2.8rem);line-height:1.25;color:var(--cream)}
.upnext p{color:var(--gold-soft)}
.un-meta{display:flex;flex-wrap:wrap;gap:22px}
.un-meta span{display:grid;font-size:.86rem;opacity:.92}
.un-meta strong{font-size:1.7rem;color:var(--gold)}
.lineage{margin-top:18px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:18px;align-items:center;padding:16px 20px;border:1px solid var(--line);border-radius:18px;background:var(--white);text-decoration:none;color:var(--ink)}
.lineage b{color:var(--green);display:block}
.lineage span{color:var(--muted);font-size:.9rem}
.lineage > .arrow{color:var(--gold);font-size:1.3rem}
@media (max-width:760px){.lineage{grid-template-columns:1fr}.lineage > .arrow{display:none}}
.pwall{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px}
.pw{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:14px 10px;display:grid;justify-items:center;gap:6px;text-align:center}
.pw .ph{width:84px;height:84px;border-radius:50%;overflow:hidden;border:2px solid var(--gold);background:var(--green-50);display:grid;place-items:center}
.pw .ph img{width:100%;height:100%;object-fit:cover}
.pw .mono{font-size:1.8rem;font-weight:800;color:var(--green)}
.pw .y{color:var(--gold-deep,#9a7a2e);font-weight:800}
.pw b{font-size:.85rem;color:var(--green);line-height:1.4}
.pw.now{background:var(--green)}.pw.now b{color:var(--cream)}.pw.now .y{color:var(--gold)}
.pwall.compact{display:flex;gap:0;direction:ltr}
.pwall.compact .pw{background:none;border:0;padding:0;margin-inline-start:-12px}
.pwall.compact .pw .y,.pwall.compact .pw b{display:none}
.pwall.compact .pw .ph{width:44px;height:44px;border:2px solid var(--white)}
.pwall.compact .pw .mono{font-size:1rem}
.pwall.compact .pw:not(:has(img)){display:none}
.inits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
@media (max-width:820px){.inits{grid-template-columns:1fr}}
.init{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;display:grid;grid-template-rows:auto 1fr}
.init .il{background:var(--sand);display:grid;place-items:center;height:170px;padding:22px}
.init .il img{max-height:120px;max-width:70%;object-fit:contain}
.init .it{padding:22px;display:grid;gap:10px;align-content:start}
.init small{color:var(--gold-deep,#9a7a2e);font-weight:700}
.init h3{color:var(--green);font-size:1.35rem}
.init p{color:var(--muted);line-height:1.8}
.init .im{display:flex;gap:24px}
.init .im span{display:grid;font-size:.84rem;color:var(--muted)}
.init .im strong{font-size:1.5rem;color:var(--green)}
.init .ilead{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.88rem;color:var(--ink);border-top:1px solid var(--line);padding-top:12px}
.init .ipart{height:30px;width:auto}
.chairs{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1100px){.chairs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:820px){.chairs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.chairs{grid-template-columns:1fr}}
.logos .lg img{max-height:64px;width:auto;max-width:80%;object-fit:contain}
.un-cap{font-size:.76rem;opacity:.75}
.init .ihist{font-size:.9rem;background:var(--sand);border-radius:12px;padding:10px 14px;color:var(--ink)}
.tcard:not(:has(.im)){grid-template-columns:1fr}
.pwall:not(.compact){display:flex;flex-wrap:wrap;justify-content:center}
.pwall:not(.compact) .pw{width:138px}
.pw .sil{width:56%;height:56%;fill:var(--green);opacity:.28}
.pwall.compact .pw:not(:has(img)){display:none}
@media (max-width:520px){.pwall:not(.compact){gap:8px}.pwall:not(.compact) .pw{width:calc(33.3% - 6px);padding:10px 4px}.pw .ph{width:64px;height:64px}.pw b{font-size:.76rem}}
/* SSAM people statistics section (home #talent compact, people.html#stats full). RTL first, site tokens only, plus two derived greens. */
.ps{--ps-sage:#5E8F72;--ps-mint:#A9C9B4;--ps-pad:clamp(20px,3.2vw,44px);container-type:inline-size;display:grid;gap:clamp(14px,1.6vw,20px);min-width:0}
.ps *{min-width:0}
.ps .num{font-weight:800;letter-spacing:-.01em}

/* ---- dark panel ---- */
.ps-panel{position:relative;isolation:isolate;overflow:hidden;background:var(--green);color:var(--cream);border-radius:var(--r-lg);padding:var(--ps-pad);display:grid;gap:clamp(22px,3vw,36px);box-shadow:var(--sh-3)}
.ps-panel::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cpath d='M32 2 L62 32 L32 62 L2 32Z M32 16 L48 32 L32 48 L16 32Z' fill='none' stroke='%23C9A14A' stroke-width='1.5'/%3E%3C/svg%3E")}
.ps-panel::after{content:"";position:absolute;z-index:-1;inset-block-start:-30%;inset-inline-end:-12%;width:60%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(201,161,74,.28),rgba(201,161,74,0));pointer-events:none}
.ps-top{display:grid;gap:clamp(18px,2.4vw,28px)}
.ps-kick{color:var(--gold-soft);font-weight:700;font-size:.86rem;display:flex;align-items:center;gap:10px}
.ps-kick::before{content:"";width:28px;height:2px;background:var(--gold);border-radius:2px;flex:none}
html[lang="en"] .ps-kick{letter-spacing:.08em;text-transform:uppercase;font-size:.74rem}
.ps-intro{display:grid;gap:10px;max-width:44rem}
.ps-intro h3,.ps-intro h2{color:var(--cream);font-size:clamp(1.55rem,1.1rem + 2vw,2.5rem);line-height:1.3}
.ps-intro h2{font-size:clamp(1.8rem,1.2rem + 2.4vw,2.9rem)}
html[lang="en"] .ps-intro h3,html[lang="en"] .ps-intro h2{line-height:1.12;letter-spacing:-.015em}
.ps-intro em{font-style:normal;color:var(--gold)}
.ps-lead{color:rgba(251,246,236,.82);font-size:clamp(.98rem,.94rem + .25vw,1.1rem);line-height:1.8}

/* ---- KPIs ---- */
.ps-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-block:1px solid rgba(201,161,74,.32)}
.ps-kpi{padding:clamp(14px,2vw,22px) clamp(10px,1.6vw,22px);display:grid;align-content:start;gap:6px;border-inline-start:1px solid rgba(201,161,74,.22)}
.ps-kpi:nth-child(odd){border-inline-start:0;padding-inline-start:0}
.ps-kpi:nth-child(n+3){border-top:1px solid rgba(201,161,74,.22)}
.ps-kpi strong{color:var(--gold);font-size:clamp(2rem,7.4cqi,3.5rem);line-height:1;justify-self:start}
.ps-kpi span{font-weight:700;font-size:clamp(.88rem,.84rem + .2vw,1rem);line-height:1.5;color:var(--cream)}
.ps-kpi small{font-size:.78rem;line-height:1.5;color:var(--gold-soft)}
@container (min-width:720px){
  .ps-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ps-kpi:nth-child(odd){border-inline-start:1px solid rgba(201,161,74,.22);padding-inline-start:clamp(10px,1.6vw,22px)}
  .ps-kpi:first-child{border-inline-start:0;padding-inline-start:0}
  .ps-kpi:nth-child(n+3){border-top:0}
  .ps-kpis.six{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ps-kpis.six .ps-kpi:nth-child(4){border-inline-start:0;padding-inline-start:0}
  .ps-kpis.six .ps-kpi:nth-child(n+4){border-top:1px solid rgba(201,161,74,.22)}
}
@container (min-width:720px){.ps-kpi strong{font-size:clamp(2.2rem,4.6cqi,3.6rem)}.ps-kpis.six .ps-kpi strong{font-size:clamp(2.4rem,6cqi,4.4rem)}}

/* ---- section heads inside cards ---- */
.ps-sh{display:grid;gap:2px;margin-bottom:14px}
.ps-sh h4{margin:0;font-size:clamp(1rem,.96rem + .25vw,1.15rem);line-height:1.45;font-weight:800;color:var(--green)}
.ps-sh p{font-size:.8rem;line-height:1.55;color:var(--muted)}
.ps-panel .ps-sh h4{color:var(--cream)}
.ps-panel .ps-sh p{color:rgba(251,246,236,.72)}

/* ---- skills constellation ---- */
.ps-skills{display:grid}
.ps-cloud{list-style:none;margin:0;padding:clamp(4px,1vw,10px) 0 0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 10px}
.ps-chip{display:inline-flex;align-items:baseline;gap:10px;border-radius:999px;border:1px solid rgba(233,215,168,.38);background:rgba(251,246,236,.05);color:var(--cream);padding:.5em 1.05em;font-weight:700;line-height:1.3;max-width:100%}
.ps-chip .l{overflow-wrap:anywhere}
.ps-chip b{color:var(--gold-soft);font-size:.82em}
.ps-chip.t1{font-size:clamp(1.15rem,.95rem + 1.1vw,1.7rem);background:var(--gold);border-color:var(--gold);color:var(--green);padding:.5em 1.15em;box-shadow:0 10px 30px -10px rgba(201,161,74,.7)}
.ps-chip.t1 b{color:var(--green);opacity:.85}
.ps-chip.t2{font-size:clamp(1.02rem,.9rem + .65vw,1.3rem);border-color:var(--gold);background:rgba(201,161,74,.16)}
.ps-chip.t3{font-size:clamp(.92rem,.86rem + .3vw,1.05rem)}
.ps-chip.t4{font-size:.84rem;font-weight:400;color:rgba(251,246,236,.88)}
.ps-chip.t4 b{font-weight:700}

/* ---- light strip / cards ---- */
.ps-strip,.ps-card,.ps-nd{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(18px,2.6vw,32px);box-shadow:var(--sh-2)}
.ps-compact .ps-strip{background:var(--cream)}
.ps-stack{display:flex;height:22px;border-radius:999px;overflow:hidden;gap:3px;background:var(--white)}
.ps-stack i{flex:0 0 auto;width:var(--w);background:var(--c);min-width:4px}
.ps-stack i:first-child{border-start-start-radius:999px;border-end-start-radius:999px}
.ps-legend{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}
@container (min-width:720px){.ps-compact .ps-legend{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ps-legend li{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:8px;font-size:.86rem;line-height:1.4;color:var(--ink);padding-block:4px;border-bottom:1px dashed var(--line)}
.ps-legend li > i{width:12px;height:12px;border-radius:4px;background:var(--c);box-shadow:inset 0 0 0 1px rgba(10,61,34,.12)}
.ps-legend b{color:var(--green);font-size:.95rem}

.ps-foot{display:flex;justify-content:space-between;align-items:center;gap:12px 24px;flex-wrap:wrap}
.ps-note{font-size:.76rem;line-height:1.65;color:var(--muted);max-width:60rem}
.ps-more{display:inline-flex;align-items:center;gap:10px;font-weight:800;color:var(--green);text-decoration:none;border-bottom:2px solid var(--gold);padding-block:10px 4px;white-space:nowrap}
.ps-more:hover{color:var(--green-2)}

/* ---- full: profile grid ---- */
.ps-grid{display:grid;gap:clamp(14px,1.6vw,20px);grid-template-columns:minmax(0,1fr)}
@container (min-width:860px){.ps-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.ps-sep{height:1px;background:var(--line);margin-block:22px}
.ps-bars{display:grid;gap:10px}
.ps-bar{display:grid;grid-template-columns:minmax(0,9.5rem) minmax(0,1fr) 3rem;align-items:center;gap:12px;font-size:.88rem;line-height:1.35}
html[lang="en"] .ps-bar{grid-template-columns:minmax(0,11rem) minmax(0,1fr) 3rem}
.ps-bar .tr{height:12px;border-radius:999px;background:var(--green-50);overflow:hidden}
.ps-bar .tr i{display:block;height:100%;width:var(--w);border-radius:999px;background:var(--ps-sage)}
.ps-bar.lead .tr i{background:linear-gradient(90deg,var(--green),var(--green-2))}
.ps-bar.lead .l{font-weight:800;color:var(--green)}
.ps-bar b{color:var(--green);text-align:end}
.ps-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
.ps-mini > div{background:var(--cream);border:1px solid var(--line);border-radius:var(--r-md);padding:14px 16px;display:grid;gap:4px}
.ps-mini strong{color:var(--green);font-size:clamp(1.7rem,1.3rem + 1.4vw,2.3rem);line-height:1;justify-self:start}
.ps-mini span{font-size:.8rem;line-height:1.5;color:var(--muted)}

/* ---- full: National Day roster unit chart ---- */
.ps-nd{background:var(--sand);border-color:var(--line)}
.ps-nd-head{display:grid;gap:16px;margin-bottom:18px}
@container (min-width:860px){.ps-nd-head{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:end}.ps-nd-head .ps-sh{margin:0}}
.ps-ndnums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ps-ndnums > div{border-inline-start:2px solid var(--gold);padding-inline-start:12px;display:grid;gap:4px}
.ps-ndnums strong{color:var(--green);font-size:clamp(1.45rem,1.1rem + 1.3vw,2.1rem);line-height:1;justify-self:start}
.ps-ndnums span{font-size:.76rem;line-height:1.45;color:var(--muted)}
.ps-dots{display:grid;grid-template-columns:repeat(35,minmax(0,1fr));gap:clamp(3px,.5vw,6px);direction:inherit}
@container (max-width:620px){.ps-dots{grid-template-columns:repeat(20,minmax(0,1fr))}}
.ps-dots i,.ps-dlegend i{display:block;aspect-ratio:1;border-radius:50%}
.d-leadership{background:var(--gold-ink)}
.d-supervisor{background:var(--gold)}
.d-organiser{background:var(--green)}
.d-junior{background:var(--white);box-shadow:inset 0 0 0 2px var(--ps-sage)}
.ps-dlegend{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px}
.ps-dlegend li{display:flex;align-items:center;gap:8px;font-size:.86rem;color:var(--ink)}
.ps-dlegend i{width:14px;height:14px;flex:none}
.ps-dlegend b{color:var(--green)}

/* ---- motion: bars grow as they scroll in (progressive, reduced motion respected by site rule) ---- */
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion:no-preference){
    .ps-bar .tr i,.ps-stack{animation:ps-grow linear both;animation-timeline:view();animation-range:entry 10% cover 35%;transform-origin:var(--ps-origin,right)}
    html[dir="ltr"] .ps{--ps-origin:left}
    .ps-dots i{animation:ps-pop linear both;animation-timeline:view();animation-range:entry 0% cover 30%}
  }
}
@keyframes ps-grow{from{transform:scaleX(.08)}to{transform:scaleX(1)}}
@keyframes ps-pop{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}

/* ---- small screens ---- */
@container (max-width:520px){
  .ps-bar{grid-template-columns:minmax(0,7.2rem) minmax(0,1fr) 2.6rem;gap:8px;font-size:.82rem}
  html[lang="en"] .ps-bar{grid-template-columns:minmax(0,8rem) minmax(0,1fr) 2.6rem}
  .ps-legend{gap:6px 12px}
  .ps-legend li{font-size:.76rem;gap:6px;grid-template-columns:10px minmax(0,1fr) auto}
  .ps-legend li > i{width:10px;height:10px}
  .ps-legend b{font-size:.84rem}
  .ps-ndnums{grid-template-columns:minmax(0,1fr);gap:12px}
  .ps-ndnums > div{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px}
  .ps-chip{gap:7px}
  .ps-chip.t4{font-size:.8rem}
}
@container (max-width:300px){.ps-legend{grid-template-columns:minmax(0,1fr)}}
.tgrid.one{grid-template-columns:1fr;margin-top:22px}
.init .il.duo{gap:18px;grid-auto-flow:column;justify-content:center;align-items:center}
.init .il.duo img{max-width:none;height:110px;width:auto}
.init .il.duo .xm{color:var(--muted);font-size:1.4rem}
.init .ilead{flex-direction:column;align-items:flex-start;gap:8px}
.init .ilead span{display:flex;align-items:center;gap:8px}
.init .iav{width:34px;height:34px;border-radius:50%;object-fit:cover;border:1.5px solid var(--gold)}
.lg.big img{max-height:88px!important;max-width:92%!important}
/* v9: films, archive cards, go pray */
.ytrow{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:16px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}
.ytrow.shorts{grid-auto-columns:minmax(150px,170px);margin-top:18px}
.yt{scroll-snap-align:start;display:grid;gap:8px;text-decoration:none;color:var(--ink);min-width:0}
.yt .th{position:relative;display:block;border-radius:16px;overflow:hidden;aspect-ratio:16/9;background:var(--green)}
.yt.vert .th{aspect-ratio:9/16}
.yt .th img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.yt:hover .th img{transform:scale(1.04)}
.yt .play{position:absolute;inset:0;margin:auto;width:54px;height:54px;border-radius:50%;background:rgba(10,61,34,.82);box-shadow:0 8px 20px -8px rgba(0,0,0,.6)}
.yt .play::after{content:"";position:absolute;inset:0;margin:auto;width:0;height:0;border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent var(--gold);transform:translateX(2px)}
.yt.vert .play{width:42px;height:42px}
.yt .dur{position:absolute;bottom:8px;inset-inline-end:8px;background:rgba(0,0,0,.7);color:#fff;font-size:.72rem;padding:2px 7px;border-radius:6px;direction:ltr}
.yk{color:var(--gold-deep,#9a7a2e);font-size:.78rem;font-weight:700}
.yt b{font-size:.92rem;line-height:1.5;color:var(--green)}
.yt.vert b{font-size:.82rem}
.arch-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:0;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--white);text-decoration:none;color:var(--ink);margin-bottom:22px}
.arch-card img{width:100%;height:100%;object-fit:cover;min-height:240px}
.arch-card > div{padding:clamp(20px,3vw,34px);display:grid;gap:10px;align-content:center;justify-items:start}
.arch-card h3{color:var(--green);font-size:1.4rem}
.arch-card p{color:var(--muted);line-height:1.8}
@media (max-width:760px){.arch-card{grid-template-columns:1fr}}
.arch2{margin-top:22px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px}
.arch2 h3{color:var(--green);margin:4px 0}
.arch2 p{color:var(--muted);line-height:1.8}
.bk-covers{display:flex;gap:8px}
.bk{border:0;padding:0;background:none;cursor:zoom-in;width:84px;border-radius:8px;overflow:hidden;box-shadow:var(--sh-2)}
.bk img{width:100%;display:block}
@media (max-width:760px){.arch2{grid-template-columns:1fr}.bk{width:22%}}
.app .icon.img{background:none;padding:0;overflow:hidden}
.app .icon.img img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
/* v10 */
.lg.strat.big img{max-height:110px!important;max-width:70%!important}
.lg.strat.small img{max-height:56px!important;max-width:60%!important}
.pr-arch{display:grid;gap:14px}
.pr-y{display:grid;grid-template-columns:90px minmax(0,1fr);gap:16px;align-items:start;border-top:1px solid var(--line);padding-top:14px}
.pr-y .y{font-size:1.5rem;font-weight:800;color:var(--gold-deep,#9a7a2e)}
.pr-l{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.pr-i{display:grid;gap:4px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--white);text-decoration:none;color:var(--ink);transition:border-color .2s}
.pr-i:hover{border-color:var(--gold)}
.pr-o{font-size:.78rem;font-weight:800;color:var(--green)}
.pr-i b{font-size:.92rem;line-height:1.55}
.pr-d{font-size:.75rem;color:var(--muted)}
@media (max-width:600px){.pr-y{grid-template-columns:1fr}}
/* v11 review fixes */
.lineage{grid-template-columns:minmax(0,1fr)}
.lineage .pwall.compact{flex-wrap:wrap;padding-inline-start:12px}
@media (min-width:900px){.lineage{grid-template-columns:minmax(0,1fr) auto auto}}
.hero-bar.big .cdcell > span{color:#E9DDBB}
.btn-wa{color:#fff;background:#0E7A3E}
.yk,.init small,.pw .y,.un-tag{color:#7A5E1E}
.pw.now .y{color:var(--gold)}
.un-tag{color:var(--green)}
/* ===== v12: approved consulting P0 ===== */
.lead-grid{align-items:start}
.lcard{grid-template-rows:auto 1fr}
.lcard .lmed{aspect-ratio:16/7;background:linear-gradient(160deg,var(--green),var(--green-2));display:grid;place-items:center;position:relative;overflow:hidden}
.lcard .lmed::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(201,162,78,.18),transparent 60%)}
.lcard .lmed span{width:92px;height:92px;border-radius:50%;border:2px solid var(--gold);color:var(--gold);display:grid;place-items:center;font-size:1.9rem;font-weight:800;letter-spacing:.02em;position:relative;z-index:1}
.lcard .tx{gap:8px}
.lcard .tx small{letter-spacing:.04em}
.lcard .tx .exp{font-style:normal;color:var(--ink);font-size:.9rem;font-weight:700}
.lcard .ports{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.chip-p{font-size:.76rem;font-weight:700;color:var(--green);border:1px solid color-mix(in srgb,var(--green) 35%,transparent);border-radius:999px;padding:3px 10px;background:color-mix(in srgb,var(--green) 5%,transparent)}
.lstat{display:flex;align-items:baseline;gap:8px;border-top:1px solid var(--line,rgba(0,0,0,.08));padding-top:10px;margin-top:4px}
.lstat strong{color:var(--gold-ink);font-size:1.5rem;font-weight:800}
.lstat span{color:var(--muted);font-size:.82rem}
.lmore summary{cursor:pointer;color:var(--green);font-weight:800;font-size:.86rem;list-style:none;padding:6px 0}
.lmore summary::-webkit-details-marker{display:none}
.lmore summary::after{content:" ←";}
.lmore[open] summary::after{content:" ↑"}
.lmore p{color:var(--ink);font-size:.88rem;line-height:1.85;margin:4px 0 10px}
.lmore .lh{display:block;color:var(--gold-ink);font-size:.82rem;margin-bottom:6px}
.lmore ul{display:grid;gap:10px;padding:0;margin:0;list-style:none}
.lmore li{display:grid;gap:3px;padding-inline-start:12px;border-inline-start:2px solid var(--gold)}
.lmore li span{font-size:.86rem;line-height:1.7;color:var(--ink)}
.lmore li small{font-size:.76rem;color:var(--muted)}
.lmore .upd{display:block;margin-top:10px;font-size:.72rem;color:var(--muted)}
.lsup{color:var(--muted);font-size:.9rem;margin:0 0 6px}
.lthanks{color:var(--muted);font-size:.86rem;margin:6px 0 0}
.lg.txt{display:grid;place-items:center;text-align:center;padding:14px}
.lg.txt span{font-weight:700;font-size:.84rem;color:var(--ink);line-height:1.5}
.gd.off{opacity:.75;cursor:default}
.gd.off small{color:var(--gold-ink)}
.init .safety{font-size:.8rem;color:var(--gold-ink);background:color-mix(in srgb,var(--gold) 10%,transparent);border-radius:10px;padding:8px 12px;line-height:1.6}
.linkbtn{background:none;border:0;color:var(--green);font-weight:800;cursor:pointer;text-decoration:underline;font:inherit}
.mfacts{margin-top:18px;display:grid;gap:4px;background:var(--white);border-radius:16px;padding:16px 18px;box-shadow:var(--sh-1,0 1px 3px rgba(0,0,0,.06))}
.mfacts b{color:var(--green)}.mfacts span{color:var(--muted);font-size:.9rem}
.roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px;align-items:start}
.rc{background:var(--white);border-radius:18px;padding:18px;display:grid;gap:10px;box-shadow:var(--sh-1,0 1px 3px rgba(0,0,0,.06));min-width:0}
.rc.wide{grid-column:1/-1}
.rc header{display:grid;gap:2px;border-bottom:1px solid var(--line,rgba(0,0,0,.08));padding-bottom:10px}
.rc header b{color:var(--green);font-size:1.05rem}
.rc header small{color:var(--gold-ink);font-size:.76rem;font-weight:700}
.rr{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.rr small{color:var(--muted);font-size:.78rem}.rr b{font-size:.92rem;color:var(--ink)}
.rm{display:flex;flex-wrap:wrap;gap:6px}
.rm span{font-size:.8rem;background:var(--sand);border-radius:999px;padding:4px 10px;color:var(--ink)}
.rm .more,.ra .more{background:transparent;color:var(--muted);font-weight:700}
.ra{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:10px}
.ra li{display:grid;gap:2px;padding:8px 10px;border-radius:12px;background:var(--sand)}
.ra li b{font-size:.88rem}.ra li small{font-size:.74rem;color:var(--muted);line-height:1.5}
.ra li.more{background:transparent;align-content:center}
.rnote{font-size:.82rem;color:var(--muted)}
.ledger{list-style:none;padding:0;margin:0;display:grid;gap:0;border-top:1px solid var(--line,rgba(0,0,0,.08))}
.ledger li{display:grid;grid-template-columns:150px minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr) 90px;gap:14px;align-items:baseline;padding:14px 4px;border-bottom:1px solid var(--line,rgba(0,0,0,.08))}
.ledger .ld{color:var(--gold-ink);font-weight:700;font-size:.82rem}
.ledger b{color:var(--ink);font-size:.95rem}
.ledger .lq{font-size:.84rem;color:var(--ink);display:grid;gap:2px}
.ledger .lq i{font-style:normal;font-size:.7rem;color:var(--muted);font-weight:700}
@media (max-width:900px){.ledger li{grid-template-columns:1fr;gap:4px}.ledger .lq{display:flex;gap:6px}}
.lead-grid{align-items:stretch}
.lcard{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding:0;gap:0;align-items:stretch}
.lcard .tx{padding:18px 20px 16px;align-content:start}
.lcard .tx p{color:var(--muted)}
.lcard .lstat{margin-top:auto}
@media (max-width:900px){.lcard{grid-template-columns:84px 1fr;grid-template-rows:auto}.lcard .lmed{aspect-ratio:auto;height:100%;min-height:84px;align-items:start;padding-top:18px}.lcard .lmed span{width:56px;height:56px;font-size:1.05rem}.lcard .tx{padding:16px 16px 14px 14px}}
.lg.strat.small{grid-column:span 1}
@media (max-width:1500px){html[lang="en"] .brand small{display:none}}
.lead-grid{align-items:start}
.lcard .tx .lmore li small{font-weight:400;color:var(--muted);letter-spacing:0;font-size:.76rem}
.lcard .tx .lmore .upd{font-weight:400;color:var(--muted);letter-spacing:0}
.lcard .tx .lmore .lh{font-size:.86rem;color:var(--gold-ink)}
.lcard .tx .exp{font-size:.82rem;font-weight:600;line-height:1.7;color:var(--ink)}
/* v12.1 review fixes */
.tcard .tx .chip span{color:inherit}
.tcard .tx .chip{color:var(--gold,#C9A14A)}
.tcard .tx .chip.up{color:var(--green)}
.cdcell > span,.cdcell span.ar,.cdcell span.en{color:#E9D7A8}
.hero-sup{background:linear-gradient(90deg,rgba(6,40,22,.72),rgba(6,40,22,.35));border-radius:12px;padding:8px 12px}
.hero-sup span{color:#F3EAD3}
.impact.light .eyebrow,.impact.light .impact-head small{color:var(--gold-ink)}
.mosaic{grid-auto-flow:dense}
footer{padding-bottom:84px}
html[lang="en"] .lmore summary::after{content:" →"}
.ilead .ipart{height:56px;width:auto;vertical-align:middle}
.lead-grid{align-items:stretch}
.lcard .tx{display:flex;flex-direction:column}
.lcard .lstat{margin-top:auto}
.strip-nav{display:flex;flex-direction:row;gap:8px}
.ps-kpi small,.ic small{line-height:1.6}
/* v12.2 leaders photos, roster list */
.lnote{color:var(--muted);font-size:.92rem;margin:-6px 0 16px}
.lcard .lph{aspect-ratio:1/1;overflow:hidden;background:#e9e6df}
.lcard .lph img{width:100%;height:100%;object-fit:cover;object-position:center 20%}
.lcard .lph.mark img{filter:none}
.lmore .lport{font-size:.82rem;color:var(--gold-ink);font-weight:700;margin:0 0 8px}
@media (max-width:900px){.lcard{grid-template-columns:96px 1fr}.lcard .lph{aspect-ratio:auto;height:100%;min-height:96px}}
.rc header{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.rc header small{color:var(--muted);font-weight:700}
.rmh{font-size:.74rem;color:var(--muted);font-weight:700;margin:4px 0 0;letter-spacing:.02em}
.rml{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}
.rml li{font-size:.86rem;color:var(--ink);padding:5px 0;border-bottom:1px dashed color-mix(in srgb,var(--ink) 12%,transparent);min-width:0}
.rml li.more{color:var(--muted);font-weight:700;border-bottom:0}
@media (max-width:420px){.rml{grid-template-columns:1fr}}

/* v12.3 color circular portraits (official forum report photos) */
.lcard .lph{display:grid;place-items:center;padding:clamp(14px,4%,28px);background:linear-gradient(160deg,color-mix(in srgb,var(--gold-ink,#9a7b3c) 12%,#f6f2ea),#efe9dd)}
.lcard .lph img{border-radius:50%;aspect-ratio:1/1;height:auto;box-shadow:0 0 0 4px #fff,0 6px 18px rgba(6,40,22,.14)}
@media (max-width:900px){.lcard .lph{padding:8px}.lcard .lph img{box-shadow:0 0 0 2px #fff}}
@media (max-width:900px){.lcard .lph{place-items:start center;padding-top:16px}}
/* v12.3 LinkedIn links, presidents now */
a.li{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:7px;color:var(--muted);border:1px solid var(--line);background:var(--white);transition:color .15s,border-color .15s,background .15s;flex:none}
a.li svg{width:14px;height:14px;fill:currentColor}
a.li:hover,a.li:focus-visible{color:#fff;background:#0A66C2;border-color:#0A66C2}
.lnm{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pw .pnow{font-size:.74rem;color:var(--muted);line-height:1.55;max-width:22ch}
.pw a.li{width:24px;height:24px;margin-top:2px}
.pwnote{font-size:.8rem;color:var(--muted);margin:14px 0 0;text-align:center}
.pw.now .pnow{color:#E9D7A8}.pw.now a.li{background:transparent;border-color:rgba(233,215,168,.45);color:#E9D7A8}.pw.now a.li:hover{background:#0A66C2;border-color:#0A66C2;color:#fff}
/* v13 audience paths */
.doors-sec{padding:18px 0 6px}
.doors-k{font-size:.8rem;font-weight:800;color:var(--gold-ink,#7a5d1d);letter-spacing:.04em;margin:0 0 10px}
.doors{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.door{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:16px;border-radius:18px;background:var(--white);border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:border-color .15s,transform .15s;min-width:0}
.door:hover{border-color:var(--gold);transform:translateY(-2px)}
.door .di{width:42px;height:42px;border-radius:12px;background:var(--green-50,#e8f1ec);display:grid;place-items:center}
.door .di svg{width:22px;height:22px;fill:none;stroke:var(--green);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.door .dt{display:grid;gap:3px;min-width:0}.door b{color:var(--green);font-size:.98rem;line-height:1.35}.door small{color:var(--muted);font-size:.8rem;line-height:1.5}
.door .arrow{color:var(--gold-ink,#7a5d1d)}
@media (max-width:1100px){.doors{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.doors{grid-template-columns:1fr;gap:8px}.door{padding:12px 14px}}
.vsteps{list-style:none;padding:0;margin:8px 0 18px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;counter-reset:none}
.vsteps li{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:18px;display:grid;gap:6px;align-content:start}
.vsteps .vn{width:32px;height:32px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:800}
.vsteps b{color:var(--green)}.vsteps p{color:var(--muted);font-size:.88rem;line-height:1.6;margin:0}
@media (max-width:900px){.vsteps{grid-template-columns:1fr 1fr}}@media (max-width:520px){.vsteps{grid-template-columns:1fr}}
.vopen{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:center;background:var(--green);color:#fff;border-radius:22px;padding:22px}
.vopen h3{color:#fff;margin:6px 0}.vopen p{color:#E9D7A8;margin:0}.vopen .un-tag{background:var(--gold);color:var(--green);padding:3px 10px;border-radius:99px;font-size:.75rem;font-weight:800}
.vacts{display:flex;flex-wrap:wrap;gap:8px}.vopen .btn-line{color:#fff;border-color:rgba(255,255,255,.4)}
.fcred{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;background:var(--white);border:1px solid var(--line);border-radius:20px;padding:20px;margin-top:14px}
.fcred small{color:var(--gold-ink,#7a5d1d);font-weight:800}.fcred h3{color:var(--green);margin:6px 0}.fcred p{color:var(--muted);margin:0}
.fteams{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}
.fteams li{font-size:.86rem;padding:6px 10px;border-radius:10px;background:var(--sand,#f6f1e7);color:var(--ink)}
@media (max-width:760px){.fcred{grid-template-columns:1fr}}
.garrive{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;background:var(--green);border-radius:22px;padding:22px;margin-bottom:18px}
.garrive h3{color:#fff;margin:0 0 6px}.garrive p{color:#E9D7A8;margin:0;max-width:60ch}
.ggrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.gcard{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:20px}
.gcard h3{color:var(--green);margin:0 0 10px}.gcard ul{margin:0;padding-inline-start:18px;display:grid;gap:8px}.gcard li{font-size:.9rem;line-height:1.7;color:var(--ink)}
@media (max-width:900px){.ggrid{grid-template-columns:1fr}}
.glinks{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.gl{display:grid;gap:4px;padding:16px;border-radius:16px;background:var(--white);border:1px solid var(--line);text-decoration:none}
.gl b{color:var(--green)}.gl small{color:var(--muted);font-size:.8rem}.gl.off{opacity:.7}
@media (max-width:900px){.glinks{grid-template-columns:1fr 1fr}}@media (max-width:480px){.glinks{grid-template-columns:1fr}}
.gsafe{margin:16px 0 6px;padding:12px 14px;border-radius:12px;background:var(--white);border-inline-start:4px solid var(--gold);font-size:.88rem}
.guide-cta{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center}

.vopen .btn-line{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.45)!important}
.vopen .btn-line .ar,.vopen .btn-line .en{color:#fff}
@media (max-width:560px){.doors{grid-template-columns:1fr 1fr;gap:8px}.door{grid-template-columns:1fr;gap:8px;padding:12px}.door small,.door .arrow{display:none}.door .di{width:34px;height:34px}.door b{font-size:.88rem}}

/* v13.1 areas map */
.agrid{display:grid;grid-template-columns:1.15fr 1fr;gap:18px;align-items:start}.agrid>*{min-width:0}
@media (max-width:980px){.agrid{grid-template-columns:1fr}}
.amap{margin:0;background:var(--white);border:1px solid var(--line);border-radius:24px;padding:10px;position:sticky;top:90px;box-shadow:0 10px 30px rgba(10,61,34,.06)}
@media (max-width:980px){.amap{position:static}}
.amap-hint{display:none;font-size:.76rem;color:var(--muted);text-align:center;margin:6px 0 0}
.mbars{display:grid;gap:6px;margin:4px 0}
.mbar{display:grid;grid-template-columns:7.5em 1fr 3em;gap:10px;align-items:center;font-size:.84rem}
.mbl{font-weight:700;color:var(--ink)}.mbt{height:10px;border-radius:99px;background:#eee7d8;overflow:hidden;display:flex;justify-content:flex-start}.mbt i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#0a3d22,#2f7a52)}
html[dir="rtl"] .mbt i{background:linear-gradient(270deg,#0a3d22,#2f7a52)}
.mbar b{color:var(--green);text-align:end}
.amap figcaption{padding:10px 8px 4px;display:grid;gap:6px}
.amap figcaption p{font-size:.78rem;color:var(--muted);margin:0;line-height:1.6}
.mlegend{display:flex;flex-wrap:wrap;gap:14px;font-size:.82rem;font-weight:700;color:var(--ink)}
.mlegend span{display:inline-flex;align-items:center;gap:6px}
.lg-b{width:14px;height:14px;border-radius:50%;background:rgba(10,61,34,.3);border:1px solid rgba(10,61,34,.5)}
.lg-u{width:10px;height:14px;background:#c9a14a;border-radius:50% 50% 50% 50%/60% 60% 40% 40%}
/* v14 real-data areas map (map_lab/B) */

.mm{font-family:Almarai,'IBM Plex Sans Arabic',system-ui,sans-serif;direction:ltr;unicode-bidi:isolate}
.mm text{font-family:inherit}
.mm-water{fill:#d3e3e8}
.mm-land{fill:#f8f3e8}
.mm-coast{fill:none;stroke:#b6ccd4;stroke-width:1.1;stroke-linejoin:round}
.mm-bd{fill:none;stroke:#e5dac6;stroke-width:.7;stroke-linejoin:round}.mm-bd.i{stroke-width:.9;stroke:#ddd0b8}
.mm-ch.c1{fill:#0a3d22;fill-opacity:.13}.mm-ch.c2{fill:#0a3d22;fill-opacity:.27}.mm-ch.c3{fill:#0a3d22;fill-opacity:.45}
.mm-ch{stroke:#0a3d22;stroke-opacity:.35;stroke-width:.8;stroke-linejoin:round}
.mm-riv{fill:none;stroke:#aecbd6;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.mm-riv.y{stroke-width:3}.mm-riv.i{stroke-width:4}.mm-riv.y.i{stroke-width:6}
.mm-rdc{fill:none;stroke:#d8bf86;stroke-width:4.2;stroke-linecap:round;stroke-linejoin:round}
.mm-rd{fill:none;stroke:#f6e7bf;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.mm-rdc.i{stroke-width:7}.mm-rd.i{stroke-width:4.4}
.mm-sh rect{fill:#2f6b4a;stroke:#fff;stroke-width:1.2}.mm-sh text{font-size:9.5px;font-weight:800;fill:#fff;font-family:system-ui,sans-serif;letter-spacing:.02em}
.mm-wl{font-size:15px;font-style:italic;fill:#5f8a9b;letter-spacing:.06em}.mm-wl.s{font-size:11px}
.mm-rl{font-size:10.5px;font-style:italic;fill:#5f8a9b;paint-order:stroke;stroke:#f8f3e8;stroke-width:3px}
.mm-reg .rn{font-size:13px;font-weight:800;fill:#0a3d22;fill-opacity:.55;letter-spacing:.14em}
.mm-reg .rp{font-size:17px;font-weight:800;fill:#a07c2c;font-family:system-ui,sans-serif}
.mm-sl{font-size:13px;font-weight:700;fill:#0a3d22;paint-order:stroke;stroke:#f8f3e8;stroke-width:3.5px;stroke-linejoin:round}
.mm-ul{font-size:12.5px;font-weight:700;fill:#6b4f12;paint-order:stroke;stroke:#fff;stroke-width:3.5px;stroke-linejoin:round}
.mm-pin path{fill:#c9a14a;stroke:#fff;stroke-width:1.6;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.25))}.mm-pin .cap{fill:#fff;stroke:none;filter:none}
.mm-ifr{fill:none;stroke:#0a3d22;stroke-width:1.4;stroke-dasharray:4 3}
.mm-lead{fill:none;stroke:#0a3d22;stroke-width:1;stroke-opacity:.5;stroke-dasharray:2 3}
.mm-ibg{fill:#fff;stroke:#0a3d22;stroke-width:1.5;filter:drop-shadow(0 4px 10px rgba(10,61,34,.18))}
.mm-ihd{fill:#0a3d22}.mm-it{font-size:12.5px;font-weight:800;fill:#fbf6ec}
.mm-isv{display:none}
.mm-rg{fill:#c9a14a;fill-opacity:0;stroke:none;cursor:pointer;transition:fill-opacity .25s}
.mm-rg:hover{fill-opacity:.07}
.mm-reg,.mm-reg-c{cursor:pointer}.mm-reg:focus{outline:none}.mm-reg:focus-visible .rn,.mm-reg:focus-visible .rp{text-decoration:underline}
.mm-reg-c:focus{outline:none}.mm-reg-c:focus-visible{outline:2px solid #c9a14a}
.mm-ch,.mm-sl,.mm-reg,.mm-pin{transition:opacity .25s,fill-opacity .25s,stroke-width .25s}
.mm-reg .rn,.mm-reg .rp{transform-box:fill-box;transform-origin:center}
@keyframes mmpulse{0%{transform:scale(1)}35%{transform:scale(1.35)}100%{transform:scale(1)}}
.mm-reg.pulse .rn,.mm-reg.pulse .rp,.mm-cityl.pulse{animation:mmpulse .9s ease-out 1}
.mm-cityl{transform-box:fill-box;transform-origin:center}
@media (prefers-reduced-motion:reduce){.mm-reg.pulse .rn,.mm-reg.pulse .rp,.mm-cityl.pulse{animation:none}.mm-ch,.mm-sl,.mm-reg,.mm-rg{transition:none}}
.amap[data-hl="c"] .mm-rg[data-r="c"]{fill-opacity:.13;stroke:#a07c2c;stroke-width:2;stroke-linejoin:round}.amap[data-hl="c"] .mm-ch:not([data-r="c"]),.amap[data-hl="c"] .mm-sl:not([data-r="c"]){opacity:.25}.amap[data-hl="c"] .mm-ch[data-r="c"]{stroke-opacity:.9;stroke-width:1.6;fill-opacity:.6}.amap[data-hl="c"] .mm-reg:not([data-r="c"]){opacity:.3}.amap[data-hl="n"] .mm-rg[data-r="n"]{fill-opacity:.13;stroke:#a07c2c;stroke-width:2;stroke-linejoin:round}.amap[data-hl="n"] .mm-ch:not([data-r="n"]),.amap[data-hl="n"] .mm-sl:not([data-r="n"]){opacity:.25}.amap[data-hl="n"] .mm-ch[data-r="n"]{stroke-opacity:.9;stroke-width:1.6;fill-opacity:.6}.amap[data-hl="n"] .mm-reg:not([data-r="n"]){opacity:.3}.amap[data-hl="se"] .mm-rg[data-r="se"]{fill-opacity:.13;stroke:#a07c2c;stroke-width:2;stroke-linejoin:round}.amap[data-hl="se"] .mm-ch:not([data-r="se"]),.amap[data-hl="se"] .mm-sl:not([data-r="se"]){opacity:.25}.amap[data-hl="se"] .mm-ch[data-r="se"]{stroke-opacity:.9;stroke-width:1.6;fill-opacity:.6}.amap[data-hl="se"] .mm-reg:not([data-r="se"]){opacity:.3}.amap[data-hl="e"] .mm-rg[data-r="e"]{fill-opacity:.13;stroke:#a07c2c;stroke-width:2;stroke-linejoin:round}.amap[data-hl="e"] .mm-ch:not([data-r="e"]),.amap[data-hl="e"] .mm-sl:not([data-r="e"]){opacity:.25}.amap[data-hl="e"] .mm-ch[data-r="e"]{stroke-opacity:.9;stroke-width:1.6;fill-opacity:.6}.amap[data-hl="e"] .mm-reg:not([data-r="e"]){opacity:.3}.amap[data-hl="w"] .mm-rg[data-r="w"]{fill-opacity:.13;stroke:#a07c2c;stroke-width:2;stroke-linejoin:round}.amap[data-hl="w"] .mm-ch:not([data-r="w"]),.amap[data-hl="w"] .mm-sl:not([data-r="w"]){opacity:.25}.amap[data-hl="w"] .mm-ch[data-r="w"]{stroke-opacity:.9;stroke-width:1.6;fill-opacity:.6}.amap[data-hl="w"] .mm-reg:not([data-r="w"]){opacity:.3}

.mm-cbd circle{fill:#0a3d22;stroke:#fff;stroke-width:2}.mm-cbd .in{fill:#c9a14a;stroke:none}.mm-cbd.s circle{stroke-width:1.5}
.mm-cmp circle{fill:#fff;stroke:#e0d6c2}.mm-cmp path{fill:#0a3d22}.mm-cmp text{font-size:8px;font-weight:800;fill:#0a3d22;font-family:system-ui,sans-serif}
.mm-scl rect{fill:#fff;fill-opacity:.85}.mm-scl path{stroke:#4a524c;stroke-width:1.5;fill:none}.mm-scl text{font-size:10px;fill:#4a524c;font-family:system-ui,sans-serif}
.mm-attr{font-size:8.5px;fill:#7d8580;font-family:system-ui,sans-serif;paint-order:stroke;stroke:#d3e3e8;stroke-width:3px}

.amap-in{border-radius:16px;overflow:hidden;background:#d3e3e8}
.amap svg.mm{width:100%;height:auto;display:block}.amap svg.mm-isv{display:none}
@media (max-width:640px){.amap{padding:6px}.amap-in{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;direction:ltr;overscroll-behavior-x:contain;scrollbar-width:none;max-height:520px}.amap-in::-webkit-scrollbar{display:none}.amap-in svg.mm{width:590px;max-width:none}.amap-hint{display:block!important}.amap .mm .mm-inset,.amap .mm .mm-lead{display:none}.amap svg.mm-isv{display:block;margin-top:8px;border-radius:14px}
.amap-in .mm-sl{font-size:15.5px}.amap-in .mm-ul{font-size:15px}.amap-in .mm-reg .rn{font-size:15px}.amap-in .mm-reg .rp{font-size:20px}.amap-in .mm-rl{font-size:12.5px}.amap-in .mm-wl{font-size:17px}.amap-in .mm-attr{font-size:10px}}
.mlegend{align-items:center}
.lg-ch{display:inline-flex;align-items:center;gap:5px!important;flex-wrap:wrap}
.lg-ch .sw{width:16px;height:12px;border-radius:3px;border:1px solid rgba(10,61,34,.35);display:inline-block}
.lg-ch .sw.c1{background:rgba(10,61,34,.13)}.lg-ch .sw.c2{background:rgba(10,61,34,.27)}.lg-ch .sw.c3{background:rgba(10,61,34,.45)}
.lg-ch small{font-weight:400;color:var(--muted);font-size:.76rem;margin-inline-end:4px}
.lg-pin{width:12px;height:12px;background:#c9a14a;border:2px solid #fff;box-shadow:0 0 0 1px #c9a14a;border-radius:50% 50% 50% 0;transform:rotate(-45deg)}
.alist{display:grid;gap:10px}
/* v14.1 areas map interaction */
#amap{scroll-margin-top:8px}.acard{scroll-margin-top:16px;transition:box-shadow .25s,border-color .25s}
.acard.is-hl{box-shadow:0 0 0 2px #c9a14a,0 10px 24px rgba(10,61,34,.10)}
.acard:focus{outline:none}.acard:focus-visible{box-shadow:0 0 0 3px #c9a14a}
.acard header{justify-content:flex-start}.acard .ashare{margin-inline-start:auto;color:var(--green);font-size:.95rem}
.aseemap{margin-top:12px;display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:.84rem;font-weight:800;color:var(--green);background:#fbf6ec;border:1px solid rgba(10,61,34,.25);border-radius:999px;padding:7px 14px;cursor:pointer;transition:background .2s,color .2s}
.aseemap svg{width:15px;height:15px;fill:#c9a14a;stroke:#0a3d22;stroke-width:1.2}.aseemap svg circle{fill:#fff}
.aseemap:hover,.aseemap[aria-pressed="true"]{background:var(--green);color:#fff;border-color:var(--green)}
.aseemap:focus-visible,.mbar:focus-visible,.amap-reset:focus-visible{outline:3px solid #c9a14a;outline-offset:2px}
button.mbar{width:100%;background:none;border:0;padding:3px 6px;margin:0 -6px;font:inherit;color:inherit;text-align:start;cursor:pointer;border-radius:10px;width:calc(100% + 12px)}
button.mbar:hover{background:#f6f0e2}button.mbar[aria-pressed="true"]{background:#f1e6c9}
.amap{position:sticky}.amap-reset{position:absolute;top:18px;left:18px;z-index:2;font:inherit;font-size:.8rem;font-weight:800;color:#fff;background:var(--green);border:0;border-radius:999px;padding:7px 14px;cursor:pointer;box-shadow:0 4px 12px rgba(10,61,34,.25)}
.amap-reset[hidden]{display:none}
.amap .vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:980px){.amap{position:relative}}
@media (max-width:640px){.amap-reset{top:12px;left:12px;font-size:.74rem;padding:6px 11px}}
@media (prefers-reduced-motion:reduce){#amap,.acard{scroll-behavior:auto}.acard,.aseemap{transition:none}}

.acard{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:16px;border-inline-start:5px solid #0a3d22}
.acard.se{border-inline-start-color:#a07c2c}.acard.c{border-inline-start-color:#0a3d22}.acard.w{border-inline-start-color:#6b7a4a}.acard.e{border-inline-start-color:#7a5a85}.acard.n{border-inline-start-color:#2f7a52}
.acard header{display:flex;align-items:center;gap:8px}.acard h3{margin:0;color:var(--green);font-size:1.05rem}
.acard .asub{margin:4px 0 8px;font-size:.78rem;color:var(--muted);direction:ltr;text-align:start}
html[dir="rtl"] .acard .asub{text-align:right}
.acard dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:.88rem;line-height:1.6}
.acard dt{font-weight:800;color:var(--gold-ink,#7a5d1d);white-space:nowrap}.acard dd{margin:0;color:var(--ink)}
@media (max-width:480px){.acard dl{grid-template-columns:1fr;gap:2px}.acard dd{margin-bottom:6px}}
.atip{margin-top:16px;padding:14px 16px;border-radius:14px;background:var(--green);color:#F3EAD3;font-weight:700}

/* v13.2 guide bento */
.gbento{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:auto auto;gap:14px}
.gb{position:relative;display:grid;gap:10px;align-content:start;padding:20px;border-radius:22px;background:var(--white);border:1px solid var(--line);text-decoration:none;color:var(--ink);overflow:hidden;min-width:0;transition:transform .18s,box-shadow .18s}
a.gb:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(10,61,34,.12)}
.gb b{font-size:1.08rem;color:var(--green);line-height:1.4}.gb em{font-style:normal;font-size:.86rem;color:var(--muted);line-height:1.6}
.gbt{display:grid;gap:4px;position:relative;z-index:1}
.gb .arrow{position:absolute;inset-inline-end:18px;top:18px;color:var(--gold-ink,#7a5d1d)}
.gb-guide{grid-row:span 2;background:radial-gradient(120% 80% at 50% 0%,#1b6b45 0%,#0a3d22 60%);padding:0;align-content:start;min-height:420px}
.gb-guide img{width:52%;max-width:220px;margin:28px auto 0;display:block;border-radius:6px;transform:rotate(-4deg);box-shadow:0 18px 40px rgba(0,0,0,.35),0 0 0 6px rgba(255,255,255,.06)}
.gb-guide .gbt{padding:22px}.gb-guide b{color:#fff;font-size:1.3rem}.gb-guide em{color:#E9D7A8}.gb-guide small{color:#c9a14a;font-weight:800;font-size:.75rem;letter-spacing:.06em}
.gbgo{position:relative;z-index:1;margin:0 22px 22px;justify-self:start;background:#c9a14a;color:#0a3d22;font-weight:800;padding:10px 16px;border-radius:12px}
.gb-mosq{background:linear-gradient(135deg,#0a3d22,#14583a)}.gb-mosq b{color:#fff}.gb-mosq em{color:#E9D7A8}.gb-mosq .arrow{color:#c9a14a}
.gbi svg{width:46px;height:46px;fill:none;stroke:#c9a14a;stroke-width:2.4;stroke-linejoin:round}
.gbl{width:64px;height:64px;border-radius:16px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}.gbl img{max-width:52px;max-height:52px}
.gb-acad{background:#f3ead3}
.gb-disc{padding:0;min-height:190px;align-content:end;background:#123}
.gb-disc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gb-disc::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,0) 65%)}
.gb-disc .gbt{padding:18px}.gb-disc b{color:#fff}.gb-disc em{color:#eee}
.gb-marfa{border:1px solid #c9a14a;background:#fffaf0}
@media (max-width:980px){.gbento{grid-template-columns:1fr 1fr}.gb-guide{grid-row:auto;grid-column:span 2;min-height:340px}}
@media (max-width:560px){.gbento{grid-template-columns:1fr}.gb-guide{grid-column:auto}}

/* v15 launch fixes (9 Oct 2026) */
/* Almarai self hosted (from fontsource 5.3.0), replaces Google Fonts */
@font-face{font-family:'Almarai';font-style:normal;font-display:swap;font-weight:400;src:url(fonts/almarai-arabic-400-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}
@font-face{font-family:'Almarai';font-style:normal;font-display:swap;font-weight:400;src:url(fonts/almarai-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Almarai';font-style:normal;font-display:swap;font-weight:700;src:url(fonts/almarai-arabic-700-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}
@font-face{font-family:'Almarai';font-style:normal;font-display:swap;font-weight:700;src:url(fonts/almarai-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Almarai';font-style:normal;font-display:swap;font-weight:800;src:url(fonts/almarai-arabic-800-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}
@font-face{font-family:'Almarai';font-style:normal;font-display:swap;font-weight:800;src:url(fonts/almarai-latin-800-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.foot .fh{margin:0 0 10px;color:var(--green);font-size:.92rem;font-weight:800;line-height:1.4}
.certnote{display:block;margin-top:6px;font-size:.74rem;line-height:1.6;color:var(--muted);max-width:34ch}
.certline{margin:12px 0 4px;padding:10px 14px;border-radius:12px;background:var(--white);border-inline-start:4px solid var(--gold);font-size:.84rem;line-height:1.7;color:var(--muted)}
.certline b{color:var(--green)}
.sitecredit{margin:10px 0 0;font-size:.74rem;line-height:1.6;color:var(--muted);opacity:.9}
.rcount{margin:8px 0 0;font-size:.86rem;color:var(--muted)}
.rr b.pend{font-weight:400;font-size:.84rem;color:var(--muted)}
[data-until][hidden]{display:none!important}
.fb img,.brand img{height:auto}
.mm-reg:focus-visible path{stroke:#0A3D22;stroke-width:3}

/* v16 final advisory fixes (9 Oct 2026) */
@media (min-width:1101px) and (max-width:1500px){.brand small{display:none}.brand span{font-size:.86rem}.nav{gap:0}.nav a{padding-inline:8px;font-size:.84rem}
 .top-actions .login{padding-inline:10px}.top-actions .login .t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
.hero-kicker .nw{white-space:nowrap}
.garrive .btn-line{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.55)!important}
.garrive .btn-line .ar,.garrive .btn-line .en{color:#fff}
.garrive .btn{flex:0 0 auto;width:auto}
.gacts{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.garrive>div:first-child{flex:1 1 320px}
.nw,bdi.nw{white-space:nowrap}
.legal .num{white-space:nowrap}
.gbgo .arrow,.gb .gbgo .arrow{position:static!important;inset:auto!important;margin-inline-start:6px;color:inherit}
.gb-marfa .gbgo{margin:12px 0 0;display:inline-block;justify-self:start;font-size:.9rem}
.gbento{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:560px){.gbento{grid-template-columns:1fr}}
.vgen{margin:14px 0}
.vgen .btn-line{background:var(--white)}
.mo .sticker + div{margin-top:46px}
.ltext{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-wrap:wrap;gap:8px}
.ltext li{padding:8px 14px;border-radius:999px;background:var(--white);border:1px solid var(--line);font-weight:700;color:var(--green);font-size:.9rem}
.logos .lg.strat{grid-column:span 2}
.logos .lg.strat img{max-height:90px;width:auto}
.reach{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}
.reach>div{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:16px;display:grid;gap:4px}
.reach strong{font-size:1.8rem;color:var(--green);line-height:1.1}
.reach span{color:var(--muted);font-size:.86rem;line-height:1.5}
@media (max-width:760px){.reach{grid-template-columns:1fr 1fr}}
.nomcard{display:grid;gap:12px;align-content:start}
.nomacts{display:flex;flex-wrap:wrap;gap:10px}
.cddone{margin:0;font-weight:700;line-height:1.6}
.cdcell.done .cd,.cdcell.done .cdlbl{display:none}
body.fab-wait .fab{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility .3s}
body.fab-wait.fab-on .fab{opacity:1;visibility:visible;pointer-events:auto}
@media (min-width:861px){
 .tl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;align-items:start}
 .tl::before{display:none}
 .tl .tmonth{grid-column:1/-1}
 .tl .tm{grid-template-columns:72px minmax(0,1fr)!important;gap:14px!important}
 .tl .tm::after{display:none}
 .tl .tdate{justify-self:start;text-align:start}
}

/* ===== DARK MODE ===================================================================
   Shared contract with the current portal (assets/css/base.css + assets/js/lib/theme.js):
   <html data-theme="light|dark">, absent = follow the system; stored in localStorage "ssam_theme".
   Palette = the current portal's dark palette. Tokens are declared twice (system dark when no
   choice is stored, and explicit dark) exactly like base.css, so it works without JS too. */
:root{--gold-txt:#7a5e1e;--plate:transparent;--track-bg:#eee7d8;--hov-bg:#f6f0e2;--sel-bg:#f1e6c9;--marfa-bg:#fffaf0;--top-bg:rgba(251,246,236,.92);--card-bg:rgba(255,255,255,.97);--acad-bg:#f3ead3}
:root[data-theme="light"]{color-scheme:light}
@media (prefers-color-scheme:dark){
:root:not([data-theme="light"]):not([data-theme="dark"]){
  color-scheme:dark;
  --cream:#0f1410;--sand:#151b16;--white:#1a2018;--green-50:#18342a;
  --ink:#e5e7eb;--muted:#9ca3af;--line:#2a312c;
  --green:#a8d8b5;--green-2:#5fc27e;
  --gold-ink:#e0b85a;--gold-soft:#3b3115;
  --sh-2:0 6px 16px -4px rgba(0,0,0,.5),0 2px 4px rgba(0,0,0,.4);
  --sh-3:0 18px 40px -12px rgba(0,0,0,.6),0 4px 10px rgba(0,0,0,.4);
  --gold-txt:#e0b85a;--plate:#f4f6f4;--track-bg:#263027;--hov-bg:#1f271f;--sel-bg:#2b2a17;--marfa-bg:#241f12;--top-bg:rgba(15,20,16,.92);--card-bg:rgba(26,32,24,.97);--acad-bg:#1f271f;
}}
:root[data-theme="dark"]{
  color-scheme:dark;
  --cream:#0f1410;--sand:#151b16;--white:#1a2018;--green-50:#18342a;
  --ink:#e5e7eb;--muted:#9ca3af;--line:#2a312c;
  --green:#a8d8b5;--green-2:#5fc27e;
  --gold-ink:#e0b85a;--gold-soft:#3b3115;
  --sh-2:0 6px 16px -4px rgba(0,0,0,.5),0 2px 4px rgba(0,0,0,.4);
  --sh-3:0 18px 40px -12px rgba(0,0,0,.6),0 4px 10px rgba(0,0,0,.4);
  --gold-txt:#e0b85a;--plate:#f4f6f4;--track-bg:#263027;--hov-bg:#1f271f;--sel-bg:#2b2a17;--marfa-bg:#241f12;--top-bg:rgba(15,20,16,.92);--card-bg:rgba(26,32,24,.97);--acad-bg:#1f271f;
}
/* Brand panels ("islands"): solid green or gold surfaces keep the light palette in BOTH themes, so their
   cream and gold text stays correct. Identical to the existing values, so it is a no-op in light. */
:is(.btn-green,.btn-gold,.hero-card,.hero h1 em,.hero-bar:not(.big),.mo,.mo.ph,.people,.breathe2,.fside,.upnext,.mono,.pillar .k i,.vision,.final,.route .copy,.toast,.nav a.cur,.impact:not(.light),.lcard .ph,.lcard .lmed,.pc,.pc .since,.tcard .chip,.tcard .up,.tmonth,.lg.dark,.mvc.m,.mvc.v,.av .ph,.pr.now,.pw.now,.app,.app .icon,.skip,.hero-bar.big .cdcell,.ps-panel,.ps-chip.t1,.d-organiser,.yt .th,.vsteps .vn,.vopen,.garrive,.un-tag,.filters button[aria-pressed="true"],.amap-in,.lg:not(.dark),.init .il,.aseemap[aria-pressed="true"],.aseemap:hover,.amap-reset,.atip,.gb-guide,.gb-mosq,.gbgo){--green:#0A3D22;--green-2:#145A34;--green-50:#EEF3EF;--gold-soft:#E9D7A8;--gold-ink:#7A5A14;--cream:#FBF6EC;--sand:#F3EAD6;--white:#FFFFFF;--ink:#14211A;--muted:#4A5A50;--line:#E4D9C2}
/* Islands that set no colour of their own re-read the (now light) ink so inherited text stays dark. */
.amap-in,.lg:not(.dark),.init .il{color:var(--ink)}
/* The stats bar is a card that sits INSIDE a brand panel (hero-card): it takes the theme palette back. */
:root[data-theme="dark"] .hero-bar.big{
  color-scheme:dark;
  --cream:#0f1410;--sand:#151b16;--white:#1a2018;--green-50:#18342a;
  --ink:#e5e7eb;--muted:#9ca3af;--line:#2a312c;
  --green:#a8d8b5;--green-2:#5fc27e;
  --gold-ink:#e0b85a;--gold-soft:#3b3115;
  --sh-2:0 6px 16px -4px rgba(0,0,0,.5),0 2px 4px rgba(0,0,0,.4);
  --sh-3:0 18px 40px -12px rgba(0,0,0,.6),0 4px 10px rgba(0,0,0,.4);
  --gold-txt:#e0b85a;--plate:#f4f6f4;--track-bg:#263027;--hov-bg:#1f271f;--sel-bg:#2b2a17;--marfa-bg:#241f12;--top-bg:rgba(15,20,16,.92);--card-bg:rgba(26,32,24,.97);--acad-bg:#1f271f;
}
@media (prefers-color-scheme:dark){
:root:not([data-theme="light"]):not([data-theme="dark"]) .hero-bar.big{
  color-scheme:dark;
  --cream:#0f1410;--sand:#151b16;--white:#1a2018;--green-50:#18342a;
  --ink:#e5e7eb;--muted:#9ca3af;--line:#2a312c;
  --green:#a8d8b5;--green-2:#5fc27e;
  --gold-ink:#e0b85a;--gold-soft:#3b3115;
  --sh-2:0 6px 16px -4px rgba(0,0,0,.5),0 2px 4px rgba(0,0,0,.4);
  --sh-3:0 18px 40px -12px rgba(0,0,0,.6),0 4px 10px rgba(0,0,0,.4);
  --gold-txt:#e0b85a;--plate:#f4f6f4;--track-bg:#263027;--hov-bg:#1f271f;--sel-bg:#2b2a17;--marfa-bg:#241f12;--top-bg:rgba(15,20,16,.92);--card-bg:rgba(26,32,24,.97);--acad-bg:#1f271f;
}}
/* The few places that hard-coded a light colour now read a token (same value in light). */
.top{background:var(--top-bg)}
.hero-bar.big{background:var(--card-bg)}
.yk,.init small,.pw .y{color:var(--gold-txt)}
.gb-acad{background:var(--acad-bg)}
.aseemap{background:var(--cream)}
.ipart{background:var(--plate);box-shadow:0 0 0 4px var(--plate);border-radius:4px}
.mbt{background:var(--track-bg)}
button.mbar:hover{background:var(--hov-bg)}
button.mbar[aria-pressed="true"]{background:var(--sel-bg)}
.gb-marfa{background:var(--marfa-bg)}
/* Theme toggle button (header). */
.theme-btn{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border-radius:999px;border:1.5px solid var(--line);background:var(--white);color:var(--green);cursor:pointer;flex:none}
.theme-btn:hover{border-color:var(--green)}
.theme-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.theme-btn .i-sun{display:none}
:root[data-theme="dark"] .theme-btn .i-moon{display:none}
:root[data-theme="dark"] .theme-btn .i-sun{display:block}
@media (prefers-color-scheme:dark){
:root:not([data-theme="light"]):not([data-theme="dark"]) .theme-btn .i-moon{display:none}
:root:not([data-theme="light"]):not([data-theme="dark"]) .theme-btn .i-sun{display:block}
}

/* Header room (13 Oct 2026). On desktop the brand was allowed to shrink below its text, so the club
   name spilled over the menu: by 49px above 1500px in the original header, by 103px once the theme
   button took its place, and by 165px in English. Keep the brand whole, use the compact menu spacing
   at every desktop width (it was only 1101-1340px), and in English show "SSAM" without the long
   subtitle (already the case below 1500px). Checked AR and EN at 1110, 1150, 1350, 1520 and 1920px. */
@media (min-width:1101px){.top .brand{flex-shrink:0}.nav a{padding-inline:8px;font-size:.86rem}.top .wrap{gap:10px}.top-actions{gap:8px}html[lang="en"] .brand small{display:none}}

/* Club news (20 Oct 2026) */
.news-sec{padding:6px 0 18px}
.news{display:grid;grid-template-columns:1.3fr 1fr;gap:14px}
.news-card{position:relative;display:grid;border-radius:20px;overflow:hidden;text-decoration:none;border:1px solid var(--line);background:var(--white);color:var(--ink);min-width:0;transition:border-color .15s,transform .15s}
a.news-card:hover{border-color:var(--gold);transform:translateY(-2px)}
.news-card[hidden]{display:none}
.nc-photo{grid-template-columns:minmax(150px,210px) 1fr}
.nc-photo img{width:100%;height:100%;min-height:100%;object-fit:cover;object-position:center top;display:block;background:#f3ead3}
.nc-in{padding:20px 22px;display:grid;gap:9px;align-content:center;min-width:0}
.nc-tag{justify-self:start;font-size:.74rem;font-weight:800;line-height:1.5;color:var(--gold-ink);background:var(--sel-bg);padding:5px 11px;border-radius:999px}
.news-card h3{margin:0;font-size:1.1rem;line-height:1.5;color:var(--green)}
.news-card p{margin:0;font-size:.88rem;line-height:1.75;color:var(--muted)}
.nc-more{font-weight:700;font-size:.86rem;color:var(--gold-ink)}
.nc-event{background:#0A3D22;border-color:#0A3D22;color:#FBF6EC}
.nc-event h3{color:#FBF6EC}
.nc-event p{color:rgba(251,246,236,.84)}
.nc-event .nc-tag{background:rgba(201,161,74,.2);color:#E9D7A8}
.nc-event small{font-size:.74rem;color:rgba(251,246,236,.66)}
.nc-event .btn{justify-self:start;margin-top:2px}
@media (max-width:900px){.news{grid-template-columns:1fr}}
@media (max-width:560px){.nc-photo{grid-template-columns:118px 1fr}.nc-in{padding:15px 16px}.news-card h3{font-size:1rem}.news-card p{font-size:.84rem}}

.mqx{display:block;font-size:.8rem;font-weight:700;color:var(--gold-ink);line-height:1.6}

.phero-band.grp{min-height:0;aspect-ratio:2000/770}
.phero-band.grp img{object-position:50% 40%}
@media (max-width:640px){.phero-band.grp{aspect-ratio:auto;min-height:200px}}

/* Discover Melbourne episodes */
.epstrip{grid-auto-columns:clamp(190px,22vw,240px)}
.epc{display:grid;gap:8px;align-content:start;scroll-snap-align:start;background:var(--white);border:1px solid var(--line);border-radius:18px;padding:10px;color:var(--ink);text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}
.epc:hover{border-color:var(--gold);box-shadow:var(--sh-2);transform:translateY(-2px)}
.epc img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:12px;display:block}
.epc .epn{font-size:.74rem;font-weight:800;color:var(--gold-ink)}
.epc b{font-size:.92rem;line-height:1.45}
.epcta{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.pc .pclink{color:var(--cream);font-weight:800;font-size:.84rem;text-decoration:underline;text-underline-offset:3px}

/* Hero v2 «حيّاك» */
/* ===== hero v2: "Hayyak" photo first hero (append at end of site.css) ===== */
.hero-card.hv2{display:grid;grid-template-columns:minmax(0,1fr);padding-top:0;grid-template-areas:"media" "body" "bar";min-height:0;justify-content:stretch}
.hero-card.hv2::after{display:none}
.hv2-media{grid-area:media;position:relative;margin:0;height:clamp(270px,40svh,360px);overflow:hidden;isolation:isolate}
.hv2-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 38%}
.hv2-media::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to top,var(--green) 0%,rgba(10,61,34,.55) 22%,rgba(10,61,34,0) 48%),linear-gradient(to bottom,rgba(6,40,22,.45),rgba(6,40,22,0) 26%)}
.hv2 .hero-sup{z-index:2;top:14px;inset-inline-end:auto;inset-inline-start:14px;max-width:calc(100% - 28px);font-size:.7rem;padding:6px 10px}
.hv2 .hero-sup span{font-size:inherit}
.hv2-pol{position:absolute;z-index:3;width:92px;inset-inline-end:16px;bottom:26px;display:grid;gap:3px;background:#FBF6EC;padding:5px 5px 6px;border-radius:3px;box-shadow:0 14px 26px -10px rgba(0,0,0,.6);transform:rotate(5deg);text-decoration:none;color:#0A3D22}
html[lang="en"] .hv2-pol{transform:rotate(-5deg)}
.hv2-pol img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;display:block}
.hv2-pol i{position:absolute;top:5px;inset-inline:5px;aspect-ratio:4/5;display:grid;place-items:center;pointer-events:none}
.hv2-pol i svg{width:34px;height:34px;padding:9px 8px 9px 10px;border-radius:50%;background:rgba(201,161,74,.95);color:#0A3D22;box-shadow:0 6px 16px -4px rgba(0,0,0,.5)}
.hv2-pol small{font-size:.62rem;font-weight:800;line-height:1.2;text-align:center;white-space:nowrap}
.hv2-pol:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.hv2-stamp{position:absolute;z-index:3;inset-inline-start:16px;bottom:22px;display:grid;gap:2px;background:var(--gold);color:var(--green);text-decoration:none;padding:9px 14px 10px;border-radius:14px;transform:rotate(-2.5deg);box-shadow:0 14px 28px -12px rgba(0,0,0,.55);max-width:14.5rem}
html[lang="en"] .hv2-stamp{transform:rotate(2.5deg)}
.hv2-stamp strong{font-size:1.7rem;line-height:1;letter-spacing:-.01em}
.hv2-stamp > span{font-size:.78rem;font-weight:700;line-height:1.35}
html[lang="en"] .hero .hv2 h1{font-size:clamp(1.85rem,1.4rem + 2.4vw,3.4rem)}
.hv2 .hero-body{grid-area:body;padding:4px 20px 22px;gap:12px;max-width:none}
.hv2 .hero-kicker{font-size:.8rem}
.hv2 .hero-kicker::before{width:20px}
.hv2.hero-card h1,.hero .hv2 h1{font-size:clamp(2rem,1.45rem + 2.6vw,3.6rem);line-height:1.25}
html[lang="en"] .hero .hv2 h1{line-height:1.08}
.hero .hv2 h1 em{display:inline-block;color:var(--gold);background:linear-gradient(var(--gold),var(--gold)) no-repeat 0 100%/100% 4px;padding-bottom:6px}
html[lang="ar"] .hero .hv2 h1 em{background-position:100% 100%}
.hv2 .hero-sub{font-size:1rem;line-height:1.6;max-width:34rem}
.hv2 .hero-ctas{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:2px}
.hv2 .hero-ctas .hv2-play{display:none}
.hv2 .hero-ctas .btn{justify-content:center;padding:15px 16px}
.hv2-play svg{flex:none}
.hv2-play small{font-size:.74rem;opacity:.8;font-weight:700}
.hv2-cd{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;white-space:nowrap;justify-self:start;text-decoration:none;color:var(--cream);background:rgba(251,246,236,.08);border:1px solid rgba(233,215,168,.35);border-radius:999px;padding:8px 14px}
.hv2-cd > i{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 0 rgba(201,161,74,.7);flex:none}
.hv2-cd .cd{gap:8px}
.hv2-cd .cd span{display:inline-flex;align-items:baseline;gap:3px}
.hv2-cd .cd span:nth-child(3){display:none}
.hv2-cd .cd b{color:var(--gold);font-size:1.15rem;line-height:1}
.hv2-cd .cd small{font-size:.72rem;font-weight:700;color:var(--cream)}
.hv2-cd .cdlbl{font-size:.8rem;font-weight:700}
.hv2-cd .cddone{font-size:.8rem;font-weight:700}
.hv2 .hero-bar.big{grid-area:bar}
/* desktop: split, text panel at inline start, photo clear at inline end */
@media (min-width:900px){
  .hero-card.hv2{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-areas:"body media" "bar bar";min-height:clamp(560px,58vw,680px);grid-template-rows:1fr auto}
  .hv2-media{height:auto;min-height:0;align-self:stretch;margin:clamp(12px,2vw,24px);margin-inline-start:0;margin-bottom:0;border-radius:22px}
  .hv2-media::after{background:linear-gradient(to bottom,rgba(6,40,22,.4),rgba(6,40,22,0) 22%),linear-gradient(to top,rgba(6,40,22,.45),rgba(6,40,22,0) 30%)}
  .hv2-img{object-position:60% 50%}
  .hv2 .hero-body{align-content:center;padding:clamp(28px,3.4vw,52px);gap:16px}
  .hv2 .hero-kicker{font-size:.9rem}
  .hv2 .hero-sub{font-size:1.12rem}
  .hv2 .hero-ctas{display:flex}
  .hv2 .hero-ctas .hv2-play{display:inline-flex}
  .hv2-pol{width:136px;bottom:36px;inset-inline-end:28px;padding:7px 7px 9px}
  .hv2-pol small{font-size:.74rem}
  .hv2-pol i{inset-inline:7px;top:7px}
  .hv2-pol i svg{width:44px;height:44px;padding:12px 11px 12px 13px}
  .hv2-stamp{bottom:30px;inset-inline-start:26px;padding:12px 18px 13px}
  .hv2-stamp strong{font-size:2.4rem}
  .hv2-stamp > span{font-size:.86rem}
  .hv2-cd{display:none}
  .hv2 .hero-sup{top:18px;inset-inline-start:18px;font-size:.74rem}
  .hv2 .hero-bar.big{margin-top:clamp(12px,2vw,24px)}
}
/* motion: subtle, CSS only, off under reduced motion */
@media (prefers-reduced-motion:no-preference){
  .hv2-img{animation:kb 14s ease-out both}
  .hv2-stamp{animation:hv2pop .6s cubic-bezier(.2,.9,.3,1.3) .5s both}
  .hv2-pol{animation:hv2drop .7s cubic-bezier(.2,.9,.3,1.2) .8s both}
  .hero .hv2 h1 em{animation:hv2ink .9s ease-out .35s both}
  .hv2-cd > i{animation:hv2pulse 2s ease-out infinite}
}
@keyframes hv2pop{from{opacity:0;transform:translateY(14px) rotate(-8deg) scale(.85)}}
@keyframes hv2drop{from{opacity:0;transform:translateY(-18px) rotate(14deg)}}
@keyframes hv2ink{from{background-size:0 4px}}
@keyframes hv2pulse{0%{box-shadow:0 0 0 0 rgba(201,161,74,.7)}70%,100%{box-shadow:0 0 0 9px rgba(201,161,74,0)}}

/* President note + partnership contact */
.pnote-sec{padding-top:0}
.pnote{margin:0;display:grid;grid-template-columns:72px 1fr;gap:18px;align-items:start;max-width:860px;background:var(--white);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--sh-2)}
.pnote img{width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:50% 20%}
.pnote blockquote{margin:8px 0 10px;font-size:1.02rem;line-height:1.95;color:var(--ink)}
.pnote figcaption{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;color:var(--muted);font-size:.86rem}
.pnote figcaption b{color:var(--green)}
.pnote .li{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:6px;background:var(--green);color:var(--cream);font-weight:800;font-size:.72rem;text-decoration:none}
@media (max-width:560px){.pnote{grid-template-columns:1fr}.pnote img{width:60px;height:60px}}
.pcontact{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:start;padding:14px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(201,161,74,.45)}
.pcontact img{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:50% 20%}
.pcontact b{display:block;font-size:.95rem}
.pcontact .pcl{display:block;font-size:.84rem;opacity:.9;margin:2px 0 6px}
.pcontact .pcl a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.pcontact q{display:block;font-size:.9rem;line-height:1.8;opacity:.95;quotes:none}

/* Presidency at a glance */
.prez{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.pz{position:relative;background:var(--white);border:1px solid var(--line);border-radius:20px;padding:20px 20px 18px;display:grid;gap:6px;align-content:start;transition:border-color .2s,box-shadow .2s}
.pz:hover{border-color:var(--gold);box-shadow:var(--sh-2)}
.pz::before{content:"";position:absolute;inset-block-start:0;inset-inline-start:20px;width:44px;height:3px;border-radius:0 0 3px 3px;background:var(--gold)}
.pz .pzn{font-size:2rem;line-height:1;color:var(--green);font-weight:800}
.pz .pzu{font-size:.78rem;font-weight:700;color:var(--gold-ink)}
.pz h3{font-size:1.05rem;line-height:1.45;color:var(--green);margin:6px 0 2px}
.pz p{font-size:.9rem;line-height:1.85;color:var(--ink);margin:0}
.pz.pz-wide{grid-column:1/-1}
@media (max-width:560px){.prez{grid-template-columns:1fr}.pz .pzn{font-size:1.7rem}}
.pz .pzn.pzn-t{font-size:1.45rem;padding-top:6px}
@media (max-width:560px){.pz .pzn.pzn-t{font-size:1.3rem}}

/* roster avatars 22 Oct */
.rr{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:12px;row-gap:1px;align-items:center;justify-content:start}
.rr .rav{grid-row:1/3;width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--cream,#F4EFE4);box-shadow:0 0 0 2px var(--white,#fff),0 0 0 3px rgba(201,161,74,.55)}
.rr .rav-logo{display:grid;place-items:center}
.rr .rav-logo img{width:26px;height:auto;opacity:.85}
.rr small{grid-column:2;align-self:end}
.rr b{grid-column:2;align-self:start}
.rmem summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:6px;color:var(--green,#0F5A2D);font-weight:700;font-size:.86rem}
.rmem summary::-webkit-details-marker{display:none}
.rmem summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-3px;transition:transform .2s}
.rmem[open] summary::after{transform:rotate(-135deg);margin-top:3px}
.rmem ul{list-style:none;margin:10px 0 0;padding:10px 0 0;border-top:1px dashed rgba(201,161,74,.5);display:flex;flex-wrap:wrap;gap:6px}
.rmem li{background:var(--cream,#F4EFE4);border-radius:999px;padding:4px 10px;font-size:.8rem;color:var(--ink)}

/* team wall 22 Oct */
.rmore{display:inline-flex;align-items:center;gap:6px;color:var(--green-2);font-weight:800;font-size:.86rem;text-decoration:none}
.rmore:hover,.rmore:focus-visible{text-decoration:underline;text-underline-offset:4px}
.rmore-i{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg)}
html[dir="rtl"] .rmore-i{transform:rotate(135deg)}
.wall-cta{text-align:center;margin:34px 0 0}
.wall-cta .btn{font-size:1rem;padding:14px 26px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.wall-tools{position:sticky;top:var(--hdr,72px);z-index:5;background:var(--cream);padding:14px 0 10px;display:grid;gap:12px;border-bottom:1px solid var(--line);margin-bottom:22px}
.wall-tools[hidden]{display:none}
.wsearch{position:relative;display:block}
.wsearch svg{position:absolute;inset-inline-start:16px;top:50%;width:22px;height:22px;transform:translateY(-50%);fill:none;stroke:var(--gold-ink);stroke-width:2.2;stroke-linecap:round;pointer-events:none}
.wsearch input{width:100%;box-sizing:border-box;font:inherit;font-size:1.08rem;font-weight:700;padding:16px 18px;padding-inline-start:50px;border-radius:16px;border:2px solid var(--gold);background:var(--white);color:var(--ink);box-shadow:0 6px 18px rgba(10,61,34,.08)}
.wsearch input::placeholder{color:var(--muted);font-weight:400}
.wsearch input:focus{outline:none;box-shadow:0 0 0 4px rgba(201,161,74,.3)}
.wchips{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.wchip{flex:0 0 auto;font:inherit;font-size:.86rem;font-weight:700;border:1.5px solid var(--line);background:var(--white);color:var(--ink);border-radius:999px;padding:8px 15px;cursor:pointer;white-space:nowrap}
.wchip b{font-weight:800;color:var(--gold-ink);margin-inline-start:3px}
.wchip[aria-pressed="true"]{background:var(--green);border-color:var(--green);color:#fff}
.wchip[aria-pressed="true"] b{color:var(--gold-soft)}
.wchip:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.wcount{margin:0;color:var(--muted);font-size:.86rem}
.wcount:empty{display:none}
.wgroups{display:grid;gap:22px}
.wgroup{background:var(--white);border-radius:22px;padding:22px;box-shadow:var(--sh-1,0 1px 3px rgba(0,0,0,.06));scroll-margin-top:200px}
.wgroup[hidden]{display:none}
.wg-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:2px solid var(--gold-soft);padding-bottom:12px;margin-bottom:14px}
.wg-head h2{margin:0;color:var(--green);font-size:1.3rem}
.wg-n{color:var(--gold-ink);font-weight:800;font-size:.9rem;white-space:nowrap}
.wgrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:10px}
.wm{display:flex;align-items:center;gap:12px;background:var(--cream);border-radius:14px;padding:11px 13px;min-width:0}
.wm[hidden]{display:none}
.wm-lead{background:var(--sel-bg,#f1e6c9);box-shadow:inset 0 0 0 1.5px rgba(201,161,74,.6)}
.wav{flex:0 0 44px;width:44px;height:44px;border-radius:50%;object-fit:cover}
img.wav{box-shadow:0 0 0 2px var(--white),0 0 0 3.5px var(--gold)}
.wi{display:grid;place-items:center;background:var(--green);color:var(--gold-soft);font-weight:800;font-size:1.05rem}
.wm-lead .wi{background:var(--gold);color:var(--green)}
.wt{display:grid;gap:3px;min-width:0;line-height:1.35}
.wt b{font-size:1rem;font-weight:800;color:var(--ink);overflow-wrap:anywhere}
.wbadge{justify-self:start;font-style:normal;font-size:.72rem;font-weight:800;line-height:1.5;color:var(--green);background:var(--gold-soft);border-radius:10px;padding:2px 9px}
.wm.hit{box-shadow:0 0 0 2.5px var(--gold);background:var(--white)}
.wempty{color:var(--muted);text-align:center;padding:26px 0;font-size:1rem}
.wall-back{text-align:center;margin:30px 0 0}
@media (max-width:480px){.wgroup{padding:16px 12px;border-radius:18px}.wg-head h2{font-size:1.12rem}.wgrid{grid-template-columns:1fr 1fr;gap:8px}.wm{padding:10px;gap:9px;flex-direction:column;align-items:center;text-align:center}.wt{justify-items:center}.wbadge{justify-self:center}.wt b{font-size:.95rem}.wsearch input{font-size:1rem;padding:14px 16px;padding-inline-start:46px}}
@media (min-width:900px){.wchips{flex-wrap:wrap;overflow:visible}}
.rnames{margin:6px 0 0;font-size:.82rem;line-height:1.85;color:var(--muted)}
.rmore+.rnames{border-top:1px dashed var(--line);padding-top:8px}

.wphoto{margin:14px 0 0;text-align:center;font-size:.98rem;color:var(--muted)}
.wphoto a{color:var(--green,#0A3D22);font-weight:800;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}
/* team wall: «شارك بطاقتي» share cards 22 Oct (buttons and modal are added by share.js, so nothing shows without JS) */
.wm.has-share{position:relative;padding-inline-end:46px}
.wshare{position:absolute;top:50%;inset-inline-end:8px;transform:translateY(-50%);display:inline-flex;align-items:center;gap:6px;height:32px;min-width:32px;padding:0 8px;justify-content:center;border-radius:999px;border:1px solid var(--line);background:var(--white);color:var(--gold-ink);font:800 .74rem/1 var(--f);cursor:pointer;opacity:.78;transition:opacity .2s,background .2s,color .2s,border-color .2s}
.wshare svg{flex:none}
.wshare-t{display:none;white-space:nowrap}
.wshare:hover,.wshare:focus-visible,.wm:hover .wshare{opacity:1;border-color:var(--gold);color:var(--green)}
.wshare:focus-visible{outline:2.5px solid var(--gold);outline-offset:2px}
.wm.hit .wshare{opacity:1;background:var(--gold);border-color:var(--gold);color:#0A3D22;padding:0 11px}
.wm.hit .wshare-t{display:inline}
.wm.hit.has-share{padding-inline-end:13px;padding-bottom:50px}
.wm.hit .wshare{top:auto;bottom:10px;transform:none}
.wshare-hint{display:flex;align-items:center;justify-content:center;text-align:center;gap:8px;margin:8px 0 18px;font-size:.88rem;color:var(--muted);line-height:1.6}
.wshare-hint svg{flex:none;color:var(--gold-ink)}
@media (max-width:480px){.wm.has-share{padding-inline-end:10px;padding-top:12px}.wshare{top:6px;inset-inline-end:6px;transform:none;height:30px;min-width:30px;padding:0 7px}
 .wm.hit.has-share{padding-bottom:50px}.wm.hit .wshare{top:auto;bottom:9px;inset-inline-end:50%;transform:translateX(-50%)}html[dir="ltr"] .wm.hit .wshare{transform:translateX(50%)}}
/* share modal */
.wsm-panel{width:min(860px,100%);padding:20px 22px 22px;gap:12px}
.wsm-panel header h3{font-size:1.2rem;line-height:1.4}
.wsm-who{color:var(--gold-ink);font-weight:800;font-size:.95rem;line-height:1.5;margin:2px 0 0}
.wsm-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);gap:20px;align-items:center}
.wsm-prev{position:relative;display:grid;place-items:center;background:var(--sand);border-radius:18px;padding:14px;min-height:200px}
.wsm-prev canvas{display:block;width:auto;max-width:100%;height:min(64dvh,520px);border-radius:10px;box-shadow:var(--sh-3);background:#0B3D22}
.wsm-prev[data-size="post"] canvas{height:min(56dvh,450px)}
.wsm-prev[data-size="li"] canvas{height:min(48dvh,400px)}
.wsm-busy{position:absolute;inset-block-end:22px;inset-inline-start:50%;transform:translateX(50%);background:rgba(10,30,20,.78);color:#F4EFE4;font-size:.8rem;font-weight:700;padding:4px 12px;border-radius:999px}
html[dir="ltr"] .wsm-busy{transform:translateX(-50%)}
.wsm-ctl{display:grid;gap:8px;align-content:start}
.wsm-lab{margin:6px 0 0;font-size:.8rem;font-weight:800;color:var(--muted)}
.wsm-seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;background:var(--sand);border:1px solid var(--line);border-radius:14px;padding:4px}
.wsm-seg button{font:800 .9rem/1.25 var(--f);color:var(--green);background:transparent;border:0;border-radius:10px;padding:9px 6px;cursor:pointer;display:grid;justify-items:center;gap:2px}
.wsm-seg button small{font-size:.66rem;font-weight:700;color:var(--muted);direction:ltr}
.wsm-seg button[aria-checked="true"]{background:var(--white);box-shadow:var(--sh-2),inset 0 0 0 1.5px var(--gold)}
.wsm-seg button:focus-visible{outline:2.5px solid var(--gold);outline-offset:1px}
.wsm-go{justify-content:center;margin-top:12px;width:100%}
.wsm-go[disabled]{opacity:.6;cursor:progress}
.wsm-alt{background:none;border:0;color:var(--green);font:700 .86rem var(--f);text-decoration:underline;cursor:pointer;padding:4px}
.wsm-note{font-size:.76rem;color:var(--muted);line-height:1.6;margin:4px 0 0}
@media (max-width:719px){.wsm .wsm-panel{padding:16px 14px 18px;gap:10px}.wsm-body{grid-template-columns:1fr;gap:12px}
 .wsm-prev{padding:10px;min-height:0}.wsm-prev canvas{height:min(42dvh,360px)}.wsm-prev[data-size="post"] canvas{height:min(38dvh,320px)}.wsm-prev[data-size="li"] canvas{height:min(34dvh,290px)}
 .wsm-lab{margin:0}.wsm-go{margin-top:6px}}
@media print{.wshare,.wshare-hint,.wsm{display:none!important}}

/* ===== Strategic partner presence (Pinnacle Dental) + sponsor tiers, 22 Oct 2026 ===== */
/* Home band: a green brand island in both themes; Pinnacle teal is a thin accent only. */
.spx-band{--tl:#4BC8C0;position:relative;display:grid;grid-template-columns:200px minmax(0,1fr) auto;gap:clamp(18px,3vw,36px);align-items:center;background:radial-gradient(120% 140% at 100% 0,#145A34 0,#0A3D22 55%,#08301B 100%);color:#FBF6EC;border-radius:28px;padding:clamp(20px,3vw,34px);overflow:hidden;box-shadow:0 18px 40px -12px rgba(10,61,34,.35)}
.spx-band::before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:5px;background:linear-gradient(#C9A14A,var(--tl))}
.spx-band::after{content:"";position:absolute;inset-inline-end:-60px;bottom:-80px;width:260px;height:260px;border-radius:50%;border:1px solid rgba(75,200,192,.25);box-shadow:0 0 0 28px rgba(75,200,192,.05),0 0 0 56px rgba(201,161,74,.04);pointer-events:none}
.spx-plate{display:grid;place-items:center;background:#fff;border-radius:22px;padding:16px 18px;box-shadow:0 10px 26px -10px rgba(0,0,0,.45),0 0 0 1px rgba(201,161,74,.55);transition:transform .25s var(--ease)}
a.spx-plate:hover{transform:translateY(-3px)}
.spx-plate img{height:170px;width:auto;max-width:100%;object-fit:contain}
.spx-body{position:relative;z-index:1;display:grid;gap:10px;min-width:0}
.spx-kicker{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:800;color:#E9D7A8;letter-spacing:.02em}
.spx-kicker::before{content:"";width:8px;height:8px;border-radius:50%;background:#4BC8C0;box-shadow:0 0 0 4px rgba(75,200,192,.22)}
.spx-band h3{margin:0;font-size:clamp(1.25rem,1.2vw + .9rem,1.75rem);line-height:1.35;color:#fff}
.spx-band p{margin:0;color:rgba(251,246,236,.86);font-size:.95rem;max-width:62ch}
.spx-chips{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:7px}
.spx-chips li{font-size:.76rem;font-weight:700;padding:5px 11px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#FBF6EC;line-height:1.5}
.spx-chips li.gold{background:#C9A14A;border-color:#C9A14A;color:#0A3D22}
.spx-more{justify-self:start;display:inline-flex;align-items:center;gap:6px;color:#E9D7A8;font-weight:800;font-size:.9rem;text-decoration:none;border-bottom:1px solid rgba(233,215,168,.45);padding-bottom:2px;margin-top:2px}
.spx-more:hover{color:#fff;border-color:#fff}
.spx-more:focus-visible,.spx-plate:focus-visible{box-shadow:0 0 0 3px #0A3D22,0 0 0 5px #E9D7A8}
.spx-stat{position:relative;z-index:1;display:grid;justify-items:center;text-align:center;gap:2px;padding:14px 18px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(233,215,168,.28);min-width:150px}
.spx-stat b{font-size:3rem;line-height:1;color:#E9D7A8;font-weight:800}
.spx-stat span{font-size:.78rem;color:rgba(251,246,236,.8);max-width:16ch;line-height:1.5}
/* Tiers: Pinnacle large, others normal, Focus clearly small */
.logos.spx-rest{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));align-items:stretch}
.logos .lg.spx-mini{min-height:96px;padding:12px;gap:6px;opacity:.95}
.logos .lg.spx-mini img{max-height:26px!important;max-width:60%!important}
.logos .lg.spx-mini small{font-size:.68rem;color:var(--muted);font-weight:700}
.logos.spx-top{grid-template-columns:1fr}
.logos .lg.spx-lead{grid-column:1 / -1;min-height:0;padding:22px;text-decoration:none;box-shadow:0 0 0 1.5px #C9A14A,0 14px 34px -12px rgba(201,161,74,.5);border-color:transparent;grid-template-columns:auto auto;justify-content:center;column-gap:26px}
.logos .lg.spx-lead img{max-height:180px!important;max-width:none!important;height:180px;width:auto}
.logos .lg.spx-lead small{font-size:.86rem;max-width:30ch;text-align:start;line-height:1.7}
/* Partners page spotlight */
.spx-spot{background:linear-gradient(180deg,transparent,rgba(75,200,192,.06) 30%,transparent)}
.spx-hero{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(18px,3vw,36px);align-items:center;margin-top:6px;background:#0A3D22;color:#FBF6EC;border-radius:28px;padding:clamp(20px,3vw,32px);position:relative;overflow:hidden}
.spx-hero::before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:5px;background:linear-gradient(#C9A14A,#4BC8C0)}
.spx-plate.big img{height:220px}
.spx-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.spx-facts div{display:grid;gap:4px;padding:16px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(233,215,168,.25)}
.spx-facts b{font-size:clamp(1.7rem,2vw + .8rem,2.4rem);line-height:1.1;color:#E9D7A8;font-weight:800}
.spx-facts span{font-size:.85rem;color:rgba(251,246,236,.85);line-height:1.6}
.spx-sub{margin:34px 0 14px;font-size:1.1rem;color:var(--green)}
.spx-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.spx-photos figure{margin:0;position:relative;border-radius:20px;overflow:hidden;aspect-ratio:4/3;background:#0A3D22}
.spx-photos img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;transition:transform .5s var(--ease)}
.spx-photos figure:hover img{transform:scale(1.04)}
.spx-photos figcaption{position:absolute;inset:auto 0 0 0;padding:28px 14px 12px;background:linear-gradient(transparent,rgba(8,40,22,.88));color:#FBF6EC;display:grid;gap:2px;font-size:.8rem;line-height:1.5}
.spx-photos figcaption b{font-size:.98rem;color:#fff}
.spx-year{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;counter-reset:none}
.spx-year li{position:relative;display:grid;gap:6px;align-content:start;padding:14px 14px 14px;border-radius:18px;background:var(--white);border:1px solid var(--line);font-size:.84rem;line-height:1.6;color:var(--ink)}
.spx-year li i{font-style:normal;font-weight:800;font-size:.78rem;color:var(--gold-ink);display:inline-flex;align-items:center;gap:6px}
.spx-year li i::before{content:"";width:8px;height:8px;border-radius:50%;background:#4BC8C0}
.spx-year li.gold{background:#0A3D22;border-color:#0A3D22;color:#FBF6EC}
.spx-year li.gold i{color:#E9D7A8}
.spx-year li.gold i::before{background:#C9A14A}
.spx-tips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
.spx-tips details{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:0;transition:border-color .2s,box-shadow .2s}
.spx-tips details[open]{border-color:#4BC8C0;box-shadow:var(--sh-2)}
.spx-tips summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:14px 16px;font-weight:800;color:var(--ink)}
.spx-tips summary::-webkit-details-marker{display:none}
.spx-tips summary::after{content:"+";margin-inline-start:auto;font-size:1.3rem;line-height:1;color:var(--gold-ink);transition:transform .2s}
.spx-tips details[open] summary::after{transform:rotate(45deg)}
.spx-tips summary b{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(75,200,192,.16);color:#127a73;font-size:.9rem}
.spx-tips details p{margin:0;padding:0 16px 16px 16px;color:var(--muted);font-size:.9rem}
.spx-note{margin-top:10px}
:root[data-theme="dark"] .spx-tips summary b{color:#7fe0d9}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .spx-tips summary b{color:#7fe0d9}}
@media (max-width:1023px){.spx-year{grid-template-columns:repeat(3,minmax(0,1fr))}.spx-band{grid-template-columns:170px minmax(0,1fr)}.spx-stat{grid-column:1 / -1;grid-auto-flow:column;justify-content:start;gap:12px;text-align:start;min-width:0}.spx-stat b{font-size:2.2rem}.spx-stat span{max-width:none}}
@media (max-width:719px){
 .spx-band{grid-template-columns:1fr;padding:20px 18px 22px;border-radius:24px}
 .spx-plate{justify-self:center;padding:12px 26px}.spx-plate img{height:150px}
 .spx-stat{grid-column:auto}
 .logos .lg.spx-lead{grid-template-columns:1fr;justify-items:center}
 .logos .lg.spx-lead img{height:160px;max-height:160px!important}
 .logos .lg.spx-lead small{text-align:center}
 .logos.spx-rest{grid-template-columns:1fr 1fr}
 .logos .lg.spx-mini{grid-column:1 / -1;min-height:0;grid-auto-flow:column;justify-content:center;gap:10px;padding:10px 12px}
 .logos .lg.spx-mini img{max-height:22px!important;max-width:120px!important}
 .spx-hero{grid-template-columns:1fr;border-radius:24px}
 .spx-plate.big{justify-self:center}.spx-plate.big img{height:170px}
 .spx-facts{grid-template-columns:1fr}
 .spx-facts div{grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:12px 14px}
 .spx-photos{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;overscroll-behavior-x:contain}
 .spx-photos figure{scroll-snap-align:start}
 .spx-year{grid-template-columns:1fr;gap:8px}
 .spx-year li{grid-template-columns:72px 1fr;gap:10px;padding:12px 14px}
 .spx-tips{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.spx-plate,.spx-photos img{transition:none}}

.spx-photos figure{aspect-ratio:4/5}
@media (max-width:640px){.spx-photos figure{aspect-ratio:4/5}}
.spx-photos img[src*="football-league-01"]{object-position:60% 50%}

/* Year archive pages (/2025). Archive ribbon adapted from archive/nd96-exhibition/assets/archive-ribbon.css */
.ssam-archive-ribbon{position:relative;z-index:30;background:#062f20;color:#f4efe2;font-size:13px;line-height:1.55;border-bottom:2px solid #b8913f}
.ssam-archive-ribbon__inner{max-width:1200px;margin:0 auto;padding:7px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px}
.ssam-archive-ribbon__tag{flex:none;display:inline-flex;align-items:center;gap:6px;padding:1px 9px;border:1px solid rgba(214,180,106,.7);border-radius:999px;color:#e7c983;font-weight:700;font-size:12px}
.ssam-archive-ribbon__tag::before{content:"";width:6px;height:6px;border-radius:50%;background:#e7c983}
.ssam-archive-ribbon__text{flex:1 1 320px;min-width:0}
.ssam-archive-ribbon__back{flex:none;color:#062f20;background:#e7c983;font-weight:700;font-size:12px;text-decoration:none;padding:3px 12px;border-radius:999px;white-space:nowrap}
.ssam-archive-ribbon__back:hover,.ssam-archive-ribbon__back:focus-visible{background:#f4efe2;outline:2px solid #e7c983;outline-offset:2px}
@media (max-width:600px){.ssam-archive-ribbon{font-size:12px;line-height:1.45}.ssam-archive-ribbon__inner{padding:7px 16px;gap:5px 10px}.ssam-archive-ribbon__text{flex-basis:100%;order:3}.ssam-archive-ribbon__tag{order:1}.ssam-archive-ribbon__back{order:2;margin-inline-start:auto}}
@media print{.ssam-archive-ribbon{display:none}}
.y25-band img{object-position:50% 62%}
.pwall.y25-team{gap:12px}
.pwall.y25-team .pw{width:176px}
.y25-pw{align-content:start;padding:16px 12px}
.y25-pw .y{font-size:.78rem;line-height:1.4}
.y25-pw b{font-size:.95rem}
.y25-years{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.y25-final .y25-years .btn{justify-content:center}
.pw .y a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.pw .y a:hover,.pw .y a:focus-visible{color:var(--green)}
@media (max-width:520px){.pwall.y25-team{gap:8px}.pwall.y25-team .pw{width:calc(50% - 4px);padding:12px 8px}}
@media (max-width:480px){.y25-years .btn{flex:1 1 100%}}
.tm .tdate b.y25-w{font-size:clamp(1.05rem,.9rem + .6vw,1.35rem);white-space:nowrap;line-height:1.3}