/* ===== Lebanon regional branch — the academy's own identity (plum, leaf green, the plum night), Reem Kufi for display;
   the hero (the cedar hologram) and the governance section share the branch design, everything else is the cedar, the sea and the Phoenician coast (see the end of this file) ===== */
:root{
  --plum:#9E005D; --plum-ink:#7A0048; --plum-soft:#F6E6EF; --leaf:#4E9A25; --leaf-deep:#1E6B47; --leaf-soft:#E9F4E3;
  --paper:#F8F5F7; --surface:#FFFFFF; --ink:#22121B; --muted:#6C5864; --line:#E7DDE3;
  --night:#12060E; --night2:#220A1A; --on-night:#F6ECF2; --on-night-muted:#C3AAB9; --holo:#7CF3FF;
  --display:"Reem Kufi","Noto Kufi Arabic","Segoe UI",Tahoma,sans-serif; --body:"IBM Plex Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;
  --r:16px; --ease:cubic-bezier(.2,.8,.2,1); color-scheme:light;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--plum:#E2589F;--plum-ink:#F07DB7;--plum-soft:#2B1121;--leaf:#7CC84A;--leaf-deep:#8FD46A;--leaf-soft:#18261A;--paper:#160A12;--surface:#1F0F1A;--ink:#F6ECF2;--muted:#C3AAB9;--line:#3A2232;color-scheme:dark}}
:root[data-theme="dark"]{--plum:#E2589F;--plum-ink:#F07DB7;--plum-soft:#2B1121;--leaf:#7CC84A;--leaf-deep:#8FD46A;--leaf-soft:#18261A;--paper:#160A12;--surface:#1F0F1A;--ink:#F6ECF2;--muted:#C3AAB9;--line:#3A2232;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.85 var(--body);overflow-x:hidden}
img{max-width:100%;display:block}a{color:inherit}h1,h2,h3,h4{font-family:var(--display);font-weight:700;line-height:1.35;margin:0}
p{margin:0 0 1em}.wrap{width:min(1200px,100% - 32px);margin-inline:auto}
:focus-visible{outline:2px solid var(--plum);outline-offset:3px;border-radius:6px}
.skip{position:absolute;inset-inline-start:12px;top:-60px;z-index:200;background:var(--plum);color:#fff;padding:8px 14px;border-radius:10px}.skip:focus{top:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:999px;border:0;cursor:pointer;font:600 .95rem var(--body);text-decoration:none;color:#fff;background:var(--plum);transition:transform .2s var(--ease),box-shadow .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px var(--plum)}.btn.sm{padding:7px 15px;font-size:.86rem}
.btn.ghost{background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor}.btn.leaf{background:var(--leaf-deep)}.btn.wa{background:#1FA855}
.ib{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}
.chip{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;font-weight:600;padding:3px 11px;border-radius:999px;background:var(--plum-soft);color:var(--plum-ink)}
.sample{display:inline-flex;align-items:center;gap:5px;font:600 .7rem var(--body);padding:2px 9px;border-radius:999px;border:1px dashed currentColor;color:#B86E00;background:rgba(255,183,77,.12);white-space:nowrap;vertical-align:middle}
/* header */
.top{position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.top-in{display:flex;align-items:center;gap:16px;min-height:70px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0;flex:0 1 auto}.brand img{border-radius:50%}
.brand span{display:grid;line-height:1.25;min-width:0}.brand b{font:700 1.05rem var(--display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand small{font-size:.74rem;color:var(--plum);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav{margin-inline-start:auto}.nav>ul{display:flex;gap:2px;list-style:none;margin:0;padding:0;align-items:center}
.nav a,.nav button.dd{display:block;padding:8px 12px;border-radius:999px;text-decoration:none;font:500 .92rem var(--body);color:inherit;background:none;border:0;cursor:pointer;white-space:nowrap}
.nav a:hover,.nav button.dd:hover,.nav [aria-current="page"],.nav .open>button.dd{background:var(--plum-soft);color:var(--plum-ink)}
.nav li{position:relative}.dd-menu{position:absolute;top:calc(100% + 6px);inset-inline-start:0;min-width:240px;list-style:none;margin:0;padding:8px;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:0 24px 50px -24px rgba(34,18,27,.45);display:none;z-index:70}
.nav li.open>.dd-menu{display:block}.dd-menu a{border-radius:10px;padding:9px 12px}.dd-menu small{display:block;color:var(--muted);font-size:.76rem}
.tools{display:flex;align-items:center;gap:8px}
.lang{display:flex;border:1px solid var(--line);border-radius:12px;overflow:hidden}.lang button{border:0;background:none;color:var(--muted);font:600 .8rem var(--body);padding:8px 11px;cursor:pointer}.lang button[aria-pressed="true"]{background:var(--plum-soft);color:var(--plum-ink)}
.menu-btn{display:none}.show-m{display:none}.nav li.cur>button.dd{color:var(--plum);box-shadow:inset 0 -2px 0 var(--plum)}.dd-menu a span{display:block;font-weight:600}
@media (max-width:1150px){.nav{position:fixed;inset:70px 0 auto 0;background:var(--surface);border-bottom:1px solid var(--line);padding:10px 16px 18px;display:none;max-height:calc(100dvh - 70px);overflow:auto}.nav.open{display:block}.nav>ul{flex-direction:column;align-items:stretch}.dd-menu{position:static;display:block;box-shadow:none;border:0;padding:0 14px 4px;min-width:0}.nav button.dd{display:none}.menu-btn{display:grid}.hide-m{display:none}.show-m{display:block}.nav li.cur>button.dd{box-shadow:none}}
@media (max-width:520px){.brand small{display:none}.brand img{width:38px;height:38px}.brand b{font-size:.92rem}.tools{gap:6px}.top-in{gap:10px}.tools .ib{width:36px;height:36px}.lang button{padding:7px 8px}}
/* hero: the Round City in plum night */
.hero{position:relative;min-height:calc(100svh - 70px);display:grid;align-items:center;overflow:hidden;isolation:isolate;color:var(--on-night);background:radial-gradient(120% 90% at 70% 10%,#3a0a2a 0%,var(--night) 55%,#07020a 100%)}
.hero-3d{position:absolute;inset:0;z-index:-1}.hero-3d canvas{width:100%!important;height:100%!important;display:block;cursor:grab}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(270deg,var(--night) 0%,rgba(18,6,14,.75) 30%,transparent 58%)}
[dir="ltr"] .hero::after{background:linear-gradient(90deg,var(--night) 0%,rgba(18,6,14,.75) 30%,transparent 58%)}
.hero-t{max-width:580px;padding-block:60px}.hero h1{font-size:clamp(2.5rem,6vw,4.3rem);line-height:1.2}.hero h1 .l2{display:block;font-size:.46em;color:#F07DB7;margin-top:.4em;line-height:1.5}
.hero .lede{font-size:clamp(1.02rem,1.6vw,1.16rem);color:var(--on-night-muted);max-width:46ch;margin:20px 0 28px}.cta{display:flex;gap:10px;flex-wrap:wrap}
.hero .btn.ghost{color:var(--on-night)}.hero-cap{position:absolute;inset-inline-end:24px;bottom:22px;font-size:.8rem;color:var(--on-night-muted);max-width:300px;text-align:end;line-height:1.6}.hero-cap b{display:block;color:var(--holo);font:700 1rem var(--display)}
.holo-lab{position:absolute;left:0;top:0;z-index:2;pointer-events:none;white-space:nowrap;font:600 .74rem var(--body);color:#fff;padding:3px 10px;border-radius:999px;border:1px solid rgba(124,243,255,.55);background:rgba(18,6,14,.65);transition:opacity .3s}
.holo-flat{display:grid;place-items:center;color:#F07DB7}.holo-svg{width:min(70vmin,560px);opacity:.75;margin-inline-start:auto;margin-inline-end:6vw}
@media (max-width:860px){.hero{align-items:end}.hero::after{background:linear-gradient(0deg,var(--night) 0%,rgba(18,6,14,.85) 40%,transparent 72%)!important}.hero-t{padding-block:0 96px}.hero-cap{display:none}}
/* sections and the dividers between them */
.sec{padding-block:clamp(48px,7vw,84px);position:relative}.sec.alt{background:var(--surface)}.sec.dark{background:var(--night);color:var(--on-night)}.sec.dark .muted,.sec.dark .sec-h p{color:var(--on-night-muted)}
.sec.tint{background:linear-gradient(180deg,var(--plum-soft),var(--paper))}
.divider{display:flex;align-items:center;gap:18px;width:min(1200px,100% - 32px);margin:0 auto;color:var(--plum);padding-block:6px}
.divider::before,.divider::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--plum) 45%,transparent),transparent)}
.divider svg{width:42px;height:42px;flex:none}.divider span{font:700 .82rem var(--display);color:var(--muted);white-space:nowrap}
.sec-h{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:28px}
.sec-h h2{font-size:clamp(1.7rem,3.4vw,2.4rem)}.sec-h p{color:var(--muted);margin:6px 0 0;max-width:64ch}.sec-h .kicker{display:inline-flex;align-items:center;gap:8px;color:var(--plum);font:700 .9rem var(--display);margin-bottom:4px}
.sec.dark .sec-h .kicker{color:#F07DB7}
.more{color:var(--plum);text-decoration:none;font-weight:600;white-space:nowrap}.more:hover{text-decoration:underline}.sec.dark .more{color:#F07DB7}
.empty{padding:28px;border-radius:var(--r);border:1px dashed var(--line);color:var(--muted);text-align:center}
.muted{color:var(--muted)}
/* stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{padding:22px 16px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);text-align:center}
.stat b{display:block;font:700 2.4rem/1.1 var(--display);color:var(--plum)}.stat span{font-size:.88rem;color:var(--muted)}
@media (max-width:760px){.stats{grid-template-columns:repeat(2,1fr)}}
/* the CEO's letter */
.letter{display:grid;grid-template-columns:250px 1fr;gap:clamp(22px,4vw,48px);align-items:start;padding:clamp(24px,4vw,48px);border-radius:28px;background:var(--surface);border:1px solid var(--line);position:relative;overflow:hidden}
.letter::before{content:"";position:absolute;inset-inline-end:-80px;top:-80px;width:260px;height:260px;background:radial-gradient(circle,var(--plum-soft),transparent 70%)}
.frame{position:relative;width:100%;aspect-ratio:4/5;border-radius:130px 130px 18px 18px;overflow:hidden;background:linear-gradient(160deg,var(--plum),var(--night2));box-shadow:0 0 0 3px var(--surface),0 0 0 5px var(--plum)}
.frame img{width:100%;height:100%;object-fit:cover}.frame .ini{position:absolute;inset:0;display:grid;place-items:center;font:700 3rem var(--display);color:#fff}
.letter h2{font-size:clamp(1.6rem,3vw,2.2rem)}.letter .role{color:var(--plum);font-weight:600;margin:4px 0 16px}.letter .msg{font-size:1.06rem;line-height:2;position:relative}.letter .sign{font:700 1.3rem var(--display);color:var(--plum)}
.who{margin-top:14px;text-align:center}.who b{display:block;font:700 1.08rem var(--display)}.who small{color:var(--muted)}
@media (max-width:760px){.letter{grid-template-columns:1fr}.frame{max-width:220px;margin-inline:auto}}
/* cards */
.grid3{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px}.grid4{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.card{display:flex;flex-direction:column;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);overflow:hidden;text-decoration:none;color:inherit;transition:border-color .2s,transform .2s var(--ease)}
.card:hover,.card:focus-visible{border-color:var(--plum);transform:translateY(-3px)}
.cover{aspect-ratio:16/9;position:relative;overflow:hidden;background:var(--night2)}.cover img{width:100%;height:100%;object-fit:cover}.cover svg{width:100%;height:100%;display:block}.cover .sample{position:absolute;top:10px;inset-inline-start:10px;background:rgba(255,248,236,.94)}
.card .b{padding:16px 18px 18px;display:grid;gap:6px}.card time,.card .meta{font-size:.8rem;color:var(--plum);font-weight:600}.card h3{font-size:1.14rem}.card p{color:var(--muted);font-size:.92rem;margin:0}
/* events */
.evs{display:grid;gap:12px}.ev{display:grid;grid-template-columns:92px 1fr auto;gap:18px;align-items:center;padding:14px 16px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);text-decoration:none;color:inherit}
.ev:hover{border-color:var(--plum)}.ev .d{text-align:center;padding:10px 6px;border-radius:14px;background:linear-gradient(160deg,#9E005D,#7A0048);color:#fff}.ev .d b{display:block;font:700 1.8rem/1 var(--display)}.ev .d span{font-size:.76rem}
.ev h3{font-size:1.1rem}.ev small{color:var(--muted)}.ev .mode{font-size:.76rem;padding:3px 10px;border-radius:999px;background:var(--leaf-soft);color:var(--leaf-deep);white-space:nowrap}.ev.past .d{background:linear-gradient(160deg,#6C5864,#3a2a33)}
@media (max-width:600px){.ev{grid-template-columns:72px 1fr}.ev .mode{grid-column:2;justify-self:start}}
/* people */
.people{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.person{padding:18px 14px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);text-align:center;display:grid;gap:6px;justify-items:center;text-decoration:none;color:inherit;align-content:start}
.person .ph{width:116px;aspect-ratio:4/5;border-radius:66px 66px 12px 12px;overflow:hidden;background:linear-gradient(160deg,#9E005D,#220A1A);box-shadow:0 0 0 2px var(--surface),0 0 0 3.5px var(--plum);display:grid;place-items:center;font:700 1.5rem var(--display);color:#fff}
.person .ph img{width:100%;height:100%;object-fit:cover}.person .ph.round{width:110px;aspect-ratio:1;border-radius:50%}.person b{font:700 1.04rem var(--display)}.person small{color:var(--plum);font-weight:600;line-height:1.5}.person p{font-size:.85rem;color:var(--muted);margin:2px 0 0}
.gov-g{margin-bottom:32px}.gov-g h3{font-size:1.25rem;margin-bottom:14px;color:var(--plum)}
.lects{display:grid;grid-auto-flow:column;grid-auto-columns:210px;gap:16px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x proximity}.lects .person{scroll-snap-align:start}
/* departments, programmes */
.dept{padding:22px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface);display:grid;gap:8px;align-content:start;text-decoration:none;color:inherit;position:relative;overflow:hidden}
.dept:hover{border-color:var(--plum)}.dept .code{font:700 .78rem var(--display);color:var(--plum);letter-spacing:.06em}.dept h3{font-size:1.25rem;position:relative}.dept p{color:var(--muted);font-size:.9rem;margin:0;position:relative}.dept .n{font-size:.82rem;color:var(--leaf-deep);font-weight:600;position:relative}
.dept::after{content:"";position:absolute;inset-inline-end:-40px;top:-40px;width:110px;height:110px;border-radius:50%;background:var(--plum-soft);opacity:.6;z-index:0;pointer-events:none}.dept>*{position:relative;z-index:1}
.prog{display:grid;gap:6px;padding:18px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);text-decoration:none;color:inherit;align-content:start}.prog:hover{border-color:var(--plum)}.prog .meta{display:flex;gap:8px;flex-wrap:wrap}.prog h3{font-size:1.08rem}.prog p{margin:0;color:var(--muted);font-size:.9rem}
.filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.filters button{border:1px solid var(--line);background:var(--surface);color:inherit;border-radius:999px;padding:7px 14px;font:inherit;font-size:.86rem;cursor:pointer}.filters button[aria-pressed="true"]{background:var(--plum);border-color:var(--plum);color:#fff}
.search{width:100%;max-width:420px;padding:11px 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;margin-bottom:14px}
/* detail pages */
.page-h{padding-block:44px 30px;background:linear-gradient(160deg,#220A1A,#12060E);color:var(--on-night);position:relative;overflow:hidden}
.page-h::after{content:"";position:absolute;inset-inline-start:-60px;top:-60px;width:320px;height:320px;opacity:.12;background:repeating-conic-gradient(from 22.5deg,#F07DB7 0 12.5%,transparent 0 25%);border-radius:50%}
.page-h h1{font-size:clamp(1.9rem,4.2vw,2.9rem);position:relative}.page-h p{color:var(--on-night-muted);margin:8px 0 0;max-width:66ch;position:relative}.crumbs{font-size:.84rem;color:var(--on-night-muted);margin-bottom:10px;position:relative}.crumbs a{color:#F07DB7;text-decoration:none}
.art{max-width:780px;font-size:1.05rem;line-height:2}.art img.lead,.art .cover{border-radius:var(--r);margin-bottom:24px}.art h3{margin:22px 0 8px;color:var(--plum);font-size:1.2rem}.art ul{padding-inline-start:20px}
.two{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(22px,4vw,48px);align-items:start}@media (max-width:900px){.two{grid-template-columns:1fr}}
.side{display:grid;gap:14px;position:sticky;top:90px}.box{padding:20px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line)}.box h3{font-size:1.05rem;margin-bottom:10px}
.kv{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:0;font-size:.92rem}.kv dt{color:var(--muted)}.kv dd{margin:0;font-weight:600}
.mods{list-style:none;padding:0;margin:0;display:grid;gap:8px;counter-reset:m}.mods li{padding:12px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--line);counter-increment:m}.mods li::before{content:counter(m);display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--plum-soft);color:var(--plum-ink);font-weight:700;font-size:.8rem;margin-inline-end:10px}
/* heritage */
.chap-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,1fr);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}
.chap{scroll-snap-align:start;padding:22px;border-radius:24px;border:1px solid rgba(124,243,255,.18);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));min-height:410px;display:flex;flex-direction:column}
.chap .art2{height:170px;display:grid;place-items:center;color:#F07DB7;margin-bottom:14px}.chap .art2 svg{width:100%;height:100%;overflow:visible}
.chap .art2 svg [data-draw]{stroke-dasharray:600;stroke-dashoffset:600;transition:stroke-dashoffset 2.2s var(--ease)}.chap.seen .art2 svg [data-draw]{stroke-dashoffset:0}
.chap .era{font-size:.82rem;color:var(--holo);font-weight:600}.chap h3{font-size:1.3rem;margin:4px 0 10px}.chap p{color:var(--on-night-muted);font-size:.93rem;margin:0}
.chap:nth-child(2) .art2{color:#7CF3FF}.chap:nth-child(3) .art2{color:#7CC84A}.chap:nth-child(4) .art2{color:#F7C66B}
@media (prefers-reduced-motion: reduce){.chap .art2 svg [data-draw]{transition:none;stroke-dashoffset:0}}
/* stories, partners, faq, docs */
.stories{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.story{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:18px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);text-decoration:none;color:inherit}
.story .ph{width:66px;height:66px;border-radius:50%;overflow:hidden;background:linear-gradient(160deg,#9E005D,#220A1A);display:grid;place-items:center;color:#fff;font:700 1.1rem var(--display)}.story .ph img{width:100%;height:100%;object-fit:cover}.story small{color:var(--muted);display:block}.story p{grid-column:1/-1;margin:0;font-size:.92rem}
.partners{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.partner{display:grid;gap:6px;padding:18px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);text-decoration:none;color:inherit;align-content:start}.partner .lg{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;background:var(--plum-soft);color:var(--plum-ink);font:700 1.1rem var(--display);overflow:hidden}.partner .lg img{width:100%;height:100%;object-fit:contain}.partner small{color:var(--leaf-deep);font-weight:600}.partner p{margin:0;font-size:.88rem;color:var(--muted)}
.faq{display:grid;gap:10px;max-width:900px}.faq details{border-radius:14px;background:var(--surface);border:1px solid var(--line);padding:4px 18px}.faq summary{cursor:pointer;padding:12px 0;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";color:var(--plum);font-size:1.3rem;line-height:1}.faq details[open] summary::after{content:"−"}.faq details p{color:var(--muted);margin:0 0 14px}
.docs{display:grid;gap:10px}.doc{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:14px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}
.doc .ic{width:44px;height:52px;border-radius:8px;background:linear-gradient(160deg,#9E005D,#7A0048);color:#fff;display:grid;place-items:center;font:700 .7rem var(--body)}.doc b{display:block}.doc small{color:var(--muted)}
@media (max-width:600px){.doc{grid-template-columns:auto 1fr}.doc .btn{grid-column:1/-1}}
/* archive */
.arc-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:18px}.arc-bar select{padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit}.arc-bar .search{margin:0;flex:1;min-width:220px}
.arc-year{margin:26px 0 12px;font:700 1.3rem var(--display);color:var(--plum);display:flex;align-items:center;gap:12px}.arc-year::after{content:"";flex:1;height:1px;background:var(--line)}
.arc-row{display:grid;grid-template-columns:120px 1fr auto;gap:14px;align-items:center;padding:12px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--line);text-decoration:none;color:inherit;margin-bottom:8px;width:100%;text-align:start;font:inherit;cursor:pointer}.arc-row:hover{border-color:var(--plum)}.arc-row time{font-size:.84rem;color:var(--muted)}
@media (max-width:600px){.arc-row{grid-template-columns:1fr}}
/* portal */
.portal{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.pcard{display:grid;gap:10px;padding:22px;border-radius:20px;background:var(--surface);border:1px solid var(--line);text-decoration:none;color:inherit;align-content:start}.pcard:hover{border-color:var(--plum)}
.pcard .pi{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--plum-soft);color:var(--plum-ink)}.pcard h3{font-size:1.15rem}.pcard p{margin:0;color:var(--muted);font-size:.9rem}.pcard .go{color:var(--plum);font-weight:600;font-size:.9rem}
/* road, contact */
.road svg.map{width:100%;height:auto;display:block;max-width:980px;margin-inline:auto}.road .city{fill:var(--night);stroke:#F07DB7;stroke-width:2}.road .city.me{fill:#F07DB7}.road text{fill:var(--on-night-muted);font:600 13px var(--body)}.road text.me{fill:#F07DB7;font-size:15px}.road path.route{fill:none;stroke:var(--holo);stroke-width:1.6;stroke-dasharray:4 6;opacity:.8}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cbox{padding:24px;border-radius:22px;background:var(--surface);border:1px solid var(--line)}
.cbox dl{display:grid;grid-template-columns:auto 1fr;gap:10px 16px;margin:0}.cbox dt{color:var(--plum);font-weight:600}.cbox dd{margin:0}
.social{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.social a{padding:7px 14px;border-radius:999px;border:1px solid var(--line);text-decoration:none;font-size:.86rem}.social a:hover{border-color:var(--plum)}
.wa-big{display:grid;gap:10px;align-content:center;justify-items:start;background:linear-gradient(160deg,rgba(31,168,85,.12),var(--surface) 60%)}.wa-big b{font:700 1.35rem var(--display)}.wa-big .num{font:600 1.25rem var(--body);direction:ltr;unicode-bidi:isolate;color:#1FA855}
@media (max-width:760px){.contact{grid-template-columns:1fr}}
/* footer */
.foot{background:var(--night);color:var(--on-night-muted);padding-block:48px 28px;font-size:.9rem}.foot-g{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:26px}.foot h4{color:var(--on-night);font-size:1.02rem;margin:0 0 10px}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.foot a{color:var(--on-night-muted);text-decoration:none}.foot a:hover{color:#F07DB7}.foot .legal{border-top:1px solid rgba(255,255,255,.1);margin-top:28px;padding-top:16px;font-size:.8rem;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.samplebar{background:#FFF4E0;color:#7a4b00;font-size:.82rem;text-align:center;padding:6px 12px;border-bottom:1px solid #F3D9A6}
:root[data-theme="dark"] .samplebar{background:#2a1d08;color:#f5c97a;border-color:#4a3510}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .samplebar{background:#2a1d08;color:#f5c97a;border-color:#4a3510}}
@media (max-width:900px){.foot-g{grid-template-columns:1fr 1fr}}@media (max-width:560px){.foot-g{grid-template-columns:1fr}}
/* Elliote + the branch WhatsApp */
.cc-fab{position:fixed;inset-inline-start:18px;bottom:18px;z-index:80;width:60px;height:60px;border-radius:50%;border:0;cursor:pointer;color:#fff;background:radial-gradient(circle at 35% 30%,#F07DB7,#9E005D 55%,#4a0030);box-shadow:0 12px 30px -10px rgba(158,0,93,.8),0 0 0 6px rgba(158,0,93,.12);display:grid;place-items:center}
.cc-panel{position:fixed;inset-inline-start:18px;bottom:90px;z-index:80;width:min(380px,calc(100vw - 36px));height:min(600px,calc(100dvh - 120px));display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:0 30px 70px -20px rgba(34,18,27,.5)}
.cc-panel[hidden]{display:none}.cc-h{display:flex;align-items:center;gap:10px;padding:14px 16px;color:#fff;background:linear-gradient(135deg,#9E005D,#4a0030)}.cc-h .ib{background:rgba(255,255,255,.15);border-color:transparent;color:#fff}.cc-h b{display:block}.cc-h small{opacity:.8;font-size:.78rem}.cc-h .x{margin-inline-start:auto}
.cc-orb{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font:700 1.05rem var(--display);color:#fff;background:radial-gradient(circle at 35% 30%,#F07DB7,#9E005D 60%);flex:none}
.cc-home{padding:16px;display:grid;gap:10px;overflow:auto}.cc-opt{display:flex;gap:12px;align-items:center;text-align:start;padding:14px;border-radius:16px;border:1px solid var(--line);background:var(--paper);color:inherit;font:inherit;cursor:pointer;text-decoration:none}.cc-opt:hover{border-color:var(--plum)}.cc-opt b{display:block}.cc-opt small{color:var(--muted);font-size:.82rem;line-height:1.5}
.cc-msgs{flex:1;overflow:auto;padding:14px;display:grid;gap:10px;align-content:start}.cc-m{max-width:88%;padding:10px 13px;border-radius:16px;font-size:.93rem;line-height:1.7}.cc-m.u{justify-self:end;background:#9E005D;color:#fff}.cc-m.a{justify-self:start;background:var(--paper);border:1px solid var(--line)}.cc-m.a p{margin:0 0 .5em}.cc-m.a p:last-child{margin:0}
.cc-f{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line)}.cc-f textarea{flex:1;resize:none;border-radius:14px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit;padding:10px 12px;max-height:120px}
.cc-sug{display:flex;gap:6px;flex-wrap:wrap;padding:0 14px 10px}.cc-sug button{border:1px solid var(--line);background:none;color:var(--ink);border-radius:999px;padding:5px 11px;font:inherit;font-size:.8rem;cursor:pointer}
.cc-cb{padding:16px;display:grid;gap:10px}.cc-cb input,.cc-cb textarea{width:100%;border-radius:12px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit;padding:10px 12px}
.typing i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--muted);margin:0 2px;animation:tp 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes tp{50%{opacity:.25}}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:300;background:var(--ink);color:var(--paper);padding:10px 18px;border-radius:999px;font-size:.9rem}
.notice{margin:12px auto 0;width:min(1200px,100% - 32px);padding:10px 14px;border-radius:12px;border:1px solid var(--line);color:var(--muted);font-size:.86rem}
@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important}.card,.btn{transition:none}}

.split{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(24px,4vw,56px);align-items:start}@media (max-width:900px){.split{grid-template-columns:1fr}}
.docs.compact .doc small[style]{display:none!important}
.two .stats{grid-template-columns:repeat(2,1fr)}
[lang="en"] .hero h1{font-size:clamp(2.2rem,4.6vw,3.5rem)}

/* ===== v29.98 the header as an Abbasid frieze: plum night, a khatam lattice, a row of pointed arches along its lower edge ===== */
.top{background:linear-gradient(180deg,#22091a 0%,#14060f 100%);color:#F6ECF2;border-bottom:0;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 10px 30px -18px rgba(0,0,0,.8)}
.top::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44'%3E%3Cg fill='none' stroke='%23F07DB7' stroke-width='1'%3E%3Cpath d='M22 6.4L37.6 22L22 37.6L6.4 22Z'/%3E%3Cpath d='M22 14.2L29.8 22L22 29.8L14.2 22Z'/%3E%3Cpath d='M22 6.4v-4.4h4.4M22 37.6v4.4h-4.4M6.4 22h-4.4v-4.4M37.6 22h4.4v4.4'/%3E%3Cpath d='M0 22h4M40 22h4M22 0v4M22 40v4'/%3E%3C/g%3E%3C/svg%3E")}
.top::after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:12px;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='12'%3E%3Cpath d='M0 0H28V1L21 10L14 1L7 10L0 1Z' fill='%2314060f'/%3E%3Cpath d='M0 1L7 10L14 1L21 10L28 1' fill='none' stroke='%23F07DB7' stroke-opacity='.55' stroke-width='1'/%3E%3C/svg%3E") repeat-x;background-size:28px 12px}
.top-in{position:relative;min-height:76px;gap:18px}
.seal{position:relative;display:grid;place-items:center;width:52px;height:52px;flex:none}
.seal::before,.seal::after{content:"";position:absolute;inset:4px;border:1.2px solid rgba(240,125,183,.75);border-radius:3px}
.seal::after{transform:rotate(45deg)}
.seal img{position:relative;z-index:1;width:40px;height:40px;border-radius:50%;box-shadow:0 0 0 2px #14060f}
.brand .bt{display:grid;line-height:1.2;min-width:0}
.brand b{font:700 1.12rem var(--display);color:#fff;letter-spacing:0}
.brand small{color:#F07DB7;font-size:.76rem}
.nav a,.nav button.dd{color:#E9D9E3;border-radius:16px 16px 6px 6px;padding:9px 13px}
.nav a:hover,.nav button.dd:hover,.nav .open>button.dd{background:rgba(240,125,183,.13);color:#fff}
.nav>ul>li>a[aria-current="page"],.nav li.cur>button.dd{background:none;color:#fff;box-shadow:none;position:relative}
.nav>ul>li>a[aria-current="page"]::after,.nav li.cur>button.dd::after{content:"";position:absolute;left:50%;bottom:-2px;width:7px;height:7px;background:#F07DB7;transform:translateX(-50%) rotate(45deg)}
.nav button.dd{display:inline-flex;align-items:center;gap:6px}
.nav button.dd::before{content:"";order:2;width:6px;height:6px;border-inline-end:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.7}
.dd-menu{background:#1a0814;border:1px solid rgba(240,125,183,.25);border-radius:22px 22px 14px 14px;box-shadow:0 30px 60px -20px rgba(0,0,0,.8);padding:12px 8px 8px;color:#F6ECF2}
.dd-menu::before{content:"";position:absolute;top:-6px;inset-inline-start:26px;width:11px;height:11px;background:#1a0814;border-top:1px solid rgba(240,125,183,.25);border-inline-start:1px solid rgba(240,125,183,.25);transform:rotate(45deg)}
[dir="ltr"] .dd-menu::before{transform:rotate(45deg)}
.dd-menu a{color:#F6ECF2}.dd-menu a:hover{background:rgba(240,125,183,.12)}.dd-menu small{color:#C3AAB9}
.top .lang{border-color:rgba(240,125,183,.3)}.top .lang button{color:#C3AAB9}.top .lang button[aria-pressed="true"]{background:rgba(240,125,183,.2);color:#fff}
.top .ib{background:rgba(255,255,255,.04);border-color:rgba(240,125,183,.3);color:#F6ECF2}
.top .btn{border-radius:18px 18px 8px 8px;background:linear-gradient(180deg,#B8106F,#8A0050);box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
.samplebar{margin-top:0;padding-top:14px}
.m-tools{display:none}
/* the hero title on one line, the city to its side */
.hero-t{max-width:min(760px,62%)}
.hero h1 .l1{display:block;white-space:nowrap;font-size:clamp(2rem,4.4vw,4rem);line-height:1.25}
.hero h1{font-size:inherit}
.hero h1 .l2{font-size:clamp(1.05rem,1.9vw,1.75rem)}
[lang="en"] .hero h1 .l1{font-size:clamp(1.7rem,3.6vw,3.3rem)}
/* tablet and phone: a compact frieze bar, a full menu drawn as a night panel */
@media (max-width:1150px){
  .nav{inset:76px 0 auto 0;background:#14060f;border-bottom:1px solid rgba(240,125,183,.25);padding:18px 18px 26px;max-height:calc(100dvh - 76px);box-shadow:0 30px 60px -20px rgba(0,0,0,.8)}
  .nav::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.07;background:inherit;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44'%3E%3Cg fill='none' stroke='%23F07DB7' stroke-width='1'%3E%3Cpath d='M22 6.4L37.6 22L22 37.6L6.4 22Z'/%3E%3Cpath d='M22 14.2L29.8 22L22 29.8L14.2 22Z'/%3E%3Cpath d='M22 6.4v-4.4h4.4M22 37.6v4.4h-4.4M6.4 22h-4.4v-4.4M37.6 22h4.4v4.4'/%3E%3C/g%3E%3C/svg%3E")}
  .nav>ul{gap:4px;position:relative}
  .nav>ul>li>a{font:600 1.05rem var(--display);padding:12px 14px;border-radius:14px}
  .nav>ul>li>a[aria-current="page"]{background:rgba(240,125,183,.14)}.nav>ul>li>a[aria-current="page"]::after{display:none}
  .dd-menu{background:transparent;border:0;box-shadow:none;padding:2px 10px 8px;border-inline-start:1px solid rgba(240,125,183,.25);margin-inline-start:14px;border-radius:0}.dd-menu::before{display:none}
  .nav button.dd{display:block!important;pointer-events:none;background:none!important;font:700 .78rem var(--body);color:#F07DB7!important;padding:14px 14px 2px;box-shadow:none!important}.nav button.dd::before,.nav li.cur>button.dd::after{display:none}
  .menu-btn{border-radius:14px 14px 6px 6px}
  .m-tools{display:flex;align-items:center;gap:10px;margin-top:14px;padding-top:16px;border-top:1px solid rgba(240,125,183,.2)}
  .m-tools .lang{flex:1;border-color:rgba(240,125,183,.3)}.m-tools .lang button{flex:1;padding:10px;color:#C3AAB9;font-size:.9rem}.m-tools .lang button[aria-pressed="true"]{background:rgba(240,125,183,.2);color:#fff}
  .m-tools .ib{background:rgba(255,255,255,.04);border-color:rgba(240,125,183,.3);color:#F6ECF2;width:44px;height:44px}
  .m-portal a{background:linear-gradient(180deg,#B8106F,#8A0050);color:#fff!important;text-align:center;margin-top:8px}
}
@media (max-width:640px){
  .hide-s{display:none!important}
  .top-in{min-height:64px;gap:10px}.nav{inset:64px 0 auto 0;max-height:calc(100dvh - 64px)}
  .seal{width:44px;height:44px}.seal img{width:33px;height:33px}
  .brand b{font-size:1rem}.brand small{display:block;font-size:.68rem}
  .tools{margin-inline-start:auto}.tools .btn.hide-m{display:none}
  .menu-btn{width:44px;height:44px}
  /* the city sits small at the top of the hero, the title below it */
  .hero{min-height:0;display:block;padding-top:0}
  .hero-3d{position:relative;inset:auto;height:clamp(200px,58vw,260px);margin-top:8px}
  .hero::after{background:linear-gradient(0deg,var(--night) 0%,var(--night) 48%,rgba(18,6,14,.6) 60%,transparent 74%)!important}
  .hero-t{max-width:none;padding-block:4px 92px}
  .hero h1 .l1{font-size:clamp(1.45rem,7.2vw,2.2rem)}
  .hero h1 .l2{font-size:1.02rem;margin-top:.3em}
  .hero .lede{font-size:.98rem;margin:12px 0 20px}
  .hero .cta .btn{padding:10px 18px;font-size:.9rem}
  .holo-lab{display:none}
}
/* ===== v29.98 lecturers as a ring of light ===== */
.lring{--w:164px;--r:320px;position:relative;height:470px;border-radius:30px;overflow:hidden;isolation:isolate;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y;
  background:radial-gradient(70% 60% at 50% 105%,rgba(124,243,255,.16),transparent 70%),radial-gradient(120% 90% at 50% 0%,#3a0a2a 0%,#12060E 62%,#07020a 100%);box-shadow:inset 0 0 0 1px rgba(240,125,183,.18)}
.lring.grab{cursor:grabbing}
.lr-sky{position:absolute;inset:0;opacity:.35;background-image:radial-gradient(1px 1px at 12% 20%,#fff,transparent),radial-gradient(1px 1px at 72% 12%,#fff,transparent),radial-gradient(1px 1px at 42% 34%,#7CF3FF,transparent),radial-gradient(1px 1px at 88% 40%,#fff,transparent),radial-gradient(1px 1px at 25% 62%,#F07DB7,transparent),radial-gradient(1px 1px at 60% 70%,#fff,transparent);pointer-events:none}
.lr-stage{position:absolute;inset:0 0 40px;perspective:1150px;perspective-origin:50% 38%;display:grid;place-items:center}
.lr-rot{position:relative;width:var(--w);height:calc(var(--w) * 1.42);transform-style:preserve-3d;will-change:transform}
.lr-card{position:absolute;inset:0;display:grid;justify-items:center;align-content:start;gap:5px;padding:12px 10px 10px;border-radius:calc(var(--w) * .5) calc(var(--w) * .5) 14px 14px;text-decoration:none;color:#fff;text-align:center;
  background:linear-gradient(180deg,rgba(124,243,255,.10),rgba(240,125,183,.07) 60%,rgba(18,6,14,.35));border:1px solid rgba(124,243,255,.45);box-shadow:0 0 22px rgba(124,243,255,.18),inset 0 0 24px rgba(240,125,183,.14);backface-visibility:hidden;transition:box-shadow .3s,border-color .3s}
.lr-card.front{border-color:rgba(240,125,183,.9);box-shadow:0 0 34px rgba(240,125,183,.45),inset 0 0 26px rgba(124,243,255,.18)}
.lr-card:focus-visible{outline:2px solid #7CF3FF;outline-offset:4px}
.lr-ph{position:relative;width:78%;aspect-ratio:4/5;border-radius:999px 999px 10px 10px;overflow:hidden;display:grid;place-items:center;font:700 1.6rem var(--display);color:#fff;background:linear-gradient(160deg,#9E005D,#220A1A)}
.lr-ph img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.06) brightness(1.04)}
.lr-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(124,243,255,.22),rgba(240,125,183,.18));mix-blend-mode:screen;pointer-events:none}
.lr-scan{position:absolute;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(124,243,255,.16) 0 1px,transparent 1px 4px);animation:lrScan 6s linear infinite}
.lr-scan::after{content:"";position:absolute;left:0;right:0;height:22%;top:-25%;background:linear-gradient(180deg,transparent,rgba(124,243,255,.35),transparent);animation:lrSweep 3.6s ease-in-out infinite}
.lr-card b{font:700 .9rem/1.35 var(--body);margin-top:4px;text-shadow:0 0 12px rgba(124,243,255,.6)}
.lr-card small{font-size:.74rem;line-height:1.4;color:#F7B8D8}
.lr-base{position:absolute;left:50%;bottom:22px;width:min(760px,92%);height:70px;transform:translateX(-50%);pointer-events:none}
.lr-base i{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(124,243,255,.45);box-shadow:0 0 30px rgba(124,243,255,.3)}
.lr-base i:nth-child(2){inset:14px 12%;border-color:rgba(240,125,183,.5)}.lr-base i:nth-child(3){inset:26px 26%;border-color:rgba(124,243,255,.6);background:radial-gradient(closest-side,rgba(124,243,255,.25),transparent)}
.lr-hint{position:absolute;left:0;right:0;bottom:6px;margin:0;text-align:center;font-size:.78rem;color:#C3AAB9;pointer-events:none}
@keyframes lrScan{to{background-position:0 40px}}@keyframes lrSweep{0%{top:-25%}60%,100%{top:110%}}
@media (max-width:640px){.lring{height:380px;border-radius:22px}.lr-ph{font-size:1.2rem}.lr-card b{font-size:.78rem}.lr-card small{font-size:.66rem}.lr-base{height:52px}}
@media (prefers-reduced-motion: reduce){.lr-scan,.lr-scan::after{animation:none}}
.ring-sec{padding-bottom:0}
.person b{font:700 1.02rem/1.4 var(--body)}
/* ===== v29.98 the branch in brief: a mihrab of light and khatam medallions ===== */
.brief-h{background:radial-gradient(80% 70% at 85% 0%,rgba(158,0,93,.45),transparent 60%),radial-gradient(60% 60% at 10% 100%,rgba(124,243,255,.12),transparent 70%),linear-gradient(180deg,#1a0814,#0d0409);color:#F6ECF2;overflow:hidden;position:relative;isolation:isolate}
.brief-h::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cg fill='none' stroke='%237CF3FF' stroke-width='1'%3E%3Cpath d='M32 10.2L53.8 32L32 53.8L10.2 32Z'/%3E%3Cpath d='M32 21.1L42.9 32L32 42.9L21.1 32Z'/%3E%3Cpath d='M32 10.2v-6.1h6.1M32 53.8v6.1h-6.1M10.2 32h-6.1v-6.1M53.8 32h6.1v6.1'/%3E%3Cpath d='M0 32h8M56 32h8M32 0v8M32 56v8'/%3E%3C/g%3E%3C/svg%3E")}
.brief-g{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center}
.mihrab{position:relative;padding:clamp(56px,7vw,86px) clamp(22px,4vw,44px) clamp(26px,4vw,40px);border-radius:999px 999px 22px 22px / 260px 260px 22px 22px;background:linear-gradient(180deg,rgba(124,243,255,.07),rgba(240,125,183,.05) 55%,rgba(13,4,9,.4));border:1px solid rgba(124,243,255,.4);box-shadow:0 0 40px rgba(124,243,255,.12),inset 0 0 50px rgba(240,125,183,.1)}
.mihrab::before{content:"";position:absolute;inset:10px;border-radius:inherit;border:1px solid rgba(240,125,183,.35);pointer-events:none}
.mihrab::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(124,243,255,.05) 0 1px,transparent 1px 5px);mask:linear-gradient(180deg,#000,transparent 70%);-webkit-mask:linear-gradient(180deg,#000,transparent 70%)}
.mihrab .kicker{display:inline-flex;align-items:center;gap:8px;color:#7CF3FF;font:700 .9rem var(--display);margin-bottom:6px}.mihrab .kicker .sample{margin-inline-start:6px}
.mihrab h2{font-size:clamp(1.9rem,3.6vw,2.7rem);color:#fff;text-shadow:0 0 22px rgba(240,125,183,.45);margin-bottom:14px}
.mihrab .art{max-width:none;font-size:1.02rem;line-height:2;color:#E7D6E0}.mihrab .art p{margin:0 0 .9em}
.mihrab .btn.ghost{color:#fff;margin-top:6px;border-radius:16px 16px 6px 6px}
.medals{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(12px,2vw,22px)}
.medal{position:relative;aspect-ratio:1;display:grid;place-items:center;align-content:center;text-align:center;gap:2px}
.m-star{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 8px rgba(124,243,255,.45));animation:mSpin 60s linear infinite}
.medal:nth-child(odd) .m-star{animation-direction:reverse}
.medal::before{content:"";position:absolute;inset:26%;border-radius:50%;background:radial-gradient(closest-side,rgba(240,125,183,.22),transparent);pointer-events:none}
.medal b{position:relative;font:700 clamp(1.7rem,3.2vw,2.6rem)/1 var(--display);color:#fff;text-shadow:0 0 18px rgba(124,243,255,.75),0 0 2px #fff}
.medal span{position:relative;font-size:clamp(.74rem,1.1vw,.86rem);color:#F7B8D8;max-width:62%;line-height:1.4}
@keyframes mSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion: reduce){.m-star{animation:none}}
@media (max-width:900px){.brief-g{grid-template-columns:1fr}.medals{max-width:460px;margin-inline:auto;width:100%}}
@media (max-width:640px){.mihrab{border-radius:999px 999px 18px 18px / 160px 160px 18px 18px;padding:54px 18px 24px}.mihrab .art{font-size:.97rem}}
/* ring: the far side stays as faint light, without words */
.lr-card{backface-visibility:visible}
.lr-card.back b,.lr-card.back small{visibility:hidden}.lr-card.back .lr-ph img{opacity:.35}
.lr-stage{perspective:1300px;perspective-origin:50% 30%}
/* phone hero: a smaller city */
@media (max-width:640px){.hero-3d{height:clamp(170px,46vw,210px)}}
/* ===== v29.98 departments: four gates of light ===== */
.holo-sec{background:radial-gradient(70% 80% at 50% 0%,rgba(158,0,93,.35),transparent 65%),linear-gradient(180deg,#14060f,#0b0308);color:#F6ECF2}
.holo-sec .sec-h h2{color:#fff}.holo-sec .sec-h p{color:#C3AAB9}.holo-sec .more{color:#7CF3FF}.holo-sec .muted{color:#C3AAB9}
.hdepts{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2vw,24px)}
.hdept{position:relative;display:grid;justify-items:center;align-content:start;text-align:center;gap:8px;padding:clamp(54px,6vw,72px) 18px 24px;min-height:340px;text-decoration:none;color:#fff;isolation:isolate;transition:transform .35s var(--ease)}
.hd-arch{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible}
.hd-arch path{fill:rgba(124,243,255,.05);stroke:rgba(124,243,255,.55);stroke-width:1.3;filter:drop-shadow(0 0 6px rgba(124,243,255,.45));transition:stroke .3s,fill .3s}
.hdept::before{content:"";position:absolute;inset:9px;z-index:-1;border-radius:999px 999px 10px 10px / 46% 46% 10px 10px;border:1px solid rgba(240,125,183,.28);pointer-events:none}
.hd-scan{position:absolute;inset:4px;z-index:-1;pointer-events:none;border-radius:999px 999px 8px 8px / 48% 48% 8px 8px;overflow:hidden;background:repeating-linear-gradient(0deg,rgba(124,243,255,.07) 0 1px,transparent 1px 5px)}
.hd-scan::after{content:"";position:absolute;left:0;right:0;height:30%;top:-30%;background:linear-gradient(180deg,transparent,rgba(124,243,255,.22),transparent);animation:lrSweep 5s ease-in-out infinite;animation-delay:calc(var(--d) * -1.2s)}
.hd-ic{width:62px;height:62px;filter:drop-shadow(0 0 10px rgba(240,125,183,.6))}
.hd-ic path{fill:none;stroke:#F07DB7;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}
.hdept .code{font:700 .8rem var(--body);letter-spacing:.12em;color:#7CF3FF;text-shadow:0 0 10px rgba(124,243,255,.7)}
.hdept h3{font-size:clamp(1.15rem,1.6vw,1.35rem);color:#fff;text-shadow:0 0 16px rgba(240,125,183,.45)}
.hdept p{margin:0;font-size:.9rem;color:#D9C3D0;line-height:1.7}
.hdept .n{margin-top:auto;font:700 .88rem var(--body);color:#9BE07A}
.hdept .go{font-size:.78rem;color:#C3AAB9;opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s}
.hdept:hover,.hdept:focus-visible{transform:translateY(-6px)}
.hdept:hover .hd-arch path,.hdept:focus-visible .hd-arch path{stroke:#F07DB7;fill:rgba(240,125,183,.08)}
.hdept:hover .go,.hdept:focus-visible .go{opacity:1;transform:none}
.hdept:focus-visible{outline:none}.hdept:focus-visible .hd-arch path{stroke-width:2.4}
@media (max-width:1000px){.hdepts{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.hdepts{grid-template-columns:1fr 1fr;gap:10px}.hdept{min-height:270px;padding:44px 10px 18px}.hd-ic{width:44px;height:44px}.hdept h3{font-size:1rem}.hdept p{font-size:.78rem}.hdept .go{display:none}}
@media (prefers-reduced-motion: reduce){.hd-scan::after{animation:none}.hdept{transition:none}}
/* ===== v29.98 governance and management: the chief executive's word and an arcade of the branch's leadership ===== */
.gov-h{background:radial-gradient(60% 70% at 15% 10%,rgba(124,243,255,.10),transparent 60%),radial-gradient(70% 80% at 90% 40%,rgba(158,0,93,.35),transparent 65%),linear-gradient(180deg,#0d0409,#16060f 50%,#0d0409);color:#F6ECF2;position:relative;isolation:isolate;overflow:hidden}
.gov-h::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cg fill='none' stroke='%23F07DB7' stroke-width='1'%3E%3Cpath d='M32 10.2L53.8 32L32 53.8L10.2 32Z'/%3E%3Cpath d='M32 21.1L42.9 32L32 42.9L21.1 32Z'/%3E%3Cpath d='M32 10.2v-6.1h6.1M32 53.8v6.1h-6.1M10.2 32h-6.1v-6.1M53.8 32h6.1v6.1'/%3E%3C/g%3E%3C/svg%3E")}
.gov-h .sec-h h2{color:#fff}.gov-h .sec-h p{color:#C3AAB9}.gov-h .kicker{color:#7CF3FF}.gov-h .more{color:#7CF3FF}
.ar-line{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.ar-line path{fill:rgba(124,243,255,.04);stroke:rgba(124,243,255,.6);stroke-width:1.3;filter:drop-shadow(0 0 6px rgba(124,243,255,.5))}
.ceo-stage{display:grid;grid-template-columns:minmax(220px,340px) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center;margin:10px 0 clamp(36px,5vw,60px)}
.ceo-port{margin:0;display:grid;justify-items:center;gap:14px}
.cp-arch{position:relative;width:100%;aspect-ratio:3/4.3;padding:16px}
.cp-arch .ar-line path{stroke:rgba(240,125,183,.75);filter:drop-shadow(0 0 10px rgba(240,125,183,.55))}
.cp-ph{position:relative;display:grid;place-items:center;width:100%;height:100%;overflow:hidden;border-radius:999px 999px 8px 8px / 44% 44% 8px 8px;background:radial-gradient(80% 60% at 50% 30%,#9E005D,#220A1A 75%)}
.cp-ph img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.05)}
.cp-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(124,243,255,.18),transparent 45%,rgba(240,125,183,.22));mix-blend-mode:screen;pointer-events:none}
.cp-ph .ini{font:700 clamp(3rem,7vw,4.6rem) var(--display);color:#fff;text-shadow:0 0 28px rgba(124,243,255,.8)}
.cp-base{position:relative;width:86%;height:34px;margin-top:-26px}
.cp-base i{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(124,243,255,.55);box-shadow:0 0 26px rgba(124,243,255,.35)}.cp-base i+i{inset:8px 16%;border-color:rgba(240,125,183,.6)}
.ceo-port figcaption{text-align:center;display:grid;gap:2px}.ceo-port b{font:700 1.2rem var(--body);color:#fff}.ceo-port small{color:#F7B8D8;max-width:30ch}
.ceo-word{position:relative;margin:0;padding:clamp(26px,4vw,44px);border-radius:26px;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015));border:1px solid rgba(240,125,183,.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.cw-q{position:absolute;top:-34px;inset-inline-start:22px;font:700 9rem/1 var(--display);color:#F07DB7;opacity:.55;text-shadow:0 0 30px rgba(240,125,183,.6);pointer-events:none}
.ceo-word h3{font:700 .95rem var(--display);color:#7CF3FF;margin:0 0 14px;letter-spacing:0}
.cw-lead{font:600 clamp(1.15rem,1.9vw,1.45rem)/1.85 var(--body);color:#fff;margin:0 0 16px}
.ceo-word p{color:#DCC9D4;line-height:2;margin:0 0 12px}
.cw-sign{display:flex;align-items:center;gap:10px;margin:18px 0 18px!important;color:#F07DB7!important;font:700 1.35rem var(--display)}
.cw-sign svg{color:#F07DB7;flex:none}
.cw-more{border-radius:16px 16px 6px 6px}
.arc-t{font:700 1.1rem var(--display);color:#F07DB7;margin:8px 0 16px;display:flex;align-items:center;gap:12px}.arc-t::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(240,125,183,.4),transparent)}
[dir="rtl"] .arc-t::after{background:linear-gradient(270deg,rgba(240,125,183,.4),transparent)}
.arcade{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:clamp(12px,2vw,22px);margin-bottom:30px}
.pillar{position:relative;display:grid;justify-items:center;align-content:start;text-align:center;gap:6px;padding:28px 14px 22px;min-height:300px;isolation:isolate}
.pillar .ar-line{z-index:-1}
.pl-ph{width:58%;aspect-ratio:4/5;margin-top:14px;border-radius:999px 999px 8px 8px;overflow:hidden;display:grid;place-items:center;font:700 1.6rem var(--display);color:#fff;background:linear-gradient(160deg,#9E005D,#220A1A);box-shadow:0 0 22px rgba(240,125,183,.35)}
.pl-ph img{width:100%;height:100%;object-fit:cover}
.pillar b{font:700 1rem/1.45 var(--body);color:#fff;margin-top:6px}.pillar small{color:#F7B8D8;line-height:1.5;font-size:.84rem}
.arcade.sm .pillar{min-height:250px}.arcade.sm .pl-ph{width:46%}
@media (max-width:860px){.ceo-stage{grid-template-columns:1fr}.ceo-port{max-width:300px;margin-inline:auto}.cw-q{font-size:6.5rem;top:-24px}}
@media (max-width:520px){.arcade{grid-template-columns:1fr 1fr;gap:10px}.pillar{min-height:240px;padding:20px 8px 16px}.pillar b{font-size:.86rem}.pillar small{font-size:.74rem}}
.arcade{grid-template-columns:repeat(auto-fill,minmax(190px,230px));justify-content:center}
.arcade.sm{grid-template-columns:repeat(auto-fill,minmax(170px,210px))}
@media (max-width:640px){.mihrab .art p:nth-child(n+2){display:none}.arcade,.arcade.sm{grid-template-columns:1fr 1fr}}
.hero::after{background:linear-gradient(270deg,var(--night) 0%,rgba(18,6,14,.82) 38%,transparent 66%)}
[dir="ltr"] .hero::after{background:linear-gradient(90deg,var(--night) 0%,rgba(18,6,14,.82) 38%,transparent 66%)}
@media (max-width:640px){.hero-t{padding-block:4px 56px}}
/* ===== v29.98b the header floats over the home page; the title sits beside the city, not on it ===== */
.top{position:fixed;top:0;left:0;right:0;transition:background-color .35s,box-shadow .35s}
body{padding-top:76px}body.is-home{padding-top:0}
.top::before,.top::after{transition:opacity .35s}
.top.clear{background:transparent;box-shadow:none}.top.clear::before,.top.clear::after{opacity:0}
.is-home .hero{padding-top:76px;min-height:100svh}
.hero-t{max-width:min(620px,48%)}
.hero h1 .l1{font-size:clamp(1.7rem,3.3vw,3.1rem);line-height:1.3}
.hero h1 .l2{font-size:clamp(1rem,1.6vw,1.45rem)}
[lang="en"] .hero h1 .l1{font-size:clamp(1.5rem,2.9vw,2.7rem)}
@media (max-width:1150px){.top.clear .nav{background:#14060f}}
@media (max-width:860px){.hero-t{max-width:none}}
@media (max-width:640px){body{padding-top:64px}body.is-home{padding-top:0}.is-home .hero{padding-top:64px;min-height:0}.hero h1 .l1{font-size:clamp(1.35rem,6.6vw,2rem)}}
.samplebar{display:none}
.sample-pill{position:fixed;z-index:70;bottom:18px;inset-inline-end:18px;display:flex;align-items:center;gap:8px;max-width:min(420px,calc(100vw - 110px));padding:8px 14px;border-radius:14px;background:rgba(255,244,224,.96);color:#7a4b00;border:1px dashed #E0B060;font-size:.76rem;line-height:1.5;box-shadow:0 10px 30px -12px rgba(0,0,0,.45)}
.sample-pill svg{flex:none;color:#B86E00}
@media (max-width:640px){.sample-pill{bottom:14px;font-size:.68rem;padding:6px 10px}}

/* the head office's type: Reem Kufi at 600 for headings (700 for the main title), IBM Plex Sans Arabic for text */
h2,h3,h4,.brand b,.sec-h h2,.mihrab h2,.letter h2,.page-h h1,.hdept h3,.chap h3,.arc-t,.gov-g h3,.ceo-word h3,.dept h3,.card h3,.ev h3,.prog h3{font-weight:600}
.hero h1{font-weight:700}
.nav>ul>li>a,.nav button.dd{font-family:var(--body)}
/* ===== v29.99 the House of Wisdom: departments as leather-bound volumes on a cedar shelf ===== */
.lib-sec{position:relative;isolation:isolate;color:#F3E6D2;background:radial-gradient(70% 55% at 50% 0%,rgba(255,196,120,.16),transparent 70%),repeating-linear-gradient(90deg,rgba(0,0,0,.18) 0 2px,transparent 2px 120px),linear-gradient(180deg,#2a170e 0%,#1a0e08 60%,#120905 100%)}
.lib-sec .sec-h h2{color:#F6E7C8;text-shadow:0 2px 0 rgba(0,0,0,.5)}.lib-sec .sec-h p{color:#CDB79A}.lib-sec .kicker{color:#E2BE76}.lib-sec .more{color:#E2BE76}
.lib-note{color:#BFA88A;font-size:.9rem;margin:18px 0 0;text-align:center}
.library{position:relative;padding-top:10px}
.shelf{display:flex;justify-content:center;align-items:flex-end;gap:clamp(14px,2.6vw,34px);padding:0 18px;overflow-x:auto;scrollbar-width:thin;position:relative;z-index:1}
.plank{position:relative;height:28px;margin-top:-2px;border-radius:3px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 3px,transparent 3px 11px),linear-gradient(180deg,#8a5a33 0%,#6b4325 30%,#4a2c16 70%,#2e190b 100%);box-shadow:0 2px 0 #9c6a3f inset,0 22px 30px -10px rgba(0,0,0,.85)}
.plank::after{content:"";position:absolute;left:2%;right:2%;top:100%;height:26px;background:radial-gradient(50% 100% at 50% 0,rgba(0,0,0,.55),transparent 70%)}
.tome{--la:#5b0f3a;--lb:#3a0624;position:relative;flex:none;display:block;width:clamp(150px,17vw,214px);aspect-ratio:3/4.25;text-decoration:none;transform-origin:50% 100%;transition:transform .45s var(--ease),filter .45s;filter:drop-shadow(0 18px 16px rgba(0,0,0,.55))}
.tm-cover{position:absolute;inset:0;display:grid;justify-items:center;align-content:start;text-align:center;gap:6px;padding:22% 14% 12%;border-radius:8px 3px 3px 8px;color:#E9C67C;overflow:hidden;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(120% 80% at 30% 20%,rgba(255,255,255,.10),transparent 55%),linear-gradient(160deg,var(--la),var(--lb));
  box-shadow:inset -14px 0 14px -8px rgba(0,0,0,.65),inset 3px 0 0 rgba(255,255,255,.08),inset 0 0 0 1px rgba(0,0,0,.4)}
[dir="ltr"] .tm-cover{border-radius:3px 8px 8px 3px;box-shadow:inset 14px 0 14px -8px rgba(0,0,0,.65),inset -3px 0 0 rgba(255,255,255,.08),inset 0 0 0 1px rgba(0,0,0,.4)}
.tm-frame{position:absolute;inset:10px 12px;border:1.5px solid rgba(226,190,118,.75);border-radius:2px;pointer-events:none;box-shadow:inset 0 0 0 4px transparent,inset 0 0 0 5px rgba(226,190,118,.35)}
.tm-frame::before,.tm-frame::after{content:"";position:absolute;width:14px;height:14px;border:1.5px solid rgba(226,190,118,.8);transform:rotate(45deg);left:50%;margin-left:-7px;background:var(--lb)}
.tm-frame::before{top:-8px}.tm-frame::after{bottom:-8px}
.tm-code{font:700 .7rem var(--body);letter-spacing:.24em;color:#D9B66E;opacity:.9}
.tm-medal{width:42%;color:#E2BE76;filter:drop-shadow(0 1px 0 rgba(0,0,0,.7)) drop-shadow(0 0 6px rgba(226,190,118,.25));margin:4px 0}
.tm-name{font:600 clamp(.92rem,1.25vw,1.12rem)/1.45 var(--display);color:#F0D08A;text-shadow:0 1px 0 rgba(0,0,0,.75),0 -1px 0 rgba(255,236,190,.15)}
.tm-tag{font-size:.72rem;line-height:1.5;color:#CFB07A;opacity:.85}
.tm-n{position:absolute;bottom:16px;left:0;right:0;font:600 .7rem var(--body);color:#D9B66E;letter-spacing:.03em}
.tm-pages{position:absolute;top:5px;bottom:5px;inset-inline-end:-6px;width:7px;border-radius:0 2px 2px 0;background:repeating-linear-gradient(180deg,#f3e8cf 0 1px,#d8c8a4 1px 2px);box-shadow:inset 1px 0 2px rgba(0,0,0,.35);z-index:-1}
[dir="rtl"] .tm-pages{border-radius:2px 0 0 2px}
.tm-s{position:absolute;top:-10px;inset-inline-start:50%;transform:translateX(50%);background:rgba(255,248,236,.95);z-index:2}[dir="ltr"] .tm-s{transform:translateX(-50%)}
.tome::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,240,200,.16) 48%,transparent 60%);background-size:250% 100%;background-position:120% 0;transition:background-position .9s var(--ease)}
.tome:hover,.tome:focus-visible{transform:translateY(-12px) rotate(-1.2deg);filter:drop-shadow(0 30px 22px rgba(0,0,0,.6))}
.tome:hover::after,.tome:focus-visible::after{background-position:-20% 0}
.tome:focus-visible{outline:2px solid #E2BE76;outline-offset:6px}
.lib-mini{display:grid;justify-items:center;padding:8px 0 4px}.lib-mini .tome{width:min(220px,70%)}
@media (max-width:640px){.shelf{justify-content:flex-start;padding-bottom:6px}.tome{width:148px}.tm-tag{display:none}}
@media (prefers-reduced-motion: reduce){.tome,.tome::after{transition:none}}
/* ===== v29.99 the lecturers' hall: arched niches in a wall of Baghdad brick, lamp-lit, with brass name plates ===== */
.wall-sec{position:relative;isolation:isolate;color:#FBF1E2;background:
  radial-gradient(60% 45% at 50% 0%,rgba(255,224,170,.28),transparent 70%),radial-gradient(120% 100% at 50% 50%,transparent 40%,rgba(40,14,8,.55)),linear-gradient(180deg,rgba(40,16,12,.18),rgba(30,10,10,.38)),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='56'%3E%3Crect width='64' height='56' fill='%23d9c39b'/%3E%3Crect x='1' y='1' width='62' height='25' rx='1.5' fill='%23c39d66'/%3E%3Crect x='-31' y='29' width='62' height='25' rx='1.5' fill='%23b88f57'/%3E%3Crect x='33' y='29' width='62' height='25' rx='1.5' fill='%23c8a672'/%3E%3C/svg%3E"),#c19a63;background-size:auto,auto,64px 56px}
.wall-sec::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.35;mix-blend-mode:multiply;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .22 0 0 0 0 .1 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E")}
.wall-sec .sec-h h2{color:#FFF4E2;text-shadow:0 2px 10px rgba(0,0,0,.6)}.wall-sec .sec-h p{color:#F1DDC0;text-shadow:0 1px 6px rgba(0,0,0,.6)}.wall-sec .kicker,.wall-sec .more{color:#FFD58A}
.wall-sec .filters button{background:rgba(26,10,14,.6);border-color:rgba(255,213,138,.35);color:#FBF1E2}.wall-sec .filters button[aria-pressed="true"]{background:#8A0050;border-color:#8A0050}
.wall-sec .search{background:rgba(255,248,236,.95)}
.wall-sec .empty{background:rgba(26,10,14,.55);color:#F1DDC0;border-color:rgba(255,213,138,.35)}
.brickwall{position:relative}
.niches{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:34px 26px}
.niche{position:relative;display:grid;justify-items:center;gap:12px;text-decoration:none;color:inherit}
.ni-arch{--arch:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 140' preserveAspectRatio='none'%3E%3Cpath d='M0 140V52Q0 16 50 0Q100 16 100 52V140Z'/%3E%3C/svg%3E");position:relative;width:100%;aspect-ratio:100/140;display:block;padding:9px;
  background:linear-gradient(180deg,#f1e2c2,#d9c194 60%,#c9ad7c);-webkit-mask:var(--arch) center/100% 100% no-repeat;mask:var(--arch) center/100% 100% no-repeat;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}
.ni-arch::before{content:"";position:absolute;inset:9px;-webkit-mask:var(--arch) center/100% 100% no-repeat;mask:var(--arch) center/100% 100% no-repeat;background:radial-gradient(70% 38% at 50% 8%,rgba(255,206,130,.55),transparent 75%),radial-gradient(120% 90% at 50% 100%,#3a2014,#1c0d07 70%);box-shadow:inset 0 0 30px #000}
.ni-arch::after{content:"";position:absolute;inset:9px;pointer-events:none;-webkit-mask:var(--arch) center/100% 100% no-repeat;mask:var(--arch) center/100% 100% no-repeat;background:linear-gradient(90deg,rgba(0,0,0,.55),transparent 18%,transparent 82%,rgba(0,0,0,.55)),linear-gradient(180deg,rgba(0,0,0,.4),transparent 25%)}
.ni-lamp{position:absolute;z-index:3;top:16%;left:50%;width:12px;height:12px;margin-left:-6px;border-radius:50% 50% 45% 45%;background:radial-gradient(circle at 40% 35%,#fff3cf,#e9a945 60%,#8a5a18);box-shadow:0 0 14px 6px rgba(255,190,90,.55),0 0 46px 18px rgba(255,170,70,.22);animation:lampFlicker 4.5s ease-in-out infinite}
.ni-lamp::before{content:"";position:absolute;bottom:100%;left:50%;width:1px;height:40px;background:linear-gradient(#5a3a18,#b8893f);transform:translateX(-50%)}
.ni-ph{--parch:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 130' preserveAspectRatio='none'%3E%3Cpath d='M0 130V48Q0 14 50 0Q100 14 100 48V130Z'/%3E%3C/svg%3E");position:absolute;z-index:2;left:18%;right:18%;top:27%;bottom:6%;display:grid;place-items:center;overflow:hidden;-webkit-mask:var(--parch) center/100% 100% no-repeat;mask:var(--parch) center/100% 100% no-repeat;
  background:radial-gradient(90% 70% at 50% 30%,#f3e6c8,#d8c193 70%,#b99a63)}
.ni-ph img{width:100%;height:100%;object-fit:cover;filter:sepia(.12) saturate(.95) contrast(1.03)}
.ni-ini{font:600 clamp(1.6rem,2.6vw,2.2rem) var(--display);color:#5a3414;text-shadow:0 1px 0 rgba(255,255,255,.5)}
.plate{position:relative;display:grid;gap:2px;text-align:center;min-width:78%;max-width:100%;padding:8px 14px 9px;border-radius:5px;background:linear-gradient(180deg,#f2d690 0%,#c99a46 45%,#a8772c 55%,#e1bd70 100%);box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 -1px 0 rgba(0,0,0,.35) inset,0 6px 12px rgba(0,0,0,.45)}
.plate::before,.plate::after{content:"";position:absolute;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff2c4,#7a5216)}.plate::before{left:6px}.plate::after{right:6px}
.plate b{font:700 .9rem/1.4 var(--body);color:#3a2406;text-shadow:0 1px 0 rgba(255,240,200,.6)}
.plate small{font-size:.74rem;line-height:1.4;color:#5a3a12;text-shadow:0 1px 0 rgba(255,240,200,.5)}
.ni-s{position:absolute;top:-8px;left:50%;transform:translateX(-50%);z-index:4;background:rgba(255,248,236,.96)}
.niche:hover .ni-lamp,.niche:focus-visible .ni-lamp{box-shadow:0 0 18px 8px rgba(255,200,100,.75),0 0 70px 28px rgba(255,170,70,.35)}
.niche:hover .ni-ph img,.niche:focus-visible .ni-ph img{filter:sepia(0) saturate(1.05) brightness(1.06)}
.niche:focus-visible{outline:none}.niche:focus-visible .plate{outline:2px solid #FFD58A;outline-offset:4px}
@keyframes lampFlicker{0%,100%{opacity:1}45%{opacity:.86}50%{opacity:.95}70%{opacity:.9}}
.brickwall.solo .niches{grid-template-columns:minmax(0,240px);justify-content:center}
.side .brickwall.solo{padding:22px 10px;border-radius:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='56'%3E%3Crect width='64' height='56' fill='%23d9c39b'/%3E%3Crect x='1' y='1' width='62' height='25' rx='1.5' fill='%23c39d66'/%3E%3Crect x='-31' y='29' width='62' height='25' rx='1.5' fill='%23b88f57'/%3E%3Crect x='33' y='29' width='62' height='25' rx='1.5' fill='%23c8a672'/%3E%3C/svg%3E");box-shadow:inset 0 0 40px rgba(40,15,5,.5)}
@media (max-width:640px){.niches{grid-template-columns:1fr 1fr;gap:26px 14px}.plate b{font-size:.8rem}.plate small{font-size:.68rem}}
@media (prefers-reduced-motion: reduce){.ni-lamp{animation:none}}
/* department page: mission on parchment, goals with eight-pointed marks */
.manu{margin:0 0 18px;padding:18px 22px;border-radius:10px;background:linear-gradient(180deg,#f6ecd6,#ead9b6);color:#4a2c10;font:600 1.05rem/1.9 var(--body);box-shadow:inset 0 0 30px rgba(120,80,30,.25);border-inline-start:4px solid #b8893f}
.quill{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:8px}.quill li{position:relative;padding-inline-start:26px}.quill li::before{content:"";position:absolute;inset-inline-start:4px;top:.75em;width:9px;height:9px;border:1.5px solid var(--plum);transform:rotate(45deg)}
.head-box{display:flex;align-items:center;gap:14px}.head-box .ph{width:64px;height:64px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(160deg,#9E005D,#220A1A);color:#fff;font:700 1.1rem var(--display);flex:none}.head-box .ph img{width:100%;height:100%;object-fit:cover}.head-box small{display:block;color:var(--muted)}.head-box b{font:600 1.02rem var(--body)}
/* ===== v29.99b the phone/tablet menu: a side panel of night and light, opening from the reading side ===== */
.mi{display:none}
.nav-scrim{display:none}
@media (max-width:1150px){
  .nav-scrim{display:block;position:fixed;inset:0;z-index:1;background:rgba(8,2,6,.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .35s}
  .nav-scrim.on{opacity:1;pointer-events:auto}
  body.menu-open{overflow:hidden}
  .nav{display:block!important;position:fixed;top:0;bottom:0;inset-inline-start:0;inset-inline-end:auto;left:auto;right:0;z-index:2;width:min(88vw,390px);max-height:none;height:100dvh;margin:0;padding:0 0 26px;overflow-y:auto;overscroll-behavior:contain;
    background:radial-gradient(90% 40% at 100% 0%,rgba(158,0,93,.42),transparent 70%),radial-gradient(70% 40% at 0% 100%,rgba(124,243,255,.12),transparent 70%),linear-gradient(180deg,#1c0816,#0d0409);border:0;border-inline-end:1px solid rgba(124,243,255,.35);
    box-shadow:0 0 0 1px rgba(240,125,183,.12),0 0 40px rgba(124,243,255,.12),30px 0 80px -20px rgba(0,0,0,.9);transform:translateX(105%);visibility:hidden;transition:transform .45s var(--ease),visibility 0s .45s}
  [dir="ltr"] .nav{left:0;right:auto;transform:translateX(-105%)}
  .nav.open{transform:none;visibility:visible;transition:transform .45s var(--ease)}
  .nav::before{opacity:.06}
  .nav::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(124,243,255,.035) 0 1px,transparent 1px 4px)}
  .nav-rose{position:absolute;top:-70px;inset-inline-end:-70px;width:260px;height:260px;pointer-events:none;opacity:.5;animation:mSpin 90s linear infinite}
  .nav-rose g{stroke:#7CF3FF}.nav-rose rect:nth-child(n+3){stroke:#F07DB7}
  .nav-head{position:sticky;top:0;z-index:3;display:flex!important;align-items:center;gap:12px;padding:16px 18px 18px;background:linear-gradient(180deg,#1c0816 70%,rgba(28,8,22,0));}
  .nav-head::after{content:"";position:absolute;left:18px;right:18px;bottom:6px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='12'%3E%3Cpath d='M0 1L7 10L14 1L21 10L28 1' fill='none' stroke='%23F07DB7' stroke-opacity='.6' stroke-width='1'/%3E%3C/svg%3E") repeat-x;background-size:28px 12px}
  .nav-head .seal{width:46px;height:46px}.nav-head .seal img{width:34px;height:34px}
  .nh-t{display:grid;line-height:1.25;min-width:0;flex:1}.nh-t b{font:600 1rem var(--display);color:#fff}.nh-t small{color:#F07DB7;font-size:.72rem}
  .nav-x{width:42px;height:42px;border-radius:14px 14px 5px 5px;background:rgba(124,243,255,.06)!important;border-color:rgba(124,243,255,.4)!important;color:#7CF3FF!important;flex:none}
  .nav>ul{position:relative;z-index:1;padding:4px 14px 0;gap:2px}
  .nav button.dd{display:flex!important;align-items:center;gap:10px;margin-top:14px;padding:6px 6px 8px!important;font:600 .82rem var(--display)!important;color:#7CF3FF!important;letter-spacing:0;pointer-events:none;background:none!important}
  .nav button.dd::after{content:"";display:block!important;position:static;flex:1;height:1px;width:auto;transform:none;background:linear-gradient(90deg,rgba(124,243,255,.5),transparent)}
  [dir="rtl"] .nav button.dd::after{background:linear-gradient(270deg,rgba(124,243,255,.5),transparent)}
  .nav button.dd::before{content:"";order:-1;display:block;width:9px;height:9px;border:1.4px solid #F07DB7;border-radius:0;transform:rotate(45deg);opacity:1}
  .dd-menu{display:grid!important;gap:4px;padding:0!important;margin:0!important;border:0!important;background:none!important}
  .nav>ul>li>a,.dd-menu a{position:relative;display:grid!important;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:9px 10px!important;border-radius:16px 16px 6px 6px!important;color:#F6ECF2!important;font:500 1rem var(--body)!important;background:none!important;border:1px solid transparent;transition:background .25s,border-color .25s}
  .nav>ul>li>a>span,.dd-menu a>span{grid-column:2;font-weight:600}
  .dd-menu a small{grid-column:2;grid-row:2;color:#C3AAB9!important;font-size:.76rem;margin-top:-2px}
  .mi{display:grid;place-items:center;grid-row:1/3;width:44px;height:48px;color:#F07DB7;position:relative}
  .mi::before{content:"";position:absolute;inset:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 48' preserveAspectRatio='none'%3E%3Cpath d='M1 47V20Q1 7 22 1Q43 7 43 20V47Z' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/100% 100%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 48' preserveAspectRatio='none'%3E%3Cpath d='M1 47V20Q1 7 22 1Q43 7 43 20V47Z' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/100% 100%;background:linear-gradient(180deg,#7CF3FF,#F07DB7)}
  .mi::after{content:"";position:absolute;inset:2px;z-index:-1;border-radius:20px 20px 2px 2px/16px 16px 2px 2px;background:radial-gradient(70% 60% at 50% 30%,rgba(124,243,255,.16),transparent)}
  .mi svg{width:22px;height:22px;margin-top:6px;filter:drop-shadow(0 0 4px rgba(240,125,183,.6))}
  .nav>ul>li>a:hover,.dd-menu a:hover{background:rgba(124,243,255,.06)!important;border-color:rgba(124,243,255,.22)}
  .nav a[aria-current="page"]{background:linear-gradient(90deg,rgba(240,125,183,.16),rgba(124,243,255,.06))!important;border-color:rgba(240,125,183,.45)!important;box-shadow:0 0 18px rgba(240,125,183,.15)}
  [dir="rtl"] .nav a[aria-current="page"]{background:linear-gradient(270deg,rgba(240,125,183,.16),rgba(124,243,255,.06))!important}
  .nav a[aria-current="page"] .mi{color:#fff}.nav a[aria-current="page"] .mi svg{filter:drop-shadow(0 0 6px #7CF3FF)}
  .nav>ul>li>a[aria-current="page"]::after{display:none}
  .m-portal{margin-top:16px}.m-portal a{grid-template-columns:44px 1fr!important;background:linear-gradient(90deg,#8A0050,#B8106F)!important;border-color:transparent!important}
  .m-portal .mi{color:#fff}.m-portal .mi::before{background:#fff}
  .m-tools{margin:14px 0 0;padding:16px 0 0;border-top:1px solid rgba(124,243,255,.18)}
  /* the panel's items rise in one after another as it opens */
  .nav.open>ul>li{animation:navIn .5s var(--ease) both}
  .nav.open>ul>li:nth-child(2){animation-delay:.04s}.nav.open>ul>li:nth-child(3){animation-delay:.08s}.nav.open>ul>li:nth-child(4){animation-delay:.12s}.nav.open>ul>li:nth-child(5){animation-delay:.16s}.nav.open>ul>li:nth-child(6){animation-delay:.2s}.nav.open>ul>li:nth-child(7){animation-delay:.24s}
}
@keyframes navIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
[dir="ltr"] .nav.open>ul>li{animation-name:navInL}@keyframes navInL{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}
@media (max-width:640px){.nav{inset:0 0 0 auto;max-height:none}[dir="ltr"] .nav{inset:0 auto 0 0}}
@media (prefers-reduced-motion: reduce){.nav,.nav-scrim{transition:none}.nav.open>ul>li{animation:none}.nav-rose{animation:none}}
@media (max-width:1150px){.top.clear .nav,.top .nav{background:radial-gradient(90% 40% at 100% 0%,rgba(158,0,93,.42),transparent 70%),radial-gradient(70% 40% at 0% 100%,rgba(124,243,255,.12),transparent 70%),linear-gradient(180deg,#1c0816,#0d0409)}}
@media (max-width:1150px){.nav-rose{top:auto;bottom:-90px;inset-inline-end:-90px;opacity:.3;z-index:0;width:300px;height:300px;position:sticky;display:block;margin-top:-210px;margin-inline-start:auto;pointer-events:none}
  body.menu-open .cc-fab,body.menu-open .cc-panel,body.menu-open .sample-pill{display:none}}
@media (max-width:1150px){.nav-rose{position:absolute;margin:0;bottom:-110px;top:auto;opacity:.13}
  .nav li.cur>button.dd::after{content:"";display:block!important;position:static;flex:1;height:1px;width:auto;transform:none;left:auto;bottom:auto;background:linear-gradient(270deg,rgba(124,243,255,.5),transparent)}
  [dir="ltr"] .nav li.cur>button.dd::after{background:linear-gradient(90deg,rgba(124,243,255,.5),transparent)}}
@media (max-width:1150px){.nav>ul>li>a>span{grid-row:1/3}
  .nav>ul>li.m-portal>a{background:linear-gradient(90deg,#8A0050,#B8106F)!important;border-color:rgba(240,125,183,.6)!important;box-shadow:0 0 22px rgba(184,16,111,.35)}
  [dir="rtl"] .nav>ul>li.m-portal>a{background:linear-gradient(270deg,#8A0050,#B8106F)!important}}
/* v4.2 the side panel stays still: no sideways drift, no page scrolling behind it on iPhone */
@media (max-width:1150px){
  .nav{overflow-x:hidden!important;overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;contain:paint}
  .nav>ul,.nav-head{max-width:100%}
  .nav-rose{inset-inline-end:-40px;bottom:-60px;width:240px;height:240px;animation:none}
  .nav.open>ul>li{animation:none}
  html.menu-lock,html.menu-lock body{overflow:hidden;overscroll-behavior:none}
  body.menu-open{position:fixed;left:0;right:0;width:100%}
  .nav-scrim{touch-action:none}
}
@media (max-width:1150px){.nav-rose{inset-inline-end:0;bottom:0;width:200px;height:200px;opacity:.1;clip-path:inset(0)}}
/* ===== v4.3 the branch in brief as one band from edge to edge ===== */
.band-h{background:radial-gradient(60% 80% at 100% 0%,rgba(158,0,93,.4),transparent 65%),radial-gradient(50% 70% at 0% 100%,rgba(124,243,255,.12),transparent 70%),linear-gradient(180deg,#1a0814,#0d0409);color:#F6ECF2;position:relative;isolation:isolate;overflow:hidden}
.band-h::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cg fill='none' stroke='%237CF3FF' stroke-width='1'%3E%3Cpath d='M32 10.2L53.8 32L32 53.8L10.2 32Z'/%3E%3Cpath d='M32 21.1L42.9 32L32 42.9L21.1 32Z'/%3E%3Cpath d='M32 10.2v-6.1h6.1M32 53.8v6.1h-6.1M10.2 32h-6.1v-6.1M53.8 32h6.1v6.1'/%3E%3C/g%3E%3C/svg%3E")}
.band{position:relative;border-radius:26px;padding:clamp(26px,4vw,46px) clamp(20px,4vw,48px);background:linear-gradient(160deg,rgba(124,243,255,.06),rgba(240,125,183,.05) 60%,rgba(13,4,9,.35));border:1px solid rgba(124,243,255,.4);box-shadow:0 0 40px rgba(124,243,255,.1),inset 0 0 60px rgba(240,125,183,.08)}
.band::before{content:"";position:absolute;inset:9px;border-radius:19px;border:1px solid rgba(240,125,183,.28);pointer-events:none}
.band::after{content:"";position:absolute;left:8%;right:8%;top:-1px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='12'%3E%3Cpath d='M0 1L7 10L14 1L21 10L28 1' fill='none' stroke='%237CF3FF' stroke-opacity='.6' stroke-width='1'/%3E%3C/svg%3E") repeat-x;background-size:28px 12px;pointer-events:none}
.band-top{display:grid;grid-template-columns:minmax(200px,.8fr) 2fr;gap:clamp(18px,4vw,56px);align-items:start;position:relative}
.band-t .kicker{display:inline-flex;align-items:center;gap:8px;color:#7CF3FF;font:600 .9rem var(--display);margin-bottom:6px}
.band-t h2{font-size:clamp(1.9rem,3.4vw,2.6rem);color:#fff;text-shadow:0 0 22px rgba(240,125,183,.45)}
.band-x{max-width:none;color:#E7D6E0;font-size:1.02rem;line-height:2}.band-x p{margin:0 0 12px}.band-x .btn.ghost{color:#fff;border-radius:16px 16px 6px 6px}
.band-m{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:clamp(8px,1.6vw,18px);margin-top:clamp(22px,3vw,34px);padding-top:clamp(22px,3vw,30px);border-top:1px solid rgba(124,243,255,.2);position:relative}
.band-m .medal{max-width:190px;width:100%;margin-inline:auto}
.band-m .medal b{font-size:clamp(1.35rem,2.3vw,2rem)}.band-m .medal span{font-size:clamp(.7rem,1vw,.82rem)}
@media (max-width:860px){.band-top{grid-template-columns:1fr}.band-m{grid-template-columns:repeat(2,1fr)}.band-m .medal:last-child:nth-child(odd){grid-column:1/-1;max-width:170px}}
/* ===== v4.3 calmer type across the site ===== */
body{font-size:15px;line-height:1.8}
.sec{padding-block:clamp(40px,5.5vw,68px)}
.sec-h h2,.band-t h2,.mihrab h2{font-size:clamp(1.45rem,2.4vw,1.95rem)}
.sec-h p{font-size:.93rem}
.page-h h1{font-size:clamp(1.6rem,3vw,2.3rem)}.page-h{padding-block:34px 24px}
.art{font-size:.97rem;line-height:1.95}.art h3{font-size:1.05rem}
.hero h1 .l1{font-size:clamp(1.6rem,3vw,2.75rem)}.hero h1 .l2{font-size:clamp(.95rem,1.4vw,1.25rem)}.hero .lede{font-size:clamp(.92rem,1.2vw,1.02rem)}
.btn{font-size:.88rem;padding:10px 20px}.btn.sm{font-size:.8rem;padding:7px 14px}
.nav a,.nav button.dd{font-size:.88rem}
.card h3,.prog h3,.ev h3{font-size:1rem}.card p,.prog p{font-size:.86rem}
.band-x{font-size:.95rem;line-height:1.95}
.medal b{font-size:clamp(1.3rem,2.2vw,1.9rem)}
/* the chief executive's word: quieter type, a round portrait in a turning khatam */
.ceo-stage{grid-template-columns:minmax(200px,280px) minmax(0,1fr);gap:clamp(24px,4vw,56px)}
.ceo-word{padding:clamp(22px,3vw,36px)}
.ceo-word h3{font-size:.85rem;margin-bottom:10px}
.cw-lead{font:600 clamp(.98rem,1.3vw,1.08rem)/1.95 var(--body);color:#fff;margin:0 0 12px}
.ceo-word p{font-size:.93rem;line-height:1.95}
.cw-q{font-size:6rem;top:-24px}
.cw-sign{font-size:1.15rem!important}
.cp-medal{position:relative;width:min(100%,260px);aspect-ratio:1;display:grid;place-items:center}
.cp-star{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 8px rgba(124,243,255,.45));animation:mSpin 80s linear infinite}
.cp-medal .cp-ph{position:relative;width:64%;height:auto;aspect-ratio:1;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:radial-gradient(80% 60% at 50% 30%,#9E005D,#220A1A 75%);box-shadow:0 0 0 3px #1a0814,0 0 0 4.5px rgba(240,125,183,.8),0 0 34px rgba(240,125,183,.45)}
.cp-medal .cp-ph img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;filter:none}
.cp-medal .cp-ph::after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(180deg,transparent 60%,rgba(26,8,20,.35));pointer-events:none}
.cp-medal .ini{font-size:clamp(2rem,4vw,2.8rem)}
.ceo-port b{font-size:1.02rem}.ceo-port small{font-size:.8rem}
@media (prefers-reduced-motion: reduce){.cp-star{animation:none}}
@media (max-width:860px){.cp-medal{width:220px}}
/* ===== v4.3 separators between sections ===== */
.sep{position:relative;z-index:2;display:flex;align-items:center;gap:14px;height:0;padding:0 max(16px,calc((100% - 1200px)/2));color:#F07DB7}
.sep i{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(124,243,255,.55),rgba(240,125,183,.55),transparent)}
.sep svg{flex:none;width:30px;height:30px;padding:5px;box-sizing:content-box;border-radius:50%;background:#14060f;border:1px solid rgba(240,125,183,.55);box-shadow:0 0 14px rgba(240,125,183,.35);transform:translateY(0)}
.sep::before{content:"";position:absolute;left:0;right:0;top:-6px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='12'%3E%3Cpath d='M0 1L7 10L14 1L21 10L28 1' fill='none' stroke='%23F07DB7' stroke-opacity='.35' stroke-width='1'/%3E%3C/svg%3E") repeat-x;background-size:28px 12px;opacity:.6;pointer-events:none}
@media (max-width:860px){.ceo-stage{grid-template-columns:1fr}.ceo-port{max-width:300px;margin-inline:auto}}
@media (max-width:640px){.band-m{grid-template-columns:repeat(3,1fr);gap:6px}.band-m .medal:last-child:nth-child(odd){grid-column:auto;max-width:none}.band-m .medal b{font-size:1.05rem}.band-m .medal span{font-size:.62rem;max-width:70%}
  body{font-size:14.5px}.art,.band-x,.ceo-word p{font-size:.92rem}.cw-lead{font-size:.95rem}.sec-h h2,.band-t h2,.mihrab h2{font-size:1.35rem}}
.medal.empty-m{opacity:.55}.medal.empty-m .m-star{animation:none}
/* ===== v4.6 conferences: a stage of light ===== */
.majlis-sec{position:relative;isolation:isolate;color:#F6ECF2;background:radial-gradient(60% 70% at 85% 10%,rgba(158,0,93,.45),transparent 65%),radial-gradient(50% 60% at 10% 90%,rgba(124,243,255,.12),transparent 70%),linear-gradient(180deg,#14060f,#0b0308)}
.majlis-sec::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cg fill='none' stroke='%23F07DB7' stroke-width='1'%3E%3Cpath d='M32 10.2L53.8 32L32 53.8L10.2 32Z'/%3E%3Cpath d='M32 21.1L42.9 32L32 42.9L21.1 32Z'/%3E%3Cpath d='M32 10.2v-6.1h6.1M32 53.8v6.1h-6.1M10.2 32h-6.1v-6.1M53.8 32h6.1v6.1'/%3E%3C/g%3E%3C/svg%3E")}
.majlis-sec .sec-h h2{color:#fff}.majlis-sec .sec-h p{color:#C3AAB9}.majlis-sec .more{color:#7CF3FF}.majlis-sec .empty{color:#C3AAB9;border-color:rgba(124,243,255,.25)}
.majlis-sec .crumbs{font-size:.84rem;color:#C3AAB9;margin-bottom:16px}.majlis-sec .crumbs a{color:#F07DB7;text-decoration:none}
.stage{position:relative;display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:clamp(22px,4vw,56px);align-items:center;padding:clamp(24px,4vw,46px);border-radius:28px;overflow:hidden;
  background:linear-gradient(160deg,rgba(124,243,255,.07),rgba(240,125,183,.06) 55%,rgba(13,4,9,.4));border:1px solid rgba(124,243,255,.4);box-shadow:0 0 50px rgba(124,243,255,.1),inset 0 0 70px rgba(240,125,183,.08)}
.stage::before{content:"";position:absolute;inset:10px;border-radius:20px;border:1px solid rgba(240,125,183,.28);pointer-events:none}
.stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(124,243,255,.035) 0 1px,transparent 1px 4px)}
.st-holo{position:absolute;inset-inline-start:clamp(10px,3vw,40px);top:50%;width:min(440px,46%);aspect-ratio:1;transform:translateY(-50%);pointer-events:none}
.st-holo svg{position:absolute;inset:0;width:100%;height:100%;stroke:#7CF3FF;opacity:.45;animation:mSpin 70s linear infinite}
.st-holo i{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(124,243,255,.45);transform:translate(-50%,-50%) rotateX(68deg);box-shadow:0 0 22px rgba(124,243,255,.3)}
.st-holo i:nth-child(1){width:84%;height:84%;top:88%}.st-holo i:nth-child(2){width:64%;height:64%;top:90%;border-color:rgba(240,125,183,.55)}.st-holo i:nth-child(3){width:44%;height:44%;top:92%;animation:holoPulse 3s ease-in-out infinite}
@keyframes holoPulse{50%{opacity:.35;box-shadow:0 0 40px rgba(124,243,255,.6)}}
.st-mark{position:relative;z-index:1;display:grid;place-items:center}
.ev-mark{display:grid;place-items:center;border-radius:50%;overflow:hidden}
.st-mark .ev-mark{width:min(100%,260px);aspect-ratio:1;box-shadow:0 0 0 4px #14060f,0 0 0 5.5px rgba(240,125,183,.85),0 0 50px rgba(240,125,183,.45),0 0 90px rgba(124,243,255,.18);animation:floatY 6s ease-in-out infinite}
.ev-mark.logo{background:#fff}.ev-mark.logo img{width:100%;height:100%;object-fit:contain;padding:8%}
.ev-mark.date{background:radial-gradient(80% 70% at 50% 30%,#9E005D,#3a0a2a 80%);color:#fff;align-content:center;gap:2px;text-align:center}
.ev-mark.date b{font:700 clamp(2.4rem,5vw,3.6rem)/1 var(--display);text-shadow:0 0 22px rgba(124,243,255,.7)}.ev-mark.date small{font-size:.9rem;color:#F7B8D8}
@keyframes floatY{50%{transform:translateY(-8px)}}
.st-body{position:relative;z-index:1;display:grid;gap:14px;align-content:center}
.st-k{display:inline-flex;align-items:center;gap:8px;color:#7CF3FF;font:600 .85rem var(--display)}
.stage h3{font:600 clamp(1.3rem,2.4vw,1.85rem)/1.45 var(--display);color:#fff;text-shadow:0 0 20px rgba(240,125,183,.4)}.stage h3 a{color:inherit;text-decoration:none}
.st-meta{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;color:#E7D6E0;font-size:.9rem}
.st-meta li{display:inline-flex;align-items:center;gap:7px}.st-meta svg{width:17px;height:17px;fill:none;stroke:#F07DB7;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.cd{display:grid;grid-template-columns:repeat(4,minmax(0,92px));gap:10px;margin-top:4px}
.cd-c{position:relative;display:grid;justify-items:center;gap:2px;padding:14px 4px 10px;border-radius:999px 999px 10px 10px/46px 46px 10px 10px;background:linear-gradient(180deg,rgba(124,243,255,.12),rgba(240,125,183,.06));border:1px solid rgba(124,243,255,.45);box-shadow:inset 0 0 18px rgba(124,243,255,.12),0 0 16px rgba(124,243,255,.12)}
.cd-c b{font:700 clamp(1.3rem,2.2vw,1.8rem)/1.1 var(--body);color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 0 14px rgba(124,243,255,.8)}.cd-c small{font-size:.72rem;color:#F7B8D8}
.cd-c b.flip{animation:cdFlip .45s var(--ease)}@keyframes cdFlip{from{opacity:.2;transform:translateY(-6px)}to{opacity:1;transform:none}}
.cd.on{display:block}.cd-live{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:rgba(124,200,74,.15);border:1px solid rgba(124,200,74,.6);color:#B6EE8F;font-weight:700}
.cd-live::before{content:"";width:9px;height:9px;border-radius:50%;background:#7CC84A;box-shadow:0 0 10px #7CC84A;animation:holoPulse 1.4s infinite}
.st-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.st-cta .btn{border-radius:16px 16px 6px 6px}.st-cta .btn.ghost{color:#fff}
.stage.done{opacity:.85}.stage.done .ev-mark{animation:none}
.evcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin-top:22px}
.evc{position:relative;display:grid;justify-items:center;text-align:center;gap:10px;padding:22px 16px 18px;border-radius:999px 999px 18px 18px/140px 140px 18px 18px;text-decoration:none;color:#F6ECF2;background:linear-gradient(180deg,rgba(124,243,255,.07),rgba(240,125,183,.05));border:1px solid rgba(124,243,255,.35);transition:transform .3s var(--ease),border-color .3s}
.evc:hover,.evc:focus-visible{transform:translateY(-5px);border-color:#F07DB7}
.evc .ev-mark{width:118px;aspect-ratio:1;box-shadow:0 0 0 3px #14060f,0 0 0 4px rgba(240,125,183,.7),0 0 26px rgba(240,125,183,.35)}
.evc .ev-mark.date b{font-size:2rem}.evc .ev-mark.date small{font-size:.72rem}
.evc-b{display:grid;gap:3px;justify-items:center}.evc-b b{font:600 1rem/1.5 var(--body);color:#fff}.evc-b small{color:#C3AAB9;font-size:.8rem}.evc .mode{margin-top:4px}
.sec:not(.majlis-sec) .evc{color:var(--ink);background:var(--surface);border-color:var(--line)}.sec:not(.majlis-sec) .evc-b b{color:var(--ink)}.sec:not(.majlis-sec) .evc-b small{color:var(--muted)}
.evc.past{opacity:.85}
.ev-page{padding-top:clamp(28px,4vw,44px)}.ev-art{max-width:860px;margin-inline:auto}
@media (max-width:760px){.stage{grid-template-columns:1fr;text-align:center;justify-items:center}.st-holo{inset-inline-start:50%;top:30%;width:90%;transform:translate(50%,-50%)}[dir="ltr"] .st-holo{transform:translate(-50%,-50%)}
  .st-mark .ev-mark{width:200px}.st-meta,.st-cta{justify-content:center}.st-k{justify-content:center}.cd{grid-template-columns:repeat(4,1fr);gap:6px;width:100%}.cd-c b{font-size:1.2rem}}
@media (prefers-reduced-motion: reduce){.st-holo svg,.st-holo i,.st-mark .ev-mark,.cd-c b.flip,.cd-live::before{animation:none}}
.cd-c{border-radius:46px 46px 10px 10px}
@media (max-width:760px){.st-holo{top:24%;width:84%}.st-holo i{display:none}.st-mark .ev-mark{width:190px}.stage h3{font-size:1.25rem}.cd-c{border-radius:30px 30px 8px 8px;padding:10px 2px 8px}}
/* ===== v4.7 the holographic globe ===== */
.globe-sec{position:relative;isolation:isolate;color:#F6ECF2;overflow:hidden;background:radial-gradient(50% 60% at 50% 55%,rgba(158,0,93,.35),transparent 70%),radial-gradient(80% 60% at 50% 100%,rgba(124,243,255,.10),transparent 70%),linear-gradient(180deg,#0b0308,#05020a 60%,#0b0308)}
.globe-sec .sec-h h2{color:#fff}.globe-sec .sec-h p{color:#C3AAB9}.globe-sec .kicker{color:#7CF3FF}
.globe{position:relative;height:clamp(420px,62vw,640px);margin-top:4px}
.globe canvas{position:absolute;inset:0;width:100%!important;height:100%!important;display:block}
.globe-flat{position:absolute;inset:0;display:grid;place-items:center}.globe.live .globe-flat{display:none}
.globe .road{width:100%}.globe svg.map{max-width:900px}
.gl-lab{position:absolute;left:0;top:0;z-index:2;pointer-events:none;white-space:nowrap;font:600 .74rem var(--body);color:#fff;padding:3px 10px;border-radius:999px;border:1px solid rgba(240,125,183,.55);background:rgba(18,6,14,.72);transition:opacity .3s;backdrop-filter:blur(4px)}
.gl-lab.hq{border-color:rgba(124,243,255,.7)}.gl-lab.me{border-color:#F7C66B;color:#FFE3A6;font-size:.82rem;box-shadow:0 0 14px rgba(247,198,107,.45)}
.gl-hint{position:absolute;bottom:4px;left:0;right:0;text-align:center;margin:0;font-size:.76rem;color:#C3AAB9;pointer-events:none}
@media (max-width:640px){.globe{height:400px}.gl-lab{font-size:.66rem;padding:2px 7px}}
.globe::before{content:"";position:absolute;left:50%;top:50%;width:min(62vh,560px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(240,125,183,.28),rgba(158,0,93,.12) 70%,transparent);filter:blur(10px);pointer-events:none}
/* ===== v4.8 footer strip: social and payment niches in the Abbasid manner ===== */
.fz{display:grid;grid-template-columns:1fr 1.5fr;gap:18px;margin-top:30px}
.fz-panel{position:relative;padding:20px 20px 16px;border-radius:18px;background:linear-gradient(180deg,rgba(240,125,183,.06),rgba(124,243,255,.03));border:1px solid rgba(240,125,183,.22)}
.fz-panel::before{content:"";position:absolute;left:18px;right:18px;top:-1px;height:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='10'%3E%3Cpath d='M0 1C0 5 6 6 12 9C18 6 24 5 24 1' fill='none' stroke='%23F07DB7' stroke-opacity='.55' stroke-width='1'/%3E%3C/svg%3E") repeat-x;background-size:24px 10px}
.fz-panel h5{display:flex;align-items:center;gap:8px;margin:0 0 14px;font:600 .9rem var(--display);color:#F6ECF2}.fz-panel h5 svg{color:#F07DB7}
.fz-socs,.fz-pays{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.fz-soc{display:grid;place-items:center;width:44px;height:50px;color:#F6ECF2;text-decoration:none;border-radius:22px 22px 7px 7px;background:linear-gradient(180deg,rgba(124,243,255,.12),rgba(240,125,183,.08));border:1px solid rgba(124,243,255,.4);transition:transform .25s var(--ease),box-shadow .25s,color .25s}
a.fz-soc:hover,a.fz-soc:focus-visible{transform:translateY(-3px);color:#fff;box-shadow:0 0 18px rgba(240,125,183,.5);border-color:#F07DB7}
.fz-soc.off{opacity:.32;filter:grayscale(1)}
.fz-pay{display:grid;place-items:center;min-width:76px;height:46px;padding:0 12px;border-radius:999px 999px 8px 8px/26px 26px 8px 8px;background:#fdf8f0;border:1px solid rgba(226,190,118,.8);box-shadow:inset 0 0 0 3px #fdf8f0,inset 0 0 0 4px rgba(226,190,118,.45);color:#3a2406;font:700 .78rem var(--body)}
.fz-pay img{max-height:26px;max-width:84px;object-fit:contain}
.fz-pay.off{opacity:.4;filter:grayscale(1)}
.fz-note{margin:12px 0 0;font-size:.78rem;color:var(--on-night-muted)}
@media (max-width:860px){.fz{grid-template-columns:1fr}}
@media (max-width:520px){.fz-soc{width:38px;height:44px}.fz-pay{min-width:66px;height:42px;font-size:.72rem}}
.foot ul.fz-socs,.foot ul.fz-pays{display:flex;flex-wrap:wrap;gap:10px}.foot .fz-pay{flex:0 0 auto}
/* ===== v4.9 Visit Iraq ===== */
.visit-sec{position:relative;isolation:isolate;color:#F6ECF2;overflow:hidden;background:radial-gradient(60% 60% at 15% 20%,rgba(247,198,107,.12),transparent 65%),radial-gradient(60% 70% at 90% 80%,rgba(158,0,93,.35),transparent 70%),linear-gradient(180deg,#0f050c,#07020a)}
.visit-sec::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cg fill='none' stroke='%23F7C66B' stroke-width='1'%3E%3Cpath d='M32 10.2L53.8 32L32 53.8L10.2 32Z'/%3E%3Cpath d='M32 21.1L42.9 32L32 42.9L21.1 32Z'/%3E%3Cpath d='M32 10.2v-6.1h6.1M32 53.8v6.1h-6.1M10.2 32h-6.1v-6.1M53.8 32h6.1v6.1'/%3E%3C/g%3E%3C/svg%3E")}
.visit-sec .sec-h h2{color:#fff}.visit-sec .sec-h p{color:#C3AAB9}.visit-sec .kicker{color:#F7C66B;font-family:var(--display)}.visit-sec .more{color:#F7C66B}
.vs{position:relative;outline:none}
.vs-stage{position:relative;display:grid}
.vs-slide{grid-area:1/1;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,1fr);gap:clamp(20px,4vw,52px);align-items:center;opacity:0;visibility:hidden;transform:scale(.985);transition:opacity .8s var(--ease),transform 1.2s var(--ease),visibility 0s .8s}
.vs-slide.on{opacity:1;visibility:visible;transform:none;transition:opacity .8s var(--ease),transform 1.2s var(--ease)}
.vs-frame{position:relative;aspect-ratio:16/10.5;filter:drop-shadow(0 0 22px rgba(124,243,255,.25))}
.vs-media{position:absolute;inset:0;overflow:hidden;--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M1 99V38Q1 12 50 1Q99 12 99 38V99Z'/%3E%3C/svg%3E");-webkit-mask:var(--m) center/100% 100% no-repeat;mask:var(--m) center/100% 100% no-repeat;background:#14060f}
.vs-media img,.vs-media .va{width:100%;height:100%;object-fit:cover;display:block}
.vs-slide.on .vs-media img,.vs-slide.on .vs-media .va{animation:kenburns 14s ease-out both}
@keyframes kenburns{from{transform:scale(1.08) translateY(1.5%)}to{transform:scale(1)}}
.vs-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(124,243,255,.12),transparent 30%,transparent 65%,rgba(20,6,15,.55)),repeating-linear-gradient(0deg,rgba(124,243,255,.05) 0 1px,transparent 1px 4px);pointer-events:none}
.vs-scan{position:absolute;left:0;right:0;height:22%;top:-25%;z-index:1;background:linear-gradient(180deg,transparent,rgba(124,243,255,.22),transparent);animation:lrSweep 5s ease-in-out infinite;pointer-events:none}
.vs-arch{position:absolute;inset:-7px;width:calc(100% + 14px);height:calc(100% + 14px);overflow:visible;pointer-events:none}
.vs-arch path{fill:none;stroke:#F7C66B;stroke-width:1.6;opacity:.85}
.vs-frame::before{content:"";position:absolute;inset:-16px;--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M1 99V38Q1 12 50 1Q99 12 99 38V99Z' fill='none' stroke='black' stroke-width='.6'/%3E%3C/svg%3E");-webkit-mask:var(--m) center/100% 100% no-repeat;mask:var(--m) center/100% 100% no-repeat;background:linear-gradient(135deg,#7CF3FF,#F07DB7);opacity:.7}
.vs-info{display:grid;gap:12px;align-content:center}
.vs-n{font:600 1.6rem var(--body);color:#F7C66B}.vs-n small{font-size:.9rem;color:#C3AAB9}
.vs-era{justify-self:start;background:rgba(247,198,107,.14);color:#FFE3A6;border:1px solid rgba(247,198,107,.45)}
.vs-info h3{font:600 clamp(1.4rem,2.6vw,2.1rem)/1.35 var(--display);color:#fff;text-shadow:0 0 22px rgba(240,125,183,.45)}
.vs-city{display:flex;align-items:center;gap:8px;margin:0;color:#7CF3FF;font-weight:600}.vs-city svg{width:18px;height:18px;fill:none;stroke:#7CF3FF;stroke-width:1.7}
.vs-desc{margin:0;color:#E7D6E0;line-height:1.95;font-size:.96rem}
.vs-note{margin:0;font-size:.74rem;color:#9d8796}
.vs-slide.on .vs-info>*{animation:navIn .7s var(--ease) both}.vs-slide.on .vs-info>*:nth-child(2){animation-delay:.08s}.vs-slide.on .vs-info>*:nth-child(3){animation-delay:.16s}.vs-slide.on .vs-info>*:nth-child(4){animation-delay:.24s}.vs-slide.on .vs-info>*:nth-child(5){animation-delay:.32s}
[dir="ltr"] .vs-slide.on .vs-info>*{animation-name:navInL}
.vs.glitch .vs-slide.on .vs-frame{animation:holoGlitch .55s steps(2) 1}
@keyframes holoGlitch{0%{filter:drop-shadow(0 0 22px rgba(124,243,255,.25)) hue-rotate(40deg) brightness(1.4);transform:translateX(2px)}40%{transform:translateX(-2px)}100%{filter:drop-shadow(0 0 22px rgba(124,243,255,.25));transform:none}}
.vs-bar{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:26px}
.vs-btn{width:46px;height:52px;border-radius:23px 23px 8px 8px;border:1px solid rgba(247,198,107,.55);background:rgba(247,198,107,.08);color:#F7C66B;font-size:1.6rem;line-height:1;cursor:pointer;transition:background .25s,box-shadow .25s}.vs-btn:hover{background:rgba(247,198,107,.18);box-shadow:0 0 18px rgba(247,198,107,.35)}
.vs-dots{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.vs-dot{display:grid;place-items:center;width:30px;height:30px;border:0;background:none;color:#6d5866;cursor:pointer;padding:0;transition:color .3s,transform .3s}.vs-dot.on{color:#F7C66B;transform:scale(1.25);filter:drop-shadow(0 0 6px rgba(247,198,107,.7))}
.vs-prog{height:2px;margin:16px auto 0;max-width:420px;background:rgba(247,198,107,.15);border-radius:2px;overflow:hidden}.vs-prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,#7CF3FF,#F7C66B,#F07DB7)}
@media (max-width:860px){.vs-slide{grid-template-columns:1fr;gap:18px}.vs-frame{aspect-ratio:4/3.4}.vs-info{text-align:start}.vs-n{font-size:1.2rem}}
@media (prefers-reduced-motion: reduce){.vs-slide,.vs-slide.on{transition:none}.vs-slide.on .vs-media img,.vs-slide.on .vs-media .va,.vs-scan,.vs.glitch .vs-slide.on .vs-frame,.vs-slide.on .vs-info>*{animation:none}}
@media (max-width:640px){.vs-frame{margin-inline:10px}}
/* ===== v4.10 lecturers on the home page: a turning gallery of arched portraits of light ===== */
.flow-sec{position:relative;isolation:isolate;color:#F6ECF2;overflow:hidden;background:radial-gradient(55% 60% at 50% 70%,rgba(158,0,93,.4),transparent 70%),radial-gradient(60% 50% at 50% 100%,rgba(247,198,107,.12),transparent 70%),linear-gradient(180deg,#0d0409,#14060f 60%,#0b0308)}
.flow-sec::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cg fill='none' stroke='%23F7C66B' stroke-width='1'%3E%3Cpath d='M32 10.2L53.8 32L32 53.8L10.2 32Z'/%3E%3Cpath d='M32 21.1L42.9 32L32 42.9L21.1 32Z'/%3E%3Cpath d='M32 10.2v-6.1h6.1M32 53.8v6.1h-6.1M10.2 32h-6.1v-6.1M53.8 32h6.1v6.1'/%3E%3C/g%3E%3C/svg%3E")}
.flow-sec .sec-h h2{color:#fff}.flow-sec .sec-h p{color:#C3AAB9}.flow-sec .kicker,.flow-sec .more{color:#F7C66B}
.lf{position:relative;outline:none}
.lf-track{position:relative;height:clamp(430px,44vw,500px);perspective:1400px;transform-style:preserve-3d}
.lf-card{position:absolute;left:50%;top:0;width:clamp(200px,22vw,250px);display:grid;justify-items:center;gap:14px;text-decoration:none;color:#fff;transition:transform .9s var(--ease),opacity .9s var(--ease);will-change:transform}
.lf-arch{position:relative;width:100%;aspect-ratio:100/140;display:grid;place-items:center}
.lf-line{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.lf-line path{fill:rgba(124,243,255,.05);stroke:rgba(124,243,255,.6);stroke-width:1.4;filter:drop-shadow(0 0 7px rgba(124,243,255,.5));transition:stroke .5s}
.lf-ph{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 140' preserveAspectRatio='none'%3E%3Cpath d='M0 140V50Q0 15 50 0Q100 15 100 50V140Z'/%3E%3C/svg%3E");position:absolute;inset:10px;display:grid;place-items:center;overflow:hidden;-webkit-mask:var(--m) center/100% 100% no-repeat;mask:var(--m) center/100% 100% no-repeat;background:radial-gradient(80% 55% at 50% 28%,#9E005D,#220A1A 80%)}
.lf-ph img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;filter:saturate(.9) contrast(1.05)}
.lf-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(124,243,255,.16),transparent 35%,transparent 60%,rgba(20,6,15,.65)),repeating-linear-gradient(0deg,rgba(124,243,255,.06) 0 1px,transparent 1px 4px);pointer-events:none}
.lf-ini{font:700 clamp(2.4rem,4vw,3.2rem) var(--display);color:#fff;text-shadow:0 0 24px rgba(124,243,255,.8)}
.lf-scan{position:absolute;inset:10px;overflow:hidden;pointer-events:none;-webkit-mask:var(--m);mask:var(--m)}
.lf-scan::after{content:"";position:absolute;left:0;right:0;height:24%;top:-30%;background:linear-gradient(180deg,transparent,rgba(124,243,255,.28),transparent);animation:lrSweep 4.5s ease-in-out infinite}
.lf-kh{position:absolute;bottom:-14px;left:50%;width:30px;height:30px;transform:translateX(-50%);color:#F7C66B;background:#14060f;border-radius:50%;padding:3px;filter:drop-shadow(0 0 6px rgba(247,198,107,.6))}
.lf-info{display:grid;justify-items:center;gap:3px;text-align:center;opacity:.55;transition:opacity .6s}
.lf-info b{font:700 1rem/1.4 var(--body)}.lf-info small{color:#F7B8D8;font-size:.82rem}.lf-info em{font-style:normal;color:#7CF3FF;font-size:.76rem}
.lf-card.on .lf-line path{stroke:#F7C66B;filter:drop-shadow(0 0 12px rgba(247,198,107,.7))}.lf-card.on .lf-info{opacity:1}
.lf-card.on .lf-arch{animation:floatY 6s ease-in-out infinite}
.lf-floor{position:absolute;left:50%;bottom:clamp(80px,9vw,96px);width:min(720px,94%);height:80px;transform:translateX(-50%);pointer-events:none}
.lf-floor i{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(124,243,255,.4);box-shadow:0 0 30px rgba(124,243,255,.25)}.lf-floor i:nth-child(2){inset:14px 14%;border-color:rgba(240,125,183,.5)}.lf-floor i:nth-child(3){inset:28px 30%;border-color:rgba(247,198,107,.55);animation:holoPulse 3s ease-in-out infinite}
.lf .vs-bar{margin-top:6px}
@media (max-width:640px){.lf-track{height:400px}.lf-card{width:190px}.lf-floor{bottom:90px}}
@media (prefers-reduced-motion: reduce){.lf-card{transition:none}.lf-card.on .lf-arch,.lf-scan::after,.lf-floor i{animation:none}}
@media (max-width:640px){.lf-card:not(.on) .lf-info{opacity:0}.lf .vs-dots{flex-wrap:nowrap;gap:0}.lf .vs-dot{width:24px}.lf-info{background:rgba(13,4,9,.6);padding:6px 12px;border-radius:12px}}

/* =====================================================================================================
   Lebanon — the cedar, the sea and the Phoenician coast. Outside the hero and the governance section,
   everything is drawn from Lebanon: waves and a cedar roundel between sections, a temple front of Baalbek
   for the branch's figures, tablets of Byblos with Phoenician letters for the departments, coins of the
   Phoenician cities for the lecturers, the sun setting off the Raouché rocks for the conferences, a voyage
   along the coast for the heritage chapters, mosaic of tesserae for edges and frames.
   ===================================================================================================== */
:root{--l-tyre:#7A0048;--l-sea:#9E005D;--l-sea2:#2a0c22;--l-cedar:#7CC84A;--l-terra:#F07DB7;--l-stone:#E9E1D3;--l-gold:#F7C66B;--l-dusk:#12060E;
  --l-mosaic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='14'%3E%3Crect width='28' height='14' fill='%2314060F'/%3E%3Cpath d='M0 11H4Q10 11 11 6Q12 2 15.5 2.6Q19 3.4 17.6 6.4Q16.4 8.6 14.2 7.4' fill='none' stroke='%237CC84A' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M14.2 7.4Q13 6.2 14.6 5.2' fill='none' stroke='%23F07DB7' stroke-width='1.3' stroke-linecap='round'/%3E%3Cpath d='M18 11H28' stroke='%237CC84A' stroke-width='1.5'/%3E%3C/svg%3E") 0 50%/28px 100% repeat-x;--l-line:linear-gradient(90deg,#7CC84A,#F07DB7 50%,#7CF3FF)}

@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--paper:#160A12}}
@keyframes lSpin{to{transform:rotate(360deg)}}
@keyframes lBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}

/* ---------- header: a mosaic edge; the seal in a ring of the sea ---------- */
.top::before{display:none}
.top::after{bottom:0;height:4px;background:var(--l-line);background-size:auto;opacity:.95}
.top.clear::after{opacity:0}
.seal::before{inset:3px;transform:none;border-radius:50%;border:1.4px solid rgba(124,243,255,.85)}
.seal::after{inset:-1px;transform:none;border-radius:50%;border:1.2px dashed rgba(232,176,75,.75)}
.nav a,.nav button.dd{border-radius:10px}
.nav>ul>li>a[aria-current="page"]::after,.nav li.cur>button.dd::after{width:16px;height:3px;bottom:-1px;border-radius:2px;background:var(--l-gold);transform:translateX(-50%)}
.dd-menu{border-radius:14px}.dd-menu::before{background:#1a0814}
.top .btn{border-radius:10px}
.menu-btn{border-radius:10px!important}
@media (max-width:1150px){
  .nav::before{display:none}
  .nav-head::after{left:18px;right:18px;bottom:4px;height:4px;border-radius:1px;background:var(--l-line);background-size:auto}
  .nav-x{border-radius:10px!important}
  .nav>ul>li>a,.dd-menu a{border-radius:12px!important}
  .mi{height:44px}
  .mi::before{-webkit-mask:none;mask:none;inset:3px;border-radius:10px;background:none;border:1.6px solid rgba(232,176,75,.7);box-shadow:inset 0 0 0 3px rgba(20,6,15,.9),inset 0 0 0 4.5px rgba(124,243,255,.35)}
  .mi::after{inset:4px;border-radius:9px;clip-path:none;background:radial-gradient(60% 60% at 50% 40%,rgba(124,243,255,.16),transparent)}
  .mi svg{margin-top:0;width:20px;height:20px;filter:drop-shadow(0 0 4px rgba(124,243,255,.5))}
  .nav-rose{display:none!important}
  .nav-range{display:block!important;position:relative;width:100%;height:96px;margin-top:18px;pointer-events:none;opacity:.6}
  .nav-range .r1{fill:#3a1236}.nav-range .r2{fill:#3a0d2c}.nav-range .r3{fill:#2a0c22}.nav-range .sn{fill:none;stroke:#EEF2F6;stroke-opacity:.5;stroke-width:1.2;vector-effect:non-scaling-stroke}.nav-range circle{fill:var(--l-gold);filter:drop-shadow(0 0 10px rgba(232,176,75,.8))}
}
.nav-range{display:none}

/* ---------- between sections: two lines of waves and a cedar in a roundel ---------- */
.l-sep{position:relative;z-index:3;height:40px;margin-block:-20px;pointer-events:none}
.l-sep svg{display:block;width:100%;height:100%;overflow:visible}
.l-sep path{fill:none;vector-effect:non-scaling-stroke}
.l-sep .a{stroke:#7CF3FF;stroke-opacity:.6;stroke-width:1.4}.l-sep .b{stroke:var(--l-gold);stroke-opacity:.5;stroke-width:1.1}
.l-sep-c{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#14060f;color:#7CF3FF;border:1.5px solid var(--l-gold);box-shadow:0 0 0 4px rgba(232,176,75,.12),0 0 16px rgba(124,243,255,.25)}
.l-sep-c svg{width:24px;height:24px}
.l-div{display:flex;align-items:center;gap:16px;width:min(1200px,100% - 32px);margin:0 auto;padding-block:8px;color:var(--l-sea)}
.l-div i{flex:1;height:6px;background:radial-gradient(circle at 3px 3px,color-mix(in srgb,var(--l-sea) 55%,transparent) 1.6px,transparent 2px) 0 0/12px 6px repeat-x}
.l-div-m{display:inline-flex;align-items:center;gap:8px}.l-div-m svg{width:40px;height:34px;color:var(--l-sea)}.l-div-m b{font:700 .84rem var(--display);color:var(--muted);white-space:nowrap}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .l-div,:root:not([data-theme="light"]) .l-div-m svg{color:#7CF3FF}}
:root[data-theme="dark"] .l-div,:root[data-theme="dark"] .l-div-m svg{color:#7CF3FF}

/* ---------- inner page headers: the coast at dusk, the mountain, the sea, a cedar ---------- */
.page-h.l-ph{background:linear-gradient(180deg,var(--l-dusk) 0%,#2a0b22 58%,#7A0048 100%);padding-bottom:clamp(96px,11vw,136px)}
.page-h.l-ph::after{display:none}
.l-ph-m{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:clamp(76px,11vw,140px)}
.l-ph-m .m1{fill:#2a0c26}.l-ph-m .sea{fill:#2a0c22}.l-ph-m .w1,.l-ph-m .w2{fill:none;stroke:#7CF3FF;stroke-opacity:.35;stroke-width:1.2;vector-effect:non-scaling-stroke}.l-ph-m .last{fill:var(--paper)}
.l-ph-m .sn,.l-foot-m .sn,.lb-mts .sn{fill:none;stroke:#EEF2F6;stroke-opacity:.45;stroke-width:1.2;vector-effect:non-scaling-stroke}
.l-ph-sun{position:absolute;top:auto;bottom:clamp(64px,8vw,96px);inset-inline-end:16%;width:76px;height:76px;border-radius:50%;background:radial-gradient(circle,#FFE9B3 0,#F7C66B 55%,rgba(232,176,75,0) 72%);box-shadow:0 0 70px rgba(232,176,75,.45)}
.l-ph-cedar{position:absolute;bottom:clamp(40px,6vw,70px);inset-inline-end:5%;color:#7CF3FF;opacity:.35}
.l-ph .wrap{position:relative;z-index:1}

/* ---------- the branch in brief: a temple front of Baalbek, each figure cut into its frieze ---------- */
.l-brief{padding-top:clamp(36px,5vw,60px)}
.lb{position:relative;isolation:isolate;overflow:hidden;border-radius:26px;padding:clamp(26px,4vw,46px) clamp(20px,4vw,48px) 0;color:#F6ECF2;background:linear-gradient(180deg,#22091a 0%,#3a0a2a 48%,#9E005D 100%);box-shadow:0 34px 60px -34px rgba(20,6,15,.7)}
.lb-sky{position:absolute;inset:0;z-index:-2}
.lb-sky i{position:absolute;bottom:22%;inset-inline-start:12%;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,#FFF0C8,#F7C66B 55%,rgba(242,181,68,0) 72%);box-shadow:0 0 90px rgba(242,181,68,.5)}
.lb-mts{position:absolute;left:0;right:0;bottom:0;width:100%;height:58%;z-index:-1}
.lb-mts .m1{fill:#5a2140;opacity:.85}.lb-mts .m2{fill:#3a1430}
.lb-top{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(18px,3vw,40px);align-items:start}
.lb-t h2{color:#fff;font-size:clamp(1.45rem,2.4vw,1.95rem)}.lb-t .kicker{display:inline-flex;align-items:center;gap:8px;color:#7CF3FF;font:700 .9rem var(--display)}
.lb-x p{color:#EADAE4;font-size:.95rem}.lb-x .btn{color:#fff}
.lb-temple{position:relative;margin:26px auto 0;max-width:900px}
.lb-corn{height:22px;margin-inline:-14px;background:linear-gradient(180deg,#F3EADA,#D9CBB2);clip-path:polygon(3% 0,97% 0,100% 100%,0 100%);box-shadow:inset 0 -5px 0 rgba(0,0,0,.08)}
.lb-cols{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.lc{display:flex;flex-direction:column;align-items:center}
.lc-v{align-self:stretch;display:grid;justify-items:center;align-content:center;text-align:center;gap:2px;min-height:86px;padding:10px 6px;color:#3a1a14;background:linear-gradient(180deg,#EFE5D3,#E2D4BC);border-inline-end:1px solid rgba(90,60,30,.18);box-shadow:inset 0 6px 0 rgba(255,255,255,.35),inset 0 -6px 0 rgba(90,60,30,.08)}
.lc:last-child .lc-v{border-inline-end:0}
.lc-v b{font:700 clamp(1.25rem,2.6vw,2.05rem)/1.1 var(--body);color:var(--l-tyre);font-variant-numeric:tabular-nums}
.lc-v span{font-size:.76rem;line-height:1.3;color:#6a4a3a}
.lc.nil .lc-v b{color:#b9a48a}
.lc-cap{display:block;width:62%;height:34px;margin-top:6px}
.lc-cap .ab{fill:#E7DCC7}.lc-cap .ac{fill:none;stroke:#E7DCC7;stroke-width:2.2;vector-effect:non-scaling-stroke}
.lc-shaft{display:block;width:38%;height:clamp(110px,15vw,170px);background:repeating-linear-gradient(90deg,#E8DEC9 0 6px,#CFC0A4 6px 7.5px),#E8DEC9;box-shadow:inset 8px 0 12px rgba(255,255,255,.25),inset -10px 0 14px rgba(60,30,10,.25)}
.lc-base{display:block;width:56%;height:12px;background:#E1D5BE;border-radius:2px 2px 0 0;box-shadow:inset 0 -3px 0 rgba(60,30,10,.12)}
.lb-steps i{display:block;height:10px;margin-inline:-10px;background:#D7C8AC}.lb-steps i+i{margin-inline:-22px;background:#C9B897}
.lb-ground{height:14px;margin:0 calc(-1 * clamp(20px,4vw,48px));background:var(--l-mosaic)}
@media (max-width:820px){.lb-top{grid-template-columns:1fr}.lc-v{min-height:72px;padding:8px 2px}.lc-v span{font-size:.62rem}.lc-v b{font-size:1.1rem}.lc-shaft{height:90px}}
@media (max-width:480px){.lc-v span{font-size:.56rem}.lb-sky i{width:60px;height:60px;bottom:30%}}

/* ---------- departments: limestone tablets of Byblos, each with a Phoenician letter ---------- */
.l-tabs-sec{background:linear-gradient(180deg,var(--paper),color-mix(in srgb,var(--paper) 88%,var(--l-stone)))}
.ltabs{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:clamp(18px,2.6vw,30px) clamp(14px,2vw,24px)}
.ltab{position:relative;display:block;text-decoration:none;color:#3a1a14;transition:transform .5s var(--ease)}
.ltab:hover,.ltab:focus-visible{transform:translateY(-6px)}
.ltab-f{position:relative;display:grid;justify-items:center;align-content:start;text-align:center;gap:8px;min-height:350px;padding:30px 20px 28px;border-radius:14px 14px 6px 6px;
  background:radial-gradient(1.5px 1.5px at 20% 30%,rgba(90,60,30,.25),transparent),radial-gradient(1.5px 1.5px at 70% 60%,rgba(90,60,30,.2),transparent),radial-gradient(1px 1px at 40% 80%,rgba(90,60,30,.25),transparent),radial-gradient(120% 90% at 30% 10%,#F6EFE2,#E1D3BA);
  background-size:38px 38px,52px 52px,30px 30px,100% 100%;box-shadow:inset 0 0 0 1px rgba(90,60,30,.18),inset 0 0 0 9px rgba(255,255,255,.18),inset 0 0 0 10px rgba(90,60,30,.15),0 24px 40px -26px rgba(34,18,27,.6)}
.ltab-code{font:700 .78rem var(--body);letter-spacing:.24em;color:color-mix(in srgb,var(--tc) 80%,#000)}
.ltab-l{width:78px;height:92px;margin:6px 0 4px;overflow:visible}
.ltab-l path{fill:none;stroke:var(--tc);stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(1px 1.5px 0 rgba(255,255,255,.7)) drop-shadow(-1px -1px 0 rgba(60,30,10,.35));transition:filter .4s}
.ltab:hover .ltab-l path{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--tc) 60%,transparent))}
.ltab-name{font:700 1.06rem/1.5 var(--display);color:#2a1410}
.ltab-tag{font-size:.82rem;line-height:1.6;color:#6a4a3a}
.ltab-n{margin-top:4px;font-size:.76rem;font-weight:600;color:var(--tc)}
.ltab-mz{display:block;height:14px;margin:0 6px;border-radius:0 0 4px 4px;background:var(--l-mosaic)}
.ltab-s{position:absolute;top:14px;inset-inline-end:14px}
.tab-solo{padding:4px 0 0}.tab-solo .ltab-f{min-height:300px}
.lib-note{margin-top:20px;color:var(--muted);font-size:.9rem}
@media (prefers-reduced-motion: reduce){.ltab{transition:none}}

/* ---------- lecturers: coins of the Phoenician cities, bronze, silver and gold ---------- */
.coins{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:30px 18px}
.coin{--m1:#C9894A;--m2:#7a4a22;--m3:#F3C58A;display:grid;justify-items:center;align-content:start;text-align:center;gap:12px;text-decoration:none;color:inherit}
.coin.silver{--m1:#C9CCD3;--m2:#6f7480;--m3:#F1F3F7}.coin.gold{--m1:#E0B44E;--m2:#8a6418;--m3:#FFE7A6}
.coin-o{position:relative;display:grid;place-items:center;width:min(176px,100%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--m3),var(--m1) 45%,var(--m2));box-shadow:0 14px 26px -14px rgba(34,18,27,.65),inset 0 -4px 10px rgba(0,0,0,.25);transition:transform .8s var(--ease)}
.coin:hover .coin-o,.coin:focus-visible .coin-o{transform:rotateY(18deg) rotate(-6deg)}
.coin-rim{position:absolute;inset:0;width:100%;height:100%}
.coin-rim .o{fill:none;stroke:var(--m2);stroke-width:2;opacity:.6}.coin-rim .i{fill:none;stroke:var(--m2);stroke-width:1.5;opacity:.55}.coin-rim .b{fill:var(--m3);stroke:var(--m2);stroke-width:.8}
.coin-ph{position:relative;display:grid;place-items:center;width:72%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 40% 35%,var(--m3),var(--m1));box-shadow:inset 0 0 0 2px var(--m2),inset 0 4px 14px rgba(0,0,0,.25)}
.coin-ph img{width:100%;height:100%;object-fit:cover}
.coin-ini{font:700 2rem var(--display);color:var(--m2);text-shadow:0 1px 0 var(--m3)}
.coin-t{display:grid;gap:2px;justify-items:center}.coin-t b{font:600 1rem/1.5 var(--display)}.coin-t small{color:var(--muted);font-size:.82rem}
.coin-t em{font-style:normal;font-size:.72rem;font-weight:600;color:var(--l-sea);margin-top:3px}
.coin-solo{display:grid;place-items:center;padding:22px 14px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}
.coin.solo .coin-o{width:220px}
.l-coins-sec{background:linear-gradient(180deg,var(--paper),color-mix(in srgb,var(--paper) 90%,var(--l-stone)))}
/* the home row: coins washed up along the shore */
.l-shore-sec{overflow:hidden;background:linear-gradient(180deg,var(--paper) 0%,var(--paper) 55%,#F6E6EF 55%,#EED3E2 100%)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .l-shore-sec{background:linear-gradient(180deg,var(--paper) 0%,var(--paper) 55%,#2a0c22 55%,#220A1A 100%)}}
:root[data-theme="dark"] .l-shore-sec{background:linear-gradient(180deg,var(--paper) 0%,var(--paper) 55%,#2a0c22 55%,#220A1A 100%)}
.l-shore-sec>.wrap .sec-h{margin-bottom:6px}
.dance.shore{position:relative}
.dance.shore::after{content:"";position:absolute;left:0;right:0;top:52%;height:10px;background:radial-gradient(10px 5px at 10px 0,transparent 9px,rgba(255,255,255,.75) 10px) 0 0/20px 10px repeat-x;z-index:0}
.dn-track{position:relative;z-index:1;display:flex;gap:clamp(12px,2vw,26px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:28px max(16px,calc((100% - 1200px) / 2)) 30px;outline:none}
.dn-track::-webkit-scrollbar{display:none}
.dn-track .coin{flex:0 0 clamp(146px,16vw,184px);scroll-snap-align:center}
.dn-track .coin:nth-child(3n+2) .coin-o{animation:lBob 5s ease-in-out infinite}
.dn-track .coin-t{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:6px 12px;min-width:80%;box-shadow:0 10px 20px -16px rgba(34,10,26,.6)}
.dn-btn{position:absolute;top:30%;z-index:2;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--l-sea);font-size:1.6rem;line-height:1;cursor:pointer;box-shadow:0 10px 24px -12px rgba(34,18,27,.5)}
.dn-btn.prev{inset-inline-start:max(10px,calc((100% - 1290px) / 2))}.dn-btn.next{inset-inline-end:max(10px,calc((100% - 1290px) / 2))}
.dn-btn:hover{background:var(--l-sea);color:#fff}
@media (max-width:640px){.dn-btn{display:none}}
@media (prefers-reduced-motion: reduce){.coin-o,.dn-track .coin-o{transition:none;animation:none!important}}

/* ---------- news: covers of sunset over the sea, a mosaic edge ---------- */
.l-news-sec{background:var(--surface)}
.sec .card{border-radius:14px}
.card .cover{position:relative}
.card .cover::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--l-line)}
.card:hover,.card:focus-visible{border-color:var(--l-sea)}

/* ---------- conferences: the sun setting into the sea off the Raouché rocks; the countdown in mosaic tiles ---------- */
.l-ev-sec{color:#F6ECF2;background:linear-gradient(180deg,#22091a 0%,#2a0b22 55%,#14060F 100%)}
.l-ev-sec .sec-h h2{color:#fff}.l-ev-sec .sec-h p{color:#D9C6D2}.l-ev-sec .more{color:var(--l-gold)}.l-ev-sec .crumbs,.l-ev-sec .crumbs a{color:#D9C6D2}
.lev{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(200px,.75fr) minmax(0,1.4fr);gap:clamp(20px,4vw,52px);align-items:center;padding:clamp(24px,4vw,48px);border-radius:24px;background:linear-gradient(180deg,#3a0a2a 0%,#7A0048 52%,#B8106F 75%,#2a1430 100%);border:1px solid rgba(232,176,75,.35)}
.lev-land{position:absolute;left:0;right:0;bottom:0;height:52%;z-index:-1}
.lev-land svg,.levc-m{width:100%;height:100%;display:block}
.lev-land .m1{fill:#3a1636;opacity:.7}.lev-land .sea,.levc-m .sea{fill:#2a0c22}.lev-land .wv,.levc-m .wv{fill:none;stroke:#F07DB7;stroke-opacity:.4;stroke-width:1.3;vector-effect:non-scaling-stroke}.lev-land .rk{fill:#14060F}
.lev-sun{position:relative;display:grid;place-items:center;width:100%;max-width:280px;aspect-ratio:1;justify-self:center}
.lev-glow{position:absolute;inset:-18%;border-radius:50%;background:radial-gradient(circle,rgba(255,214,140,.55),rgba(232,176,75,.15) 45%,transparent 68%)}
.lev-sun .ev-mark,.levc .ev-mark{animation:none;box-shadow:0 0 0 4px rgba(255,240,200,.35),0 0 60px rgba(255,190,90,.6)}
.lev-sun .ev-mark{width:76%;aspect-ratio:1;position:relative}
.lev-sun .ev-mark.date,.levc .ev-mark.date{background:radial-gradient(circle at 50% 38%,#FFF3D2,#F7C66B 55%,#E08A2E);color:#4a1028}
.lev-sun .ev-mark.date b,.levc .ev-mark.date b{text-shadow:none;color:#4a1028}.lev-sun .ev-mark.date small,.levc .ev-mark.date small{color:#6a2a10}
.lev-path{position:absolute;left:50%;top:92%;width:22%;height:40%;transform:translateX(-50%);background:repeating-linear-gradient(180deg,rgba(255,214,140,.55) 0 3px,transparent 3px 9px);-webkit-mask:linear-gradient(180deg,#000,transparent);mask:linear-gradient(180deg,#000,transparent)}
.lev-body{display:grid;gap:14px;align-content:center}
.lev-k{display:inline-flex;align-items:center;gap:8px;color:#7CF3FF;font:600 .9rem var(--display)}
.lev h3{font:700 clamp(1.35rem,2.6vw,2.05rem)/1.4 var(--display);color:#fff;text-shadow:0 2px 14px rgba(20,6,15,.5)}.lev h3 a{color:inherit;text-decoration:none}
.lev-meta{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;color:#F1E2EA;font-size:.9rem}
.lev-meta li{display:inline-flex;align-items:center;gap:6px}.lev-meta svg{width:17px;height:17px;fill:none;stroke:#F07DB7;stroke-width:1.7}
.lev .cd{grid-template-columns:repeat(4,minmax(0,86px));gap:10px}
.lev .cd-c{border-radius:6px;padding:12px 4px 10px;background:linear-gradient(180deg,rgba(34,10,26,.92),rgba(20,6,15,.92));border:0;box-shadow:inset 0 0 0 4px rgba(20,6,15,.6);position:relative}
.lev .cd-c::before{content:"";position:absolute;inset:0;border-radius:6px;padding:4px;background:var(--l-mosaic);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}
.lev .cd-c b{color:#fff;text-shadow:none}.lev .cd-c small{color:#FFE3A6}
.lev-cta{display:flex;flex-wrap:wrap;gap:10px}.lev .btn.ghost{color:#fff}
.lev.done{opacity:.9}
@media (max-width:820px){.lev{grid-template-columns:1fr;text-align:center}.lev-sun{max-width:210px}.lev-k,.lev-meta,.lev-cta{justify-content:center}.lev .cd{grid-template-columns:repeat(4,1fr);gap:6px}.lev .cd-c b{font-size:1.2rem}}
.levcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:22px}
.levc{display:grid;grid-template-rows:auto 1fr;text-decoration:none;color:#F6ECF2;border-radius:16px;overflow:hidden;background:rgba(255,255,255,.05);border:1px solid rgba(232,176,75,.3);transition:transform .3s var(--ease),border-color .3s}
.levc:hover,.levc:focus-visible{transform:translateY(-4px);border-color:var(--l-gold)}
.levc-top{position:relative;display:grid;place-items:center;height:150px;background:linear-gradient(180deg,#3a0a2a,#9E005D)}
.levc-m{position:absolute;left:0;right:0;bottom:0;height:100%}
.levc .ev-mark{position:relative;width:92px;aspect-ratio:1;margin-top:-26px}
.levc .ev-mark.date b{font-size:1.8rem}.levc .ev-mark.date small{font-size:.7rem}
.levc-b{display:grid;gap:4px;align-content:start;padding:14px 16px 18px}.levc-b b{font:600 1rem/1.5 var(--body);color:#fff}
.levc-b small{display:flex;gap:6px;align-items:center;color:#D9C6D2;font-size:.8rem}.levc-b small svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none}
.levc .mode{justify-self:start;margin-top:4px;font-size:.74rem;padding:2px 10px;border-radius:6px;background:rgba(232,176,75,.16);color:#FFE3A6}
.levc.past{opacity:.85}
.l-ev-past .levc{color:var(--ink);background:var(--surface);border-color:var(--line)}.l-ev-past .levc-b b{color:var(--ink)}.l-ev-past .levc-b small{color:var(--muted)}.l-ev-past .levc .mode{background:var(--plum-soft);color:var(--plum-ink)}

/* ---------- heritage chapters: a voyage along the coast, port by port ---------- */
.l-voy-sec{color:#F6ECF2;background:linear-gradient(180deg,#14060F 0%,#12060E 60%,#2a0c22 100%)}
.l-voy-sec .sec-h h2{color:#fff}.l-voy-sec .sec-h p{color:#C3AAB9}
.voy-route{position:relative;margin-bottom:22px}
.voy-sea{position:absolute;left:0;right:0;top:20px;width:100%;height:46px}
.voy-sea path{fill:none;stroke:#7CF3FF;stroke-width:1.6;stroke-opacity:.7;vector-effect:non-scaling-stroke}.voy-sea .b{stroke:var(--l-gold);stroke-opacity:.5}
.voy-ports{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.voy-port{display:grid;justify-items:center;gap:4px;width:100%;padding:0 4px 8px;border:0;background:none;color:#C3AAB9;cursor:pointer;font:inherit;text-align:center}
.vp-dot{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#12060E;border:1.5px solid rgba(124,243,255,.6);color:#7CF3FF;transition:transform .4s var(--ease),background .3s,border-color .3s}
.vp-dot svg{width:34px;height:30px}
.voy-port b{font:600 .9rem/1.4 var(--display);color:#fff}.voy-port small{font-size:.74rem;color:#C3AAB9}
.voy-port.on .vp-dot{background:var(--l-gold);border-color:#FFE3A6;color:#14060F;transform:translateY(-6px);box-shadow:0 0 0 6px rgba(232,176,75,.15),0 0 24px rgba(232,176,75,.45)}
.voy-port:hover .vp-dot{border-color:var(--l-gold)}
.voy-stage{position:relative}
.l-voy-sec .chap{display:grid;grid-template-columns:minmax(160px,.7fr) minmax(0,1.3fr);gap:clamp(18px,3vw,40px);align-items:center;min-height:0;padding:clamp(20px,3vw,34px);border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(124,243,255,.3);position:relative;overflow:hidden}
.l-voy-sec .chap::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--l-line)}
.l-voy-sec .chap.on{animation:navIn .6s var(--ease) both}
.l-voy-sec .chap .art2{height:180px;margin:0;color:var(--l-gold);display:flex;align-items:center;justify-content:center}
.l-voy-sec .chap .art2 svg{width:auto;height:100%;max-width:100%}
.l-voy-sec .chap-x .era{display:block;font-size:.84rem;font-weight:600;color:#7CF3FF}.l-voy-sec .chap-x h3{font-size:clamp(1.3rem,2.4vw,1.75rem);margin:4px 0 10px;color:#fff}.l-voy-sec .chap-x p{font-size:.98rem;line-height:1.9;color:#E7D6E0;margin:0;max-width:60ch}
.voy-n{position:absolute;bottom:-18px;inset-inline-end:18px;font:700 6rem/1 var(--body);color:rgba(255,255,255,.05);pointer-events:none}
@media (max-width:760px){.voy-ports{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:6px}.voy-ports li{flex:0 0 34%;scroll-snap-align:center}.voy-sea{top:16px}.vp-dot{width:50px;height:50px}.l-voy-sec .chap{grid-template-columns:1fr}.l-voy-sec .chap .art2{height:130px}}

/* ---------- Visit Lebanon: the photograph framed in mosaic ---------- */
.l-visit{background:linear-gradient(180deg,#2a0c22 0%,#1a0814 40%,#14060F 100%)}
.l-visit::before{display:none}
.l-visit .kicker,.l-visit .more,.l-visit .vs-n{color:var(--l-gold)}
.l-visit .vs-frame{filter:drop-shadow(0 18px 30px rgba(0,0,0,.45))}
.l-visit .vs-frame::before{display:none}
.l-visit .vs-media{-webkit-mask:none;mask:none;clip-path:none;border-radius:16px;inset:12px}
.vs-mosaic{position:absolute;inset:0;border-radius:22px;padding:10px;background:var(--l-mosaic);background-size:28px 14px;background-repeat:repeat;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}
.vs-mosaic::after{display:none}
.l-visit .vs-btn{border-radius:12px;width:48px;height:48px}
.l-visit .vs-dot svg{color:inherit}
.l-visit .vs-prog{height:5px;max-width:460px}.l-visit .vs-prog i{background:var(--l-line)}
.l-visit .vs-era{border-radius:6px}

/* ---------- light cards across the site: a mosaic line along the top ---------- */
.story,.partner,.cbox,.pcard,.box,.faq details,.l-docs-sec .doc,.arc-row{position:relative;overflow:hidden;border-radius:14px}
.story::before,.partner::before,.cbox::before,.pcard::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--l-line)}
.cbox.wa-big::before{background:#1FA855}
.faq details[open]{border-color:color-mix(in srgb,var(--l-sea) 50%,var(--line))}
.doc .ic{border-radius:4px;background:linear-gradient(160deg,var(--l-sea),var(--l-sea2));box-shadow:inset 0 -5px 0 var(--l-gold)}
.pcard .pi{border-radius:50%;background:radial-gradient(circle at 35% 30%,#FFE7A6,#E0B44E 50%,#8a6418);color:#4a1028;box-shadow:inset 0 0 0 3px rgba(138,100,24,.6)}
.story .ph,.partner .lg{box-shadow:0 0 0 3px var(--surface),0 0 0 5px var(--l-gold)}
.l-stats-sec{background:var(--surface)}
.l-list{list-style:none;margin:0 0 1em;padding:0;display:grid;gap:8px}
.l-list li{position:relative;padding-inline-start:24px}
.l-list li::before{content:"";position:absolute;inset-inline-start:2px;top:.55em;width:11px;height:11px;border-radius:2px;background:linear-gradient(135deg,var(--l-sea) 50%,var(--l-gold) 50%)}
.l-quote{margin:0 0 1.2em;padding:16px 20px;border-inline-start:5px solid #7CC84A;background:var(--surface);font-family:var(--display);font-size:1.05rem}
.l-globe-sec{padding-bottom:0;background:radial-gradient(50% 50% at 50% 48%,rgba(158,0,93,.35),transparent 70%),linear-gradient(180deg,#14060F 0%,#12060E 70%,#2a0c22 100%)}
.l-globe-sec .kicker{color:var(--l-gold)}
.l-globe-m{display:block;width:100%;height:clamp(60px,9vw,120px);margin-top:-30px;position:relative}
.l-globe-m .w1{fill:#3a0d2c}.l-globe-m .w2{fill:#2a0b22}.l-globe-m .w3{fill:var(--paper)}

/* ---------- the footer: the mountain, three bands of sea, a mosaic ---------- */
.foot{position:relative;padding-top:0!important}
.l-foot-m{display:block;width:100%;height:clamp(56px,9vw,120px);background:var(--paper)}
.l-foot-m .m1{fill:#3a1236}.l-foot-m .w1{fill:#9E005D}.l-foot-m .w2{fill:#2a0c22}.l-foot-m .w3{fill:var(--night)}
.l-mosaic{height:14px;background:var(--l-mosaic);margin-bottom:44px}
.fz-panel{border-radius:14px;overflow:hidden;border-color:rgba(124,243,255,.3)}
.fz-panel::before{left:0;right:0;top:0;height:5px;background:var(--l-line);background-size:auto}
.fz-panel h5 svg{color:#7CF3FF}
.fz-soc{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,231,166,.25),rgba(224,180,78,.1));border:1.5px solid rgba(224,180,78,.6);box-shadow:inset 0 0 0 3px #14060F,inset 0 0 0 4px rgba(224,180,78,.35)}
.fz-soc:hover{border-color:var(--l-gold)}
.fz-pay{border-radius:8px;background:#FBF6EC;border:1px solid rgba(232,220,200,.9);box-shadow:inset 0 -3px 0 rgba(158,0,93,.5)}
.l-ph:has(+ .l-ev-sec) .l-ph-m .last{fill:#22091a}.l-ph:has(+ .l-visit) .l-ph-m .last{fill:#2a0c22}
/* ---------- governance: the night over the coast, a crown of cedars round the chief executive, the leadership in medallions ---------- */
.gov-h{background:radial-gradient(60% 70% at 15% 10%,rgba(124,243,255,.14),transparent 60%),radial-gradient(70% 80% at 90% 40%,rgba(102,2,60,.4),transparent 65%),linear-gradient(180deg,#12060E,#160818 55%,#0d0409)}
.gov-h::before{display:none}
.gov-h .kicker,.gov-h .more{color:#7CF3FF}
.cp-star{filter:drop-shadow(0 0 8px rgba(124,243,255,.4))}
.cw-q{color:var(--l-gold);text-shadow:0 0 30px rgba(232,176,75,.5)}
.cw-sign,.cw-sign svg{color:#7CF3FF!important}
.cw-more{border-radius:10px}
.ceo-word{border-color:rgba(124,243,255,.3);border-radius:20px}
.ceo-word::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;border-radius:20px 20px 0 0;background:var(--l-line)}
.arc-t{color:#7CF3FF}.arc-t::after{background:linear-gradient(90deg,rgba(124,243,255,.45),transparent)}
[dir="rtl"] .arc-t::after{background:linear-gradient(270deg,rgba(124,243,255,.45),transparent)}
.lgp{min-height:0!important;padding:22px 14px 20px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(124,243,255,.28);overflow:hidden}
.lgp::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--l-line)}
.lgp .pl-ph{width:52%;aspect-ratio:1;margin-top:6px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#F1F3F7,#C9CCD3 45%,#6f7480);color:#3a3a46;box-shadow:0 0 0 3px #14060f,0 0 0 5px rgba(232,176,75,.7),0 0 22px rgba(232,176,75,.25)}
.arcade.sm .lgp .pl-ph{width:44%}
.person .ph{aspect-ratio:1;border-radius:50%;box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--l-gold)}
.voy-ch[hidden]{display:none!important}
[lang="fr"] .hero h1 .l1,[lang="en"] .hero h1 .l1{white-space:normal}
@media (max-width:640px){[lang="fr"] .hero h1 .l1,[lang="en"] .hero h1 .l1{font-size:clamp(1.6rem,7.4vw,2.2rem)}}
@media (max-width:820px){.lev-path{display:none}}
/* ---------- the academy's light green, set into the Lebanese design ---------- */
:root{--l-green:#7CC84A;--l-green2:#9BE07A;--l-green-ink:#3E8A1E}
.sec-h .kicker,.lb-t .kicker{color:var(--l-green-ink)}
.l-ev-sec .sec-h .kicker,.l-voy-sec .sec-h .kicker,.l-visit .kicker,.gov-h .kicker,.l-globe-sec .kicker,.lb-t .kicker{color:var(--l-green2)}
.l-sep .b{stroke:var(--l-green);stroke-opacity:.7}
.l-sep-c{color:var(--l-green2);border-color:var(--l-green);box-shadow:0 0 0 4px rgba(124,200,74,.14),0 0 16px rgba(124,200,74,.3)}
.l-div,.l-div-m svg{color:var(--l-green-ink)}
.lev-k,.arc-t{color:var(--l-green2)}.arc-t::after{background:linear-gradient(90deg,rgba(124,200,74,.5),transparent)}[dir="rtl"] .arc-t::after{background:linear-gradient(270deg,rgba(124,200,74,.5),transparent)}
.voy-port.on .vp-dot{background:var(--l-green);border-color:#CDF2B3;box-shadow:0 0 0 6px rgba(124,200,74,.18),0 0 24px rgba(124,200,74,.45)}
.voy-sea .b{stroke:var(--l-green);stroke-opacity:.6}
.l-visit .vs-dot.on{color:var(--l-green2)}
.coin-t em,.ltab-n{color:var(--l-green-ink)}
.nav>ul>li>a[aria-current="page"]::after,.nav li.cur>button.dd::after{background:var(--l-green)}
.l-list li::before{background:linear-gradient(135deg,var(--l-green) 50%,#F07DB7 50%)}
.lb-sky i{background:radial-gradient(circle,#F3FFE6,#9BE07A 55%,rgba(124,200,74,0) 72%);box-shadow:0 0 90px rgba(124,200,74,.45)}
.l-ph-cedar{color:var(--l-green2);opacity:.45}
.fz-panel h5 svg,.cw-sign,.cw-sign svg{color:var(--l-green2)!important}
.doc .ic{box-shadow:inset 0 -5px 0 var(--l-green)}
.story .ph,.partner .lg{box-shadow:0 0 0 3px var(--surface),0 0 0 5px var(--l-green)}
.person .ph{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--l-green)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--l-green-ink:#9BE07A}}
:root[data-theme="dark"]{--l-green-ink:#9BE07A}
/* ---------- the globe of the Lebanon branch: green life, the mountains, the academy's colours ---------- */
.l-globe-sec .gl-lab{border-radius:8px;border-color:rgba(124,200,74,.5)}
.l-globe-sec .gl-lab.hq{border-color:rgba(124,243,255,.75)}
.l-globe-sec .gl-lab.me{border-color:#7CC84A;color:#E4FAD2;background:rgba(30,60,20,.55);box-shadow:0 0 16px rgba(124,200,74,.55)}
.l-globe-sec .globe::before{background:radial-gradient(closest-side,rgba(124,200,74,.16),rgba(158,0,93,.14) 55%,transparent 75%)}
.l-globe-m .h1{fill:#2a0b22}.l-globe-m .ced{fill:none;stroke:#7CC84A;stroke-width:1.6;stroke-opacity:.8;vector-effect:non-scaling-stroke}
.l-globe-m{margin-top:4px}@media (max-width:640px){.l-globe-m .ced{display:none}}
/* ---------- the branch in brief (v1.6): a cedar of Lebanon whose tiers carry the branch's figures ---------- */
.lb2{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,1fr);gap:clamp(24px,5vw,64px);align-items:center;padding:clamp(26px,4vw,48px);border-radius:26px;color:#F6ECF2;background:radial-gradient(70% 90% at 80% 20%,rgba(124,200,74,.12),transparent 60%),linear-gradient(160deg,#22091a,#12060E);box-shadow:0 30px 60px -34px rgba(20,6,15,.7)}
.lb2-t h2{color:#fff;font-size:clamp(1.45rem,2.4vw,1.95rem);margin:6px 0 14px}.lb2-t .kicker{display:inline-flex;align-items:center;gap:8px;color:#9BE07A;font:700 .9rem var(--display)}
.lb2-t .art p{color:#E7D6E0;font-size:.96rem}.lb2-t .btn{color:#fff;margin-top:6px}
.lb2-cedar{display:grid;justify-items:center}
.ct-tiers{display:grid;justify-items:center;gap:6px;width:100%}
.ct{width:var(--w);display:flex;align-items:baseline;justify-content:center;gap:10px;padding:12px 18px;border-radius:999px 999px 40px 40px/60px 60px 40px 40px;background:linear-gradient(180deg,#5aa83a,#2f6a22);box-shadow:inset 0 2px 0 rgba(255,255,255,.25),inset 0 -6px 12px rgba(0,0,0,.25),0 10px 18px -12px rgba(0,0,0,.6);color:#fff;animation:ctIn .7s var(--ease) both;animation-delay:var(--d)}
.ct:nth-child(2n){transform:translateX(3%)}.ct:nth-child(3){transform:translateX(-2%)}
.ct b{font:700 clamp(1.25rem,2.4vw,1.75rem)/1 var(--body);font-variant-numeric:tabular-nums}
.ct span{font-size:.8rem;color:#E4FAD2;white-space:nowrap}
.ct.nil b{color:rgba(255,255,255,.55)}
.ct-trunk{display:block;width:26px;height:46px;margin-top:-2px;border-radius:4px 4px 0 0;background:linear-gradient(90deg,#6b3f22,#a26a3a 50%,#6b3f22)}
.ct-ground{display:block;width:60%;height:4px;border-radius:2px;background:linear-gradient(90deg,transparent,#7CC84A,transparent)}
@keyframes ctIn{from{opacity:0;transform:translateY(10px) scaleX(.9)}to{opacity:1}}
@media (max-width:820px){.lb2{grid-template-columns:1fr}.ct{padding:10px 12px}.ct span{font-size:.72rem}}
@media (max-width:420px){.ct{--w:100%!important;width:calc(52% + var(--i,0%))}.ct:nth-child(1){width:56%}.ct:nth-child(2){width:68%}.ct:nth-child(3){width:80%}.ct:nth-child(4){width:90%}.ct:nth-child(5){width:100%}}
@media (prefers-reduced-motion: reduce){.ct{animation:none}}
.lb2>*{min-width:0}
.lb2 .ct-tiers.medals{display:flex!important;flex-direction:column;align-items:center;gap:6px;width:100%;grid-template-columns:none;margin:0;padding:0}
@media (max-width:420px){.ct span{white-space:normal;text-align:start;line-height:1.3}}
/* ---------- the branch in brief (v1.6): a quiet card, a cedar in a fine line of gold, the figures in one row ---------- */
.lb3{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.62fr);gap:clamp(20px,4vw,56px);padding:clamp(30px,4.5vw,56px) clamp(24px,4.5vw,60px) clamp(46px,6vw,70px);border-radius:28px;color:#F6ECF2;
  background:radial-gradient(60% 80% at 85% 25%,rgba(124,200,74,.10),transparent 65%),radial-gradient(70% 90% at 0% 100%,rgba(158,0,93,.30),transparent 60%),linear-gradient(160deg,#22091a 0%,#14060F 100%);border:1px solid rgba(247,198,107,.22);box-shadow:0 34px 70px -40px rgba(20,6,15,.85)}
.lb3::before{content:"";position:absolute;inset:10px;border-radius:20px;border:1px solid rgba(247,198,107,.12);pointer-events:none}
.lb3-cedar{grid-column:2;grid-row:1;justify-self:center;align-self:center;width:min(100%,230px);height:auto;color:#F7C66B;opacity:.9;filter:drop-shadow(0 0 18px rgba(247,198,107,.25))}
.lb3-t{grid-column:1;grid-row:1;align-self:center}
.lb3-t .kicker{display:inline-flex;align-items:center;gap:8px;color:#9BE07A;font:700 .9rem var(--display)}
.lb3-t h2{color:#fff;font-size:clamp(1.6rem,2.8vw,2.2rem);margin:8px 0 14px}
.lb3-t .art p{color:#E3D2DC;font-size:.98rem;line-height:2;max-width:56ch}.lb3-t .btn{color:#fff;margin-top:4px;border-color:rgba(247,198,107,.6)}
.lb3 .lb3-figs.medals{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:clamp(18px,3vw,30px) 0 0;max-width:none;padding-top:clamp(18px,3vw,28px);border-top:1px solid rgba(247,198,107,.28)}
.lb3-f{display:grid;justify-items:center;text-align:center;gap:6px;padding:4px 8px}
.lb3-f+.lb3-f{border-inline-start:1px solid rgba(247,198,107,.2)}
.lb3-f b{font:700 clamp(1.7rem,3.4vw,2.6rem)/1 var(--body);color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.lb3-f span{font-size:.8rem;color:#C9E8B4;line-height:1.4}
.lb3-f.nil b{color:rgba(247,198,107,.55)}
.lb3-hz{position:absolute;left:0;right:0;bottom:8px;width:100%;height:34px;pointer-events:none}
.lb3-hz path{fill:none;stroke:#7CC84A;stroke-opacity:.45;stroke-width:1.2;vector-effect:non-scaling-stroke}
@media (max-width:820px){.lb3{grid-template-columns:1fr}.lb3-cedar{grid-column:1;grid-row:1;width:120px;justify-self:start;opacity:.85}.lb3-t{grid-row:2}.lb3 .lb3-figs.medals{grid-row:3;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:18px}.lb3-f:nth-child(4){border-inline-start:0}.lb3-f span{font-size:.72rem}}
/* the light variant: the same card on ivory */
.lb3.light{color:var(--ink);background:radial-gradient(60% 80% at 85% 25%,rgba(124,200,74,.14),transparent 65%),linear-gradient(160deg,#FFFDF8,#F7F1E8);border-color:rgba(158,0,93,.18)}
.lb3.light::before{border-color:rgba(158,0,93,.12)}
.lb3.light .lb3-cedar{color:#3E8A1E;filter:none}
.lb3.light .lb3-t h2,.lb3.light .lb3-f b{color:#3a0a2a}.lb3.light .lb3-t .art p{color:#5d4a55}.lb3.light .lb3-t .btn{color:#7A0048;border-color:#7A0048}
.lb3.light .lb3-t .kicker{color:#3E8A1E}.lb3.light .lb3-figs.medals{border-top-color:rgba(158,0,93,.2)}.lb3.light .lb3-f+.lb3-f{border-inline-start-color:rgba(158,0,93,.15)}.lb3.light .lb3-f span{color:#3E8A1E}
.lb3.light .lb3-f.nil b{color:rgba(122,0,72,.4)}