/* ===== Iraq regional branch — the academy's own identity (plum, leaf green, the plum night), Reem Kufi for display,
   with Baghdad's heritage as ornament: the Round City hologram, the eight-pointed khatam star between sections ===== */
: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%3Crect x='12' y='12' width='20' height='20'/%3E%3Crect x='12' y='12' width='20' height='20' transform='rotate(45 22 22)'/%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 0H28V1C28 6 21 7 14 11C7 7 0 6 0 1Z' fill='%2314060f'/%3E%3Cpath d='M0 1C0 6 7 7 14 11C21 7 28 6 28 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%3Crect x='12' y='12' width='20' height='20'/%3E%3Crect x='12' y='12' width='20' height='20' transform='rotate(45 22 22)'/%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%3Crect x='18' y='18' width='28' height='28'/%3E%3Crect x='18' y='18' width='28' height='28' transform='rotate(45 32 32)'/%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%3Crect x='18' y='18' width='28' height='28'/%3E%3Crect x='18' y='18' width='28' height='28' transform='rotate(45 32 32)'/%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 1C0 6 7 7 14 11C21 7 28 6 28 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%3Crect x='18' y='18' width='28' height='28'/%3E%3Crect x='18' y='18' width='28' height='28' transform='rotate(45 32 32)'/%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 1C0 6 7 7 14 11C21 7 28 6 28 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 1C0 6 7 7 14 11C21 7 28 6 28 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%3Crect x='18' y='18' width='28' height='28'/%3E%3Crect x='18' y='18' width='28' height='28' transform='rotate(45 32 32)'/%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%3Crect x='18' y='18' width='28' height='28'/%3E%3Crect x='18' y='18' width='28' height='28' transform='rotate(45 32 32)'/%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%3Crect x='18' y='18' width='28' height='28'/%3E%3Crect x='18' y='18' width='28' height='28' transform='rotate(45 32 32)'/%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}}


/* =====================================================================================================
   BICS — the Baghdad International Forum for Cosmeceuticals and Skincare. Built on the Iraq branch's identity (the plum night,
   Reem Kufi, the khatam star, light drawn as holograms) with the forum's own material: the drop of rosewater, the
   perfumer's glass, the rose. Speakers sit in khatam medallions, ambassadors under Abbasid arches, the programme runs on
   a rail of time, the important dates are a thread of drops.
   ===================================================================================================== */
