.xp-site{--red:#B51E28;--mono:var(--font-mono-hud);background:#070708;overflow-x:clip}html[lang=ar] .eyebrow{font-family:var(--font-arabic-first)}.xs-stars{width:100%;height:100%}.xs-grid,.xs-stars{position:fixed;inset:0;z-index:0;pointer-events:none}.xs-grid{opacity:.5;background-image:linear-gradient(rgb(255 255 255/.03) 1px,transparent 0),linear-gradient(90deg,rgb(255 255 255/.03) 1px,transparent 0);background-size:120px 120px;mask-image:radial-gradient(ellipse at center,transparent 30%,#000 100%)}.xs-pct{position:fixed;z-index:45;right:clamp(1.25rem,3vw,3rem);bottom:1.2rem;font:500 10px/1 var(--mono);letter-spacing:.2em;color:rgb(255 255 255/.55);pointer-events:none}body:has(.xp) :is(.xs-stars,.xs-grid,.xs-pct){display:none}.xs-hud{text-shadow:0 1px 12px rgb(0 0 0/.6)}.xs-hud:after{content:"";position:absolute;left:clamp(1.25rem,3vw,3rem);right:clamp(1.25rem,3vw,3rem);bottom:0;height:1px;background:linear-gradient(90deg,rgb(255 255 255/.35),transparent 30%,transparent 70%,rgb(181 30 40/.7))}@supports (animation-timeline:scroll()){@keyframes xs-hud-solid{0%{background:rgb(7 7 8/0)}to{background:rgb(7 7 8/.8);backdrop-filter:blur(16px)}}.xs-hud{animation:xs-hud-solid linear both;animation-timeline:scroll(root);animation-range:40vh 90vh}}@supports not (animation-timeline:scroll()){.xs-hud{background:rgb(7 7 8/.72);backdrop-filter:blur(16px)}}.xs-nav{font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}html[lang=ar] .xs-nav{font:500 .9rem/1 var(--font-arabic-first);letter-spacing:0}nav[data-dismissed] li>div{visibility:hidden;opacity:0}.xs-panel{border:1px solid rgb(255 255 255/.14);background:linear-gradient(160deg,rgb(20 20 24/.94),rgb(7 7 8/.96));backdrop-filter:blur(18px);box-shadow:0 30px 80px -20px rgb(0 0 0/.8),inset 0 1px 0 rgb(255 255 255/.08)}.xp-site main:not(:has(.xp)){position:relative;z-index:1;padding-top:72px}.xp-site main:has(.ph){padding-top:0}@media (max-width:1023px){.xp-site main:not(:has(.xp)){padding-top:64px}}.ph{position:relative;z-index:0;height:175vh;margin-bottom:-30vh}@layer components{.ph~*{position:relative;z-index:1}}@media (max-width:767px){.ph{height:150vh}}.ph-sticky{position:sticky;top:0;height:100svh;overflow:hidden;perspective:1200px;background:#070708}.ph-layer{position:absolute;inset:0;overflow:hidden;transform-origin:50% 55%;will-change:transform,opacity,filter}.ph-far{position:absolute;inset:-3%;will-change:transform}.ph-cv,.ph-fx,.ph-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ph-cv{opacity:0;transition:opacity .6s}.ph.is-live .ph-cv{opacity:1}.ph-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 60% 45%,transparent 30%,rgb(7 7 8/.7) 100%),linear-gradient(0deg,rgb(7 7 8/.92),transparent 55%),linear-gradient(90deg,rgb(7 7 8/.65),transparent 60%)}[dir=rtl] .ph-vignette{background:radial-gradient(ellipse at 40% 45%,transparent 30%,rgb(7 7 8/.7) 100%),linear-gradient(0deg,rgb(7 7 8/.92),transparent 55%),linear-gradient(270deg,rgb(7 7 8/.65),transparent 60%)}.ph-hud{position:absolute;z-index:2;top:15vh;inset-inline-end:clamp(1.5rem,5vw,5rem);perspective:800px}.ph-tele{margin-top:1rem;display:grid;gap:.35rem;font:500 9.5px var(--mono);color:rgb(255 255 255/.75);letter-spacing:.08em}.ph-near{position:absolute;z-index:3;inset:auto 0 0 0;padding:0 clamp(1.5rem,7vw,7rem) 14vh;display:flex;flex-direction:column;align-items:flex-start;will-change:transform,opacity}.ph-title{margin-top:.9rem;font-size:clamp(2.2rem,6vw,5.6rem);font-weight:300;line-height:.98;letter-spacing:-.035em;max-width:18ch;text-wrap:balance;text-shadow:0 4px 40px rgb(0 0 0/.5)}html[lang=ar] .ph-title{line-height:1.2;letter-spacing:0;font-weight:500}.ph-intro{margin-top:1.2rem;max-width:60ch;font-size:clamp(1rem,1.5vw,1.25rem);font-weight:300;line-height:1.6;color:rgb(255 255 255/.82);text-shadow:0 2px 20px rgb(0 0 0/.6)}.ph-crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:1.4rem;font:500 10px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:rgb(255 255 255/.55)}html[lang=ar] .ph-crumbs ol{font:500 .8rem/1 var(--font-arabic-first);letter-spacing:0}.ph-crumbs li{display:flex;align-items:center;gap:.4rem}.ph-crumbs a:hover{color:#ff5560}.ph-crumbs [aria-current]{color:#fff}.ph .xp-code{font:500 10px/1 var(--mono);letter-spacing:.3em;color:rgb(255 255 255/.6);padding-inline-start:1.2rem;position:relative}.ph .xp-code:before{content:"";position:absolute;inset-inline-start:0;top:50%;width:.7rem;height:1px;background:var(--red)}.ph .xp-eyebrow{margin-top:.8rem;font:600 11px/1.4 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:#ff6b74}.ph-scroll{position:absolute;z-index:4;bottom:1.3rem;left:50%;transform:translateX(-50%);font:500 9px var(--mono);letter-spacing:.4em;color:rgb(255 255 255/.6)}.ph-scroll:after{content:"";display:block;width:1px;height:30px;margin:.5rem auto 0;background:linear-gradient(#fff,transparent);animation:blink 1.6s infinite}@keyframes ph-in{0%{opacity:0;transform:translate3d(0,28px,0);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}.ph-in{animation:ph-in 1s cubic-bezier(.2,.7,.2,1) both}@media (max-width:767px){.ph-near{padding:0 1.4rem 12vh 1.6rem}.ph-hud{top:11vh;transform:scale(.7);transform-origin:top right}}@media (prefers-reduced-motion:reduce){.ph{height:auto}.ph-sticky{position:relative;min-height:100svh}}.ph .xp-glass{position:relative;padding:1rem 1.2rem;background:linear-gradient(140deg,rgb(255 255 255/.1),rgb(255 255 255/.02));border:1px solid rgb(255 255 255/.18);backdrop-filter:blur(14px);box-shadow:0 20px 60px -20px rgb(0 0 0/.6),inset 0 1px 0 rgb(255 255 255/.15)}.ph .xp-glass small{font:500 9px var(--mono);letter-spacing:.25em;color:#ff6b74}@keyframes xs-depth{0%{opacity:0;transform:perspective(1400px) translate3d(0,60px,-220px) rotateX(14deg);filter:blur(6px)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.xp-site main :is(.card,h2,section>p,form,table,.xs-cta>div):not(.ph *,.xp *){transform-origin:50% 100%;animation:xs-depth linear backwards;animation-timeline:view();animation-range:entry 0 entry 70%}}}.xs-sh{position:relative;padding-top:1.4rem}.xs-sh:before{content:"";position:absolute;top:0;inset-inline:0;height:1px;background:linear-gradient(90deg,var(--red),rgb(255 255 255/.18) 18%,transparent)}[dir=rtl] .xs-sh:before{background:linear-gradient(270deg,var(--red),rgb(255 255 255/.18) 18%,transparent)}.xs-cta{position:relative;z-index:1;display:grid;place-items:center;min-height:80svh;overflow:hidden;padding:6rem 0;background:radial-gradient(ellipse at 50% 50%,rgb(181 30 40/.22),transparent 60%)}.xs-cta .xp-holo.is-big{position:absolute;width:min(90vw,680px);height:min(90vw,680px);left:50%;top:50%;margin:calc(min(90vw, 680px) / -2);opacity:.5}.xs-cta .xp-code{font:500 10px/1 var(--mono);letter-spacing:.3em;color:rgb(255 255 255/.6)}.xs-cta .h2{font-weight:200}.xs-foot{border-top:1px solid rgb(255 255 255/.1);background:rgb(5 5 6/.92)}.xs-foot-k{font:500 9px var(--mono);letter-spacing:.25em;text-transform:uppercase;color:#ff6b74}html[lang=ar] .xs-foot-k{font:600 .8rem var(--font-arabic-first);letter-spacing:0}.xs-status{font:500 9px var(--mono);letter-spacing:.2em;color:rgb(255 255 255/.55)}.xs-status i{display:inline-block;width:6px;height:6px;margin-inline-end:.4rem;background:#3ddc84;border-radius:50%;animation:blink 1.6s infinite}.ph.ph-loading{height:100svh;margin-bottom:0}.ph-skel{display:block;width:min(60vw,520px);height:14px;margin-top:1.2rem;background:linear-gradient(90deg,rgb(255 255 255/.06),rgb(255 255 255/.16),rgb(255 255 255/.06)) 0 0 /200% 100%;animation:ph-skel 1.4s linear infinite}.ph-skel.is-title{width:min(70vw,760px);height:clamp(2.2rem,6vw,5rem)}@keyframes ph-skel{to{background-position:-200% 0}}@media (max-width:767px){.ph-intro{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.ph-kids{width:100%}.ph-kids>:is(ul,nav){display:flex;flex-wrap:nowrap;gap:.6rem;margin-top:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.ph-kids>:is(ul,nav)>*{flex:0 0 auto;scroll-snap-align:start}.ph-kids>ul>li{width:42vw}}