:root{--bg: #06040f;--bg2: #0b0718;--txt: #f0eaff;--txt-soft: #c9c0e6;--txt-dim: #9b93b8;--line: rgba(185, 164, 232, .16);--blue: #3451c5;--ink: #5b6275;--purple: #6a4bbf;--light: #9b7dd8;--lav: #b9a4e8;--gold: #d4a84a;--teal: #2bb3a0;--coral: #e0633f;--ar: "Tajawal", sans-serif;--ar-disp: "Amiri", serif;--disp: "Bodoni Moda", serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto}body{background:var(--bg);color:var(--txt);font-family:var(--ar);overflow-x:hidden}::selection{background:#d4a84a59}:focus-visible{outline:2px solid var(--lav);outline-offset:3px;border-radius:6px}:focus:not(:focus-visible){outline:none}#stage{position:fixed;inset:0;width:100vw;height:100vh;display:block;z-index:0}.vignette{position:fixed;inset:0;z-index:2;pointer-events:none;background:radial-gradient(120% 90% at 50% 42%,transparent 55%,rgba(3,2,9,.55) 100%)}.grain{position:fixed;inset:-60px;z-index:3;pointer-events:none;opacity:.05;background-image: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='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E");animation:grain .9s steps(3) infinite}@keyframes grain{0%{transform:translate(0)}33%{transform:translate(-14px,9px)}66%{transform:translate(11px,-13px)}to{transform:translate(0)}}#spacer{height:780vh}#loader{position:fixed;inset:0;z-index:60;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;transition:opacity .9s ease,visibility .9s}#loader.done{opacity:0;visibility:hidden}.ld-mark{display:grid;grid-template-columns:1fr 1fr;gap:5px;width:56px;height:56px}.ld-mark i{border-radius:5px;animation:ld 1.6s ease-in-out infinite}.ld-mark i:nth-child(1){background:var(--blue);animation-delay:0s}.ld-mark i:nth-child(2){background:var(--ink);animation-delay:.18s}.ld-mark i:nth-child(3){background:var(--purple);animation-delay:.54s}.ld-mark i:nth-child(4){background:var(--light);animation-delay:.36s}@keyframes ld{0%,to{opacity:.35;transform:scale(.92)}50%{opacity:1;transform:scale(1)}}.ld-word{font-family:var(--disp);font-size:22px;letter-spacing:.42em;margin-inline-start:.42em;color:var(--txt)}.ld-line{font-size:13px;color:var(--txt-dim)}#nav{position:fixed;inset-inline:0;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(18px,4vw,44px)}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--txt)}.brand svg{width:26px;height:26px}.brand span{font-family:var(--disp);font-size:17px;letter-spacing:.34em;margin-inline-start:.34em}.nav-right{display:flex;align-items:center;gap:14px}.lang{display:flex;border:1px solid var(--line);border-radius:100px;overflow:hidden}.lang button{background:transparent;border:0;color:var(--txt-dim);font-family:var(--ar);font-size:12.5px;font-weight:500;padding:6px 13px;cursor:pointer}.lang button[aria-pressed=true]{color:var(--txt);background:#b9a4e824}.nav-cta{font-size:13px;font-weight:500;color:var(--gold);text-decoration:none;border:1px solid rgba(212,168,74,.45);border-radius:100px;padding:7px 16px;transition:background .25s,color .25s}.nav-cta:hover{background:var(--gold);color:#14100a}#rail{position:fixed;inset-inline-end:16px;top:50%;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;gap:14px}#rail button{position:relative;width:9px;height:9px;border-radius:50%;border:1px solid rgba(185,164,232,.5);background:transparent;cursor:pointer;transition:background .3s,transform .3s}#rail button.on{background:var(--gold);border-color:var(--gold);transform:scale(1.3)}#rail button span{position:absolute;top:50%;transform:translateY(-50%);inset-inline-end:20px;font-family:var(--ar);font-size:11.5px;white-space:nowrap;color:var(--txt-dim);opacity:0;transition:opacity .25s;pointer-events:none}#rail button:hover span,#rail button.on span{opacity:1}.ch{position:fixed;z-index:10;top:50%;inset-inline-start:clamp(20px,7vw,110px);transform:translateY(calc(-50% + 34px));width:min(46ch,84vw);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .7s ease,transform .7s ease,visibility .7s}.ch.on{opacity:1;visibility:visible;transform:translateY(-50%)}.ch[data-ch="0"]{--acc: var(--lav);text-align:center;inset-inline:0;margin-inline:auto;width:min(60ch,90vw)}.ch[data-ch="1"]{--acc: var(--gold)}.ch[data-ch="2"]{--acc: var(--purple)}.ch[data-ch="3"]{--acc: var(--gold)}.ch[data-ch="4"]{--acc: var(--teal)}.ch[data-ch="5"]{--acc: var(--coral)}.ch[data-ch="6"]{--acc: var(--gold)}.ch[data-ch="7"]{--acc: var(--lav);text-align:center;inset-inline:0;margin-inline:auto;width:min(56ch,90vw)}.ch .kic{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;font-weight:500;letter-spacing:.14em;color:var(--acc);margin-bottom:14px}[dir=ltr] .ch .kic{text-transform:uppercase;letter-spacing:.22em}.ch .kic:before{content:"";width:26px;height:1px;background:var(--acc);opacity:.7}.ch[data-ch="0"] .kic:after,.ch[data-ch="7"] .kic:after{content:"";width:26px;height:1px;background:var(--acc);opacity:.7}.ch h2{font-family:var(--ar-disp);font-weight:700;font-size:clamp(34px,6vw,64px);line-height:1.22;text-shadow:0 0 42px rgba(9,5,24,.9)}[dir=ltr] .ch h2{font-family:var(--disp);font-weight:600;line-height:1.08}.ch[data-ch="0"] h2{font-family:var(--disp);font-size:clamp(52px,10vw,110px);letter-spacing:.3em;margin-inline-start:.3em;font-weight:400}.ch .p{margin-top:16px;font-size:clamp(15px,1.6vw,17.5px);line-height:1.95;color:var(--txt-soft);text-shadow:0 0 24px rgba(9,5,24,.95)}.ch .pname{display:inline-flex;align-items:center;gap:12px}.ch .pname i{width:.5em;height:.5em;border-radius:3px;background:var(--acc);box-shadow:0 0 18px var(--acc)}.ch .ctas{margin-top:30px;display:flex;flex-direction:column;align-items:center;gap:14px;pointer-events:auto}.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--ar);font-size:15.5px;font-weight:500;text-decoration:none;color:#14100a;background:var(--gold);border-radius:100px;padding:14px 34px;box-shadow:0 0 34px #d4a84a59;transition:transform .25s,box-shadow .25s}.btn:hover{transform:translateY(-2px);box-shadow:0 0 54px #d4a84a8c}.alt{font-size:13.5px;color:var(--txt-dim);text-decoration:underline;text-underline-offset:4px}.alt:hover{color:var(--lav)}#cue{position:fixed;bottom:26px;inset-inline:0;z-index:20;display:flex;flex-direction:column;align-items:center;gap:9px;font-size:12.5px;color:var(--txt-dim);transition:opacity .6s}#cue.off{opacity:0}.cue-bar{width:1px;height:34px;background:linear-gradient(var(--lav),transparent);animation:cue 1.8s ease-in-out infinite}@keyframes cue{0%,to{transform:scaleY(.4);opacity:.4}50%{transform:scaleY(1);opacity:1}}body.static #stage,body.static #spacer,body.static #cue,body.static #rail,body.static #loader{display:none}body.static{background:linear-gradient(180deg,#06040f,#0d0820 55%,#06040f)}body.static #story{display:block;padding:16vh 0 10vh}body.static .ch{position:static;opacity:1;visibility:visible;transform:none;pointer-events:auto;width:min(58ch,88vw);margin:0 auto 15vh;border:1px solid var(--line);border-radius:20px;padding:42px 36px;background:radial-gradient(120% 130% at 15% 0%,color-mix(in srgb,var(--acc) 12%,transparent),transparent 55%),#0b0718bf}@media(prefers-reduced-motion:reduce){.grain,.cue-bar,.ld-mark i{animation:none}.ch{transition:none}}@media(max-width:720px){#rail button span,.brand span{display:none}.ch{top:auto;bottom:12vh;transform:translateY(20px)}.ch.on{transform:translateY(0)}.ch .p{font-size:14.5px;line-height:1.85}}