:root{--rose:#F07DB7;--rose-ink:#B8106F;--gold:#F7C66B;--leafg:#7CC84A}
html[data-lang="ku"]{--display:"Noto Sans Arabic","Reem Kufi","IBM Plex Sans Arabic",Tahoma,sans-serif;--body:"Noto Sans Arabic","IBM Plex Sans Arabic","Segoe UI",Tahoma,sans-serif}
html[lang="en"],html[lang="fr"]{--display:"Reem Kufi","Segoe UI",system-ui,sans-serif}
.hp{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;border:0!important;overflow:hidden;clip-path:inset(50%);opacity:0;pointer-events:none}
.brand b{max-width:min(46vw,520px)}
/* ---------- the hero ---------- */
.bx-hero .hero-t{max-width:min(680px,54%);padding-block:56px 70px}
.bx-hero h1 .l1{white-space:normal;font-size:clamp(1.8rem,3.4vw,3.1rem);line-height:1.3;text-wrap:balance}
.bx-hero h1 .l2{font-size:clamp(1rem,1.55vw,1.35rem);color:#F7B8D8;font-family:var(--body);font-weight:500;text-wrap:balance}
.hx-ed{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px}.hx-ed span{display:inline-flex;align-items:center;padding:4px 14px;border-radius:999px;font:700 .82rem var(--body);border:1px solid rgba(247,198,107,.6);color:var(--gold);background:rgba(247,198,107,.08)}
.hx-ed span+span{border-color:rgba(124,243,255,.5);color:#BFF7FF;background:rgba(124,243,255,.06);letter-spacing:.06em}
.hx-meta{list-style:none;margin:20px 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:12px 22px}.hx-meta li{display:flex;gap:9px;align-items:flex-start;font-weight:600;line-height:1.5;color:#fff}
.hx-meta svg{flex:none;width:20px;height:20px;stroke:var(--rose);fill:none;stroke-width:1.7;margin-top:3px}.hx-meta small{display:block;font-weight:500;font-size:.74rem;color:var(--on-night-muted)}
.sec .hx-meta li{color:inherit}.sec .hx-meta small{color:var(--muted)}
.cd-soon{display:inline-flex;align-items:center;gap:8px;margin:2px 0 6px;padding:8px 16px;border-radius:999px;background:rgba(247,198,107,.1);border:1px solid rgba(247,198,107,.45);color:var(--gold);font-weight:600;font-size:.92rem}
.sec .cd-soon{color:#9a6a00;background:rgba(247,198,107,.14)}
.bx-hero .cta{margin-top:24px}.hx-sup{display:flex;flex-wrap:wrap;gap:6px 18px;margin:22px 0 0;font-size:.84rem;color:var(--on-night-muted)}.hx-sup span{display:inline-flex;align-items:center;gap:8px}.hx-sup span::before{content:"";width:7px;height:7px;transform:rotate(45deg);background:var(--leafg)}
.sec .cd{margin-top:14px}.sec .cd-c{background:linear-gradient(180deg,#2a0b22,#14060f);border-color:rgba(124,243,255,.4)}
/* ---------- page headers ---------- */
.bx-ph{position:relative;overflow:hidden}.bx-ph-star{position:absolute;inset-inline-end:-40px;top:-30px;width:260px;height:260px;color:rgba(240,125,183,.22);pointer-events:none}
/* ---------- tracks ---------- */
.trks{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.trk{position:relative;display:grid;gap:6px;align-content:start;padding:22px 20px 20px;border-radius:var(--r);text-decoration:none;color:inherit;background:var(--surface);border:1px solid var(--line);overflow:hidden;transition:transform .3s var(--ease),border-color .3s,box-shadow .3s}
.trk::after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,var(--rose),var(--gold),var(--leafg));transform:scaleX(.2);transform-origin:var(--o,right);transition:transform .4s var(--ease)}[dir="ltr"] .trk::after{--o:left}
.trk:hover,.trk:focus-visible{transform:translateY(-4px);border-color:color-mix(in srgb,var(--plum) 45%,var(--line));box-shadow:0 18px 34px -24px rgba(122,0,72,.55)}.trk:hover::after{transform:none}
.trk-i{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;color:var(--plum);background:var(--plum-soft);margin-bottom:6px}
.trk-n{position:absolute;inset-inline-end:16px;top:14px;font:700 1.6rem/1 var(--body);color:color-mix(in srgb,var(--plum) 18%,transparent)}
.trk b{font:700 1.05rem/1.45 var(--display)}.trk small{color:var(--muted);font-size:.86rem;line-height:1.7}
.trk.mini{grid-template-columns:auto 1fr;align-items:center;padding:12px 14px}.trk.mini .trk-i{margin:0;width:42px;height:42px}
/* ---------- speakers: medallions in the khatam star ---------- */
.spks{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:30px 18px}
.spk{display:grid;justify-items:center;text-align:center;gap:12px;text-decoration:none;color:inherit}
.spk-m{position:relative;display:grid;place-items:center;width:min(190px,100%);aspect-ratio:1}
.sm-star{position:absolute;inset:0;width:100%;height:100%;transition:transform 1.2s var(--ease)}.spk:hover .sm-star,.spk:focus-visible .sm-star{transform:rotate(45deg)}
.spk-ph{position:relative;display:grid;place-items:center;width:64%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 40% 30%,#4a1238,#14060f);box-shadow:0 0 0 3px var(--paper),0 0 0 4.5px rgba(240,125,183,.55),0 14px 30px -12px rgba(122,0,72,.6)}
.spk-ph img{width:100%;height:100%;object-fit:cover}.spk-ini{font:700 2rem var(--display);color:#F7B8D8}
.spk.k-keynote .spk-ph{box-shadow:0 0 0 3px var(--paper),0 0 0 5px var(--gold),0 0 30px rgba(247,198,107,.45)}
.spk-t{display:grid;gap:3px;justify-items:center}.spk-t b{font:700 1.02rem/1.45 var(--display)}.spk-t small{color:var(--muted);font-size:.84rem;line-height:1.5}
.spk-k{font-style:normal;font-size:.72rem;font-weight:700;color:var(--plum);padding:1px 10px;border-radius:999px;background:var(--plum-soft)}.spk.k-keynote .spk-k{color:#7a5200;background:rgba(247,198,107,.25)}
.ctry{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;font-weight:600;color:var(--leaf-deep)}.ctry svg{width:14px;height:14px}
.spk.big .spk-m{width:230px}.prof-m{display:grid;justify-items:center;padding:24px 14px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line)}
/* ---------- ambassadors: Abbasid arches with the country on the threshold ---------- */
.ambs{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:26px 16px}
.amb{display:grid;justify-items:center;text-align:center;gap:10px;text-decoration:none;color:inherit}
.am-arch{position:relative;display:block;width:min(170px,100%);aspect-ratio:100/140;border-radius:50% 50% 10px 10px/36% 36% 10px 10px;overflow:hidden;background:linear-gradient(180deg,#3a0a2a,#14060f);transition:transform .4s var(--ease)}
.amb:hover .am-arch{transform:translateY(-5px)}.am-line{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);z-index:2;fill:none;stroke:var(--gold);stroke-width:1.4;pointer-events:none}
.am-ph{position:absolute;inset:0;display:grid;place-items:center}.am-ph img{width:100%;height:100%;object-fit:cover}.am-ini{font:700 2rem var(--display);color:#F7B8D8}
.am-c{position:absolute;inset:auto 0 0;z-index:3;padding:22px 8px 8px;font-size:.78rem;font-weight:700;color:#fff;background:linear-gradient(0deg,rgba(18,6,14,.92),transparent)}
.am-t{display:grid;gap:2px}.am-t b{font:700 1rem/1.45 var(--display)}.am-t small{color:var(--muted);font-size:.82rem}
/* ---------- the programme on a rail of time ---------- */
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tabs button,.chips button{border:1px solid var(--line);background:var(--surface);color:inherit;font:600 .9rem var(--body);padding:8px 18px;border-radius:999px;cursor:pointer}
.tabs button[aria-selected="true"],.chips button[aria-pressed="true"]{background:var(--plum);border-color:var(--plum);color:#fff}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.chips button{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:.84rem}
.pf{margin-bottom:18px}.pf-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:18px}.pf-row select,.srch input{font:500 .92rem var(--body);padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);min-width:0}
.srch{flex:1 1 240px;display:flex}.srch input{width:100%}
.sess{position:relative;display:grid;gap:12px}.sess::before{content:"";position:absolute;inset-inline-start:90px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,var(--rose),var(--gold) 60%,var(--leafg));opacity:.45;border-radius:2px}
.ses{position:relative;display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:22px;align-items:start;padding:16px 18px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line)}
.ses::before{content:"";position:absolute;inset-inline-start:84px;top:22px;width:11px;height:11px;transform:rotate(45deg);background:var(--paper);border:2px solid var(--rose);z-index:1}
.ses.k-keynote::before,.ses.k-opening::before,.ses.k-award::before{border-color:var(--gold);background:var(--gold)}.ses.k-workshop::before{border-color:var(--leafg)}
.ses.brk{background:transparent;border-style:dashed;padding-block:10px}.ses.brk h3{font-size:.95rem;color:var(--muted)}
.ses-time{display:grid;text-align:center;line-height:1.2}.ses-time b{font:700 1.05rem var(--body);font-variant-numeric:tabular-nums}.ses-time small{color:var(--muted);font-size:.78rem;font-variant-numeric:tabular-nums}
.ses-b{display:grid;gap:6px;min-width:0}.ses-k{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.74rem;font-weight:700;color:var(--plum)}
.ses.k-keynote .ses-k{color:#946200}.ses.k-workshop .ses-k{color:var(--leaf-deep)}
.ses-live{display:inline-flex;align-items:center;gap:4px;font-weight:600;color:#0e8a9c;padding:1px 8px;border-radius:999px;background:rgba(124,243,255,.16)}.ses-live svg{width:13px;height:13px}
.ses h3{font:700 1.04rem/1.5 var(--display)}.ses-m{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0;font-size:.84rem;color:var(--muted)}.ses-m span,.ses-m a{display:inline-flex;align-items:center;gap:5px}.ses-m svg{width:15px;height:15px}
.ses-tr{color:var(--plum);text-decoration:none;font-weight:600}.ses-d{margin:4px 0 0;font-size:.9rem;color:var(--muted)}
.ses-sp{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.ses-sp a{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:999px;background:var(--plum-soft);text-decoration:none;color:inherit}[dir="rtl"] .ses-sp a{padding:4px 4px 4px 12px}
.ses-sp .ph{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;overflow:hidden;background:var(--plum);color:#fff;font:700 .72rem var(--display)}.ses-sp .ph img{width:100%;height:100%;object-fit:cover}
.ses-sp b{display:block;font-size:.82rem;line-height:1.3}.ses-sp small{display:block;font-size:.7rem;color:var(--muted)}
.ses-cal{align-self:center;width:38px;height:38px}.ses-cal svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}
.ses-day{font:700 .82rem var(--body);color:var(--plum);margin:8px 0 -4px}.sess.full .ses-day{padding-inline-start:96px}
@media (max-width:640px){.sess::before{inset-inline-start:66px}.ses{grid-template-columns:44px minmax(0,1fr);gap:16px;padding:14px}.ses::before{inset-inline-start:61px}.ses-cal{grid-column:2;justify-self:start}.sess.full .ses-day{padding-inline-start:60px}}
/* ---------- the call for abstracts band, the important dates as a thread of drops ---------- */
.abs-band .ab{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(22px,4vw,56px);padding:clamp(26px,4vw,48px);border-radius:22px;color:var(--on-night);background:radial-gradient(80% 90% at 0% 0%,rgba(240,125,183,.25),transparent 60%),radial-gradient(70% 80% at 100% 100%,rgba(124,243,255,.14),transparent 60%),linear-gradient(160deg,#2a0b22,#12060e);border:1px solid rgba(247,198,107,.25)}
.abs-band h2{color:#fff;font-size:clamp(1.4rem,2.6vw,2rem);margin:6px 0 10px}.abs-band p{color:var(--on-night-muted)}.abs-band .kicker{color:var(--gold)}.abs-band h3{color:var(--gold);font-size:1rem;margin-bottom:12px}.abs-band .btn.ghost{color:#fff}
@media (max-width:860px){.abs-band .ab{grid-template-columns:1fr}}
.kd{list-style:none;margin:0;padding:0;display:grid;gap:0;position:relative}.kd::before{content:"";position:absolute;inset-inline-start:13px;top:12px;bottom:12px;width:1.5px;background:linear-gradient(180deg,var(--rose),var(--gold));opacity:.6}
.kd li{position:relative;display:grid;grid-template-columns:auto 1fr;gap:12px;padding:8px 0}.kd-d{display:grid;grid-template-columns:28px auto;align-items:center;gap:0 8px;min-width:120px}.kd-d svg{grid-row:1/3;color:var(--rose);background:var(--paper);border-radius:50%;padding:2px;width:28px;height:28px;position:relative}
.ab .kd-d svg,.sec.dark .kd-d svg{background:#1d0a18}.kd-d b{font-size:.92rem;line-height:1.2}.kd-d small{font-size:.74rem;opacity:.7}.kd-t b{display:block;font-size:.95rem;line-height:1.5}.kd-t small{opacity:.75;font-size:.82rem}.kd li.past{opacity:.55}.kd li.past .kd-t b{text-decoration:line-through;text-decoration-thickness:1px}
/* ---------- activities ---------- */
.acts{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.act{position:relative;display:grid;gap:6px;align-content:start;padding:22px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);overflow:hidden}.act-im{margin:-22px -22px 10px}.act-im img{width:100%;aspect-ratio:16/9;object-fit:cover}
.act-i{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--plum),#5e0a3d);box-shadow:0 0 0 4px var(--plum-soft)}.act.k-award .act-i,.act.k-competition .act-i{background:linear-gradient(135deg,#d39b27,#8a5a00)}.act.k-workshop .act-i,.act.k-training .act-i{background:linear-gradient(135deg,#4E9A25,#1E6B47)}
.act-k{font-size:.74rem;font-weight:700;color:var(--muted);margin-top:6px}.act h3{font:700 1.08rem/1.45 var(--display)}.act p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.8}.act small{display:inline-flex;gap:6px;align-items:center;color:var(--muted)}.act small svg{width:15px}
/* ---------- knowledge ---------- */
.kn{display:grid;grid-template-rows:auto 1fr;border-radius:var(--r);overflow:hidden;background:var(--surface);border:1px solid var(--line);text-decoration:none;color:inherit;transition:transform .3s var(--ease),box-shadow .3s}
.kn:hover,.kn:focus-visible{transform:translateY(-4px);box-shadow:0 20px 36px -26px rgba(122,0,72,.6)}.kn .cover{position:relative;aspect-ratio:16/9;overflow:hidden}.kn .cover img,.kn .cover svg{width:100%;height:100%;object-fit:cover;display:block}
.kn .b{display:grid;gap:6px;align-content:start;padding:16px 18px 18px}.kn-k{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;font-weight:700;color:var(--plum)}.kn h3{font:700 1.04rem/1.5 var(--display)}.kn p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.75}.kn small{color:var(--muted);font-size:.78rem}
.cover .cv-s,.cover .sample{position:absolute;top:10px;inset-inline-start:10px}
.vid{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:#000;margin-bottom:22px}.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.lead{font-size:1.12rem;color:var(--ink);font-weight:500}.narrow{max-width:820px}.cover.big{border-radius:var(--r);overflow:hidden;margin-bottom:22px}
/* ---------- heritage chapters ---------- */
.her-sec .chap-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
/* ---------- editions ---------- */
.eds{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.edc{position:relative;display:grid;grid-template-rows:auto auto 1fr;border-radius:var(--r);overflow:hidden;background:var(--surface);border:1px solid var(--line);text-decoration:none;color:inherit;transition:transform .3s var(--ease)}
.edc:hover{transform:translateY(-4px)}.edc-no{position:absolute;inset-inline-start:14px;top:14px;z-index:2;display:grid;justify-items:center;width:74px;padding:8px 4px;border-radius:14px;color:#fff;background:rgba(18,6,14,.82);border:1px solid rgba(247,198,107,.6);backdrop-filter:blur(4px)}
.edc-no small{font-size:.66rem;color:var(--gold)}.edc-no b{font:700 1.8rem/1 var(--body)}.edc-no em{font-style:normal;font-size:.72rem;opacity:.8}
.edc-im{display:block;aspect-ratio:16/9;overflow:hidden}.edc-im img,.edc-im svg{width:100%;height:100%;object-fit:cover;display:block}
.edc-t{display:flex;flex-wrap:wrap;gap:6px 12px;align-content:start;padding:16px 18px}.edc-t b{flex-basis:100%;font:700 1.04rem/1.5 var(--display)}.edc-t small{flex-basis:100%;color:var(--muted);font-size:.82rem}.edc-f{font-size:.8rem;color:var(--muted)}.edc-f b{flex-basis:auto;font:700 .95rem var(--body);color:var(--plum)}
.edc.cur{border-color:var(--gold);box-shadow:0 0 0 2px rgba(247,198,107,.35)}
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.gal figure{margin:0;border-radius:12px;overflow:hidden}.gal img{width:100%;aspect-ratio:4/3;object-fit:cover}
.medals.mini{grid-template-columns:repeat(2,1fr);gap:8px}.medals.mini .medal b{font-size:1.3rem}
/* ---------- testimonials ---------- */
.qts{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}
.qt{position:relative;margin:0;display:grid;gap:14px;align-content:space-between;padding:26px 22px 20px;border-radius:var(--r);background:var(--paper);border:1px solid var(--line)}
.qt-m{position:absolute;inset-inline-end:16px;top:-6px;font:700 4.4rem/1 Georgia,serif;color:color-mix(in srgb,var(--rose) 45%,transparent)}
.qt blockquote{margin:0;font:500 1.02rem/1.9 var(--display)}.qt figcaption{display:flex;gap:10px;align-items:center}.qt .ph{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;overflow:hidden;background:var(--plum);color:#fff;font:700 .8rem var(--display)}.qt .ph img{width:100%;height:100%;object-fit:cover}
.qt figcaption b{display:block;font-size:.92rem}.qt figcaption small{display:block;color:var(--muted);font-size:.78rem}
/* ---------- sponsors by tier, exhibitors ---------- */
.tier{margin-bottom:26px}.tier h3{display:flex;align-items:center;gap:12px;font:700 .95rem var(--body);color:var(--muted);margin-bottom:12px}.tier h3::after{content:"";flex:1;height:1px;background:var(--line)}
.spns{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.t-strategic .spns{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.t-platinum .spns{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.t-gold .spns{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.spn{position:relative;display:grid;place-items:center;gap:6px;min-height:110px;padding:18px;border-radius:14px;background:var(--surface);border:1px solid var(--line);text-decoration:none;color:inherit;text-align:center;transition:border-color .3s,transform .3s var(--ease)}
.t-strategic .spn{min-height:160px;border-color:rgba(247,198,107,.7);background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--gold) 8%,var(--surface)))}.t-platinum .spn{min-height:140px}
.spn:hover{transform:translateY(-3px);border-color:var(--plum)}.sp-lg{display:grid;place-items:center;max-width:100%}.sp-lg img{max-height:64px;max-width:180px;object-fit:contain}.sp-lg b{font:700 1rem/1.4 var(--display)}.spn small{color:var(--muted);font-size:.78rem}.spn .sample{position:absolute;top:8px;inset-inline-end:8px}
.exhs{display:grid;gap:10px}.exh{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:14px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--line);text-decoration:none;color:inherit}
.exh .lg{display:grid;place-items:center;width:58px;height:58px;border-radius:12px;background:var(--plum-soft);color:var(--plum);font:700 1rem var(--display);overflow:hidden}.exh .lg img{width:100%;height:100%;object-fit:contain;background:#fff}
.ex-t{display:grid;gap:2px}.ex-t small{color:var(--muted);font-size:.82rem}.ex-b{display:grid;justify-items:center;padding:6px 14px;border-radius:12px;border:1px dashed var(--line)}.ex-b small{font-size:.7rem;color:var(--muted)}.ex-b b{font-size:1.05rem}
.notice-b{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:22px;padding:18px 22px;border-radius:var(--r);background:var(--plum-soft);border:1px solid color-mix(in srgb,var(--plum) 25%,var(--line))}.notice-b span{display:grid;gap:2px}.notice-b small{color:var(--muted)}.notice-b .cta{display:flex}
/* ---------- forms ---------- */
.frm{padding:clamp(18px,3vw,30px);border-radius:var(--r);background:var(--surface);border:1px solid var(--line)}
.fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}@media (max-width:640px){.fgrid{grid-template-columns:1fr}}
.f{display:grid;gap:6px;font-size:.88rem;font-weight:600;color:var(--muted)}.f.full{grid-column:1/-1}
.f input,.f select,.f textarea{font:500 .96rem var(--body);color:var(--ink);padding:11px 13px;border-radius:12px;border:1px solid var(--line);background:var(--paper);width:100%}.f textarea{resize:vertical;line-height:1.8}
.f input:focus,.f select:focus,.f textarea:focus{outline:2px solid color-mix(in srgb,var(--plum) 55%,transparent);outline-offset:1px}
.ck{display:flex;gap:10px;align-items:flex-start;margin:16px 0;font-size:.88rem;color:var(--muted)}.ck input{margin-top:5px;accent-color:var(--plum)}
.wc{font-weight:500;color:var(--muted)}.wc.over{color:#c0262d}
.out{margin:14px 0 0;font-weight:600}.out.ok{padding:14px 16px;border-radius:12px;background:var(--leaf-soft);color:var(--leaf-deep)}.out.err{color:#c0262d}.tk{font:700 1.05rem var(--body);letter-spacing:.04em;padding:2px 10px;border-radius:8px;background:var(--surface);border:1px dashed currentColor}
.live-off{display:grid;justify-items:center;text-align:center;gap:8px;padding:clamp(26px,5vw,56px);border-radius:var(--r);background:var(--surface);border:1px dashed var(--line);margin-bottom:18px}.live-off>svg{width:48px;height:48px;color:var(--plum)}.live-off .hx-meta{justify-content:center}
.sup-box{display:grid;gap:2px}.sup-box small{color:var(--muted)}.sup-box b{font:700 1.05rem/1.5 var(--display);color:var(--plum)}
/* ---------- «stay informed» ---------- */
.sub{display:grid;gap:14px;padding:clamp(18px,3vw,28px);border-radius:var(--r);background:linear-gradient(135deg,color-mix(in srgb,var(--plum) 9%,var(--surface)),var(--surface));border:1px solid var(--line)}
.sub-t{display:flex;gap:12px;align-items:flex-start}.sub-t>svg{flex:none;color:var(--plum);margin-top:4px}.sub-t b{display:block;font:700 1.1rem var(--display)}.sub-t small{color:var(--muted)}
.sub-f{display:flex;flex-wrap:wrap;gap:8px}.sub-f input{flex:1 1 200px;font:500 .94rem var(--body);padding:11px 14px;border-radius:999px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}
.sub .out{margin:0}.sub.sm .sub-f input{flex-basis:150px}
.fz .sub{background:transparent;border:0;padding:0;color:var(--on-night)}.fz .sub-t small{color:var(--on-night-muted)}.fz .sub-t>svg{color:var(--rose)}.fz .sub-f input{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:#fff}
.gl-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;list-style:none;padding:0;margin:0}.gl-list li{padding:4px 12px;border-radius:999px;border:1px solid rgba(124,243,255,.35);font-size:.84rem}
.grid2{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.chair-h .ceo-stage{margin-top:6px}
.her-sec .chap h3{color:#fff}
@media (max-width:640px){.hx-meta{gap:10px 16px}.spks{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 10px}.ambs{grid-template-columns:repeat(2,minmax(0,1fr))}.exh{grid-template-columns:auto 1fr}.ex-b{grid-column:1/-1;justify-items:start}}

.top .btn{white-space:nowrap}.trk .sample,.act .sample{justify-self:start}.trk>.sample{margin-top:4px}
@media (min-width:1151px) and (max-width:1380px){[dir="ltr"] .brand .bt{display:none}}
/* ---------- the hero: real photographs moving slowly behind the forum's logo ---------- */
.bx-hero{background:#12060E}
.bx-hero::after{background:linear-gradient(270deg,rgba(18,6,14,.94) 0%,rgba(18,6,14,.82) 34%,rgba(18,6,14,.35) 62%,rgba(18,6,14,.15) 100%)}
[dir="ltr"] .bx-hero::after{background:linear-gradient(90deg,rgba(18,6,14,.94) 0%,rgba(18,6,14,.82) 34%,rgba(18,6,14,.35) 62%,rgba(18,6,14,.15) 100%)}
.bx-hero .hero-t{max-width:min(620px,52%)}
.hs{position:absolute;inset:0;z-index:-2;overflow:hidden}
.hs-s{position:absolute;inset:0;margin:0;opacity:0;transition:opacity 1.6s ease}.hs-s.on{opacity:1}
.hs-s img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);transform-origin:var(--hs-o,60% 50%)}
.hs-s.on img{animation:hsZoom 9s linear both}.hs-s:nth-child(2n) img{--hs-o:30% 40%}.hs-s:nth-child(3n) img{--hs-o:70% 60%}
@keyframes hsZoom{from{transform:scale(1.02)}to{transform:scale(1.14)}}
.hs-s figcaption{position:absolute;z-index:3;inset-inline-end:clamp(16px,4vw,48px);bottom:132px;max-width:340px;display:grid;gap:2px;padding:12px 16px;border-radius:14px;color:#fff;background:rgba(18,6,14,.62);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(6px);opacity:0;transform:translateY(10px);transition:opacity .8s .5s,transform .8s .5s}
.hs-s.on figcaption{opacity:1;transform:none}.hs-s figcaption b{font:700 1rem/1.4 var(--display)}.hs-s figcaption span{font-size:.84rem;color:#E9D7E2}
.hs-nav{position:absolute;z-index:4;inset-inline-end:clamp(16px,4vw,48px);bottom:78px;display:flex;align-items:center;gap:10px}
.hs-b{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(18,6,14,.5);color:#fff;font-size:1.3rem;line-height:1;cursor:pointer}.hs-b:hover{background:var(--plum)}
.hs-dots{display:flex;gap:6px}.hs-d{width:34px;height:4px;padding:0;border:0;border-radius:3px;background:rgba(255,255,255,.28);cursor:pointer;overflow:hidden}.hs-d i{display:block;height:100%;width:0;background:var(--rose)}.hs-d.on i{animation:hsBar 6.5s linear both}
@keyframes hsBar{to{width:100%}}
/* without photographs yet: a slow field in the logo's colours, the mark drawn large */
.hs-none{background:radial-gradient(80% 70% at 75% 30%,#4a1238 0%,#22091a 45%,#12060E 100%)}
.hs-none i{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;animation:hsFloat 18s ease-in-out infinite alternate}
.hs-none i:nth-child(1){width:46vw;height:46vw;left:4%;top:-8%;background:#9E005D}.hs-none i:nth-child(2){width:30vw;height:30vw;left:30%;top:40%;background:#F07DB7;opacity:.3;animation-duration:22s}
.hs-none i:nth-child(3){width:26vw;height:26vw;left:-6%;top:50%;background:#7CF3FF;opacity:.14;animation-duration:26s}.hs-none i:nth-child(4){width:18vw;height:18vw;left:55%;top:8%;background:#F7C66B;opacity:.14;animation-duration:20s}
@keyframes hsFloat{from{transform:translate(0,0) scale(1)}to{transform:translate(6vw,4vh) scale(1.15)}}
.hs-mark{position:absolute;left:8%;top:50%;width:min(34vw,460px);transform:translateY(-50%);opacity:.32;filter:drop-shadow(0 0 40px rgba(240,125,183,.45));animation:hsBreath 8s ease-in-out infinite alternate}[dir="ltr"] .hs-mark{left:auto;right:8%}
@keyframes hsBreath{from{opacity:.24;transform:translateY(-50%) scale(.97)}to{opacity:.4;transform:translateY(-50%) scale(1.03)}}
.hx-logo{margin:4px 0 6px}.hx-logo img{width:min(520px,100%);height:auto;filter:drop-shadow(0 6px 24px rgba(0,0,0,.45))}.hx-logo .hx-tr{display:block;margin-top:14px;font:600 clamp(1rem,1.6vw,1.3rem)/1.5 var(--display);color:#F7B8D8}
.bx-hero .lede{margin:14px 0 4px;color:#E9D7E2;max-width:48ch}
.fz-logo img{width:min(300px,100%);height:auto}
@media (max-width:860px){.bx-hero{display:grid;min-height:calc(100svh - 70px);align-items:end;padding-bottom:28px}.bx-hero .hero-t{max-width:none;margin:0;padding:26vh 0 70px}
  .bx-hero::after,[dir="ltr"] .bx-hero::after{background:linear-gradient(0deg,rgba(18,6,14,.96) 0%,rgba(18,6,14,.85) 55%,rgba(18,6,14,.25) 100%)}.hs-mark{left:50%!important;right:auto!important;top:18%;width:60vw;transform:translate(-50%,-50%)}
  @keyframes hsBreath{from{opacity:.22}to{opacity:.36}}.hs-s figcaption{display:none}.hs-nav{inset-inline-end:auto;inset-inline-start:16px;bottom:16px}}
@media (prefers-reduced-motion: reduce){.hs-s.on img,.hs-none i,.hs-mark,.hs-d.on i{animation:none}.hs-s{transition:none}}
.bx-hero .hero-t{padding-block:36px 96px}.hx-logo img{width:min(470px,100%)}
@media (max-height:900px) and (min-width:861px){.hx-logo img{width:min(400px,100%)}.bx-hero .lede{font-size:.98rem}.hx-meta{margin:14px 0 12px}}
@media (max-width:860px){.bx-hero .hero-t{padding:16vh 0 80px}.hx-logo img{width:min(360px,100%)}}


/* =====================================================================================================
   NVCPST — the National Virtual Conference on Pharmaceutical Summer Training. The Iraq branch's dress (plum night,
   Reem Kufi, the khatam) with the conference's own sun: a summer sun rising behind a capsule. The road from the lecture
   hall to the job market is drawn as numbered stations on one line; online courses get their own marker in the programme.
   ===================================================================================================== */
:root{--sun:#F7C66B;--sun-deep:#E89A2E}
.hx-logo img{width:min(560px,100%)}
@media (max-width:860px){.hx-logo img{width:min(380px,100%)}}
/* the road: five stations along a line, the sun's gold marking each step */
.road{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;counter-reset:r}
.road::before{content:"";position:absolute;top:22px;inset-inline:8%;height:2px;background:linear-gradient(90deg,var(--sun),#F07DB7,var(--sun));opacity:.6}
.road .chap{position:relative;display:grid;align-content:start;gap:6px;padding:62px 16px 18px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(247,198,107,.22)}
.road-n{position:absolute;top:2px;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;font:700 1.05rem var(--body);color:#3a0d2c;background:radial-gradient(circle at 50% 40%,#FFE7A3,var(--sun) 60%,var(--sun-deep));box-shadow:0 0 0 5px #14060F,0 0 22px rgba(247,198,107,.45)}
.road .art2{height:90px;margin:0 0 4px;color:var(--sun)}.road .art2 svg{height:100%;width:auto;max-width:100%}
.road .era{font-size:.78rem;font-weight:600;color:#7CF3FF}.road h3{font-size:1.05rem;color:#fff;margin:0}.road p{font-size:.86rem;line-height:1.8;color:var(--on-night-muted);margin:0}
@media (max-width:1000px){.road{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:34px}.road::before{display:none}}
@media (max-width:560px){.road{grid-template-columns:1fr}}
/* online courses in the programme */
.ses.k-course::before{border-color:var(--sun);background:var(--sun)}.ses.k-course .ses-k{color:#9a6a00}
.act.k-skills .act-i{background:linear-gradient(135deg,#1595B8,#0F5E80)}.act.k-course .act-i{background:linear-gradient(135deg,#d39b27,#8a5a00)}
.road .chap{min-height:0;display:flex;flex-direction:column}.road .art2{display:flex;justify-content:center;align-items:center;overflow:hidden;height:96px;margin-bottom:10px}.road .art2 svg{height:96px;width:auto}