.intro-root{touch-action:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(55% 45% at 50% 42%,#1c0709 0%,#0b0b0b00 70%),#050505;width:100dvw;height:100dvh;position:fixed;inset:0;overflow:hidden}.intro-ambient{object-fit:cover;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity 2.5s;position:absolute;inset:0}.phase-assemble .intro-ambient{opacity:.16}.phase-lock .intro-ambient{opacity:.34}.phase-unlock .intro-ambient{opacity:.12}.phase-logo .intro-ambient,.phase-fade .intro-ambient{opacity:0;transition-duration:.8s}.intro-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.intro-static-brand{inset-inline:0;color:#f5f2ed;justify-content:center;align-items:center;gap:clamp(1rem,4vw,3rem);display:flex;position:absolute;top:40%;transform:translateY(-50%)}.intro-static-en{font-family:var(--font-cormorant), serif;font-size:clamp(3rem,11vw,8rem);font-weight:600;line-height:1}.intro-static-ar{font-family:var(--font-tajawal), sans-serif;color:#e5484d;font-size:clamp(3rem,10vw,7.5rem);font-weight:700;line-height:1.2}.intro-static-divider{background:linear-gradient(#0000,#f5f2ed80,#0000);width:1px;height:clamp(3rem,8vw,6rem)}.intro-stage{inset-inline:0;z-index:5;place-items:start center;padding-inline:1.25rem;display:grid;position:absolute;top:64%}@media (orientation:portrait){.intro-stage{top:61%}}.intro-enter-wrap,.intro-question{grid-area:1/1}.intro-enter-wrap{opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:1.1rem;transition:opacity .9s,transform .9s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(1.25rem)scale(.85)}.intro-enter-wrap.visible{opacity:1;pointer-events:auto;transform:none}.intro-enter-wrap.gone{opacity:0;pointer-events:none;transition-duration:.6s;transform:scale(1.5)}.intro-enter{color:#f5f2ed;cursor:pointer;width:96px;height:96px;transform:translate(var(--mx,0px), var(--my,0px));background:radial-gradient(circle at 50% 38%,#8b0d1a8c,#0b0b0be6 72%);border:none;border-radius:50%;place-items:center;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s;display:grid;position:relative;box-shadow:0 0 40px #e5484d2e,inset 0 0 18px #e5484d33}.intro-enter:hover{box-shadow:0 0 70px #e5484d73,inset 0 0 24px #e5484d59}.intro-enter:focus-visible{outline-offset:6px;outline:2px solid #e5484d}.intro-enter:before,.intro-enter:after{content:"";pointer-events:none;border:1px solid #e5484d8c;border-radius:50%;animation:2.8s cubic-bezier(.2,.6,.3,1) infinite intro-halo;position:absolute;inset:0}.intro-enter:after{border-color:#dedad459;animation-delay:1.4s}@keyframes intro-halo{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2.3)}}.intro-enter-ring{-webkit-mask-composite:xor;background:conic-gradient(#e5484d,#e5484d00 28%,#dedad4 50%,#dedad400 78%,#e5484d);border-radius:50%;padding:2px;animation:3.2s linear infinite intro-spin;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes intro-spin{to{transform:rotate(1turn)}}.intro-lock-svg{display:block;position:relative}.intro-lock-shackle{transform-origin:bottom;transition:transform .5s cubic-bezier(.16,1,.3,1)}.intro-lock-shackle.open{transform:translateY(-3px)rotate(-18deg)}.intro-enter-hint{font-family:var(--font-readex-pro), system-ui, sans-serif;color:#a3a09b;font-size:.875rem}.intro-q{margin:0}.intro-question{text-align:center;text-wrap:balance;pointer-events:none;max-width:min(42rem,92vw);margin:0}.intro-q-ar{font-family:var(--font-tajawal), sans-serif;color:#f5f2ed;font-size:clamp(1.5rem,4.2vw,2.6rem);font-weight:700;line-height:1.5;display:block}.intro-q-en{font-family:var(--font-cormorant), serif;color:#a3a09b;margin-top:.6rem;font-size:clamp(1.15rem,2.4vw,1.6rem);font-weight:600;line-height:1.4;display:block}.intro-q-word{opacity:0;filter:blur(12px);transition:opacity .7s,filter .8s,transform .8s cubic-bezier(.16,1,.3,1);transition-delay:calc(.35s + var(--i,0) * 85ms);display:inline-block;transform:translateY(.35em)}.intro-question.visible .intro-q-word{opacity:1;filter:blur();transform:none}.phase-logo .intro-question,.phase-fade .intro-question{opacity:0;transition:opacity .5s}.intro-progress{opacity:0;align-items:center;gap:.9rem;width:min(26rem,84vw);margin:0 auto 1.6rem;transition:opacity .6s .2s;display:flex}.intro-question.visible .intro-progress{opacity:1}.phase-logo .intro-progress{opacity:0;transition-delay:0s}.intro-progress-num{min-width:3.4em;font-family:var(--font-readex-pro), system-ui, sans-serif;font-variant-numeric:tabular-nums;color:#a3a09b;font-size:.8125rem}.intro-progress-num:first-child{text-align:left}.intro-progress-num:last-child{text-align:right;color:#e5484d}.intro-progress-bar{background:#f5f2ed1a;border-radius:2px;flex:1;height:2px;position:relative;overflow:hidden}.intro-progress-bar:before,.intro-progress-bar:after{content:"";width:50%;position:absolute;top:0;bottom:0;transform:scaleX(0)}.intro-progress-bar:before{transform-origin:0;background:linear-gradient(90deg,#dedad44d,#f5f2ed);left:0}.intro-progress-bar:after{transform-origin:100%;background:linear-gradient(270deg,#e5484d66,#e5484d);right:0}.intro-question.visible .intro-progress-bar:before,.intro-question.visible .intro-progress-bar:after{animation:2.1s cubic-bezier(.33,1,.68,1) .35s forwards intro-fill}@keyframes intro-fill{to{transform:scaleX(1)}}.intro-grid{pointer-events:none;opacity:0;background-image:linear-gradient(#e5484d12 1px,#0000 1px),linear-gradient(90deg,#e5484d12 1px,#0000 1px);background-position:50%;background-size:36px 36px;transition:opacity 1s;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000 30%,#0000 80%);mask-image:radial-gradient(70% 60% at 50% 40%,#000 30%,#0000 80%)}.phase-unlock .intro-grid{opacity:1}.phase-logo .intro-grid,.phase-fade .intro-grid{opacity:0;transition-duration:.4s}.intro-logo{pointer-events:none;visibility:hidden;width:min(60vw,880px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (orientation:portrait){.intro-logo{width:84vw}}.phase-logo .intro-logo,.phase-fade .intro-logo{visibility:visible}.intro-logo img{clip-path:inset(50% -12%);filter:drop-shadow(0 0 18px #e5484d59)drop-shadow(0 0 2px #ffffff40);width:100%;height:auto;display:block;position:relative}.phase-logo .intro-logo img,.phase-fade .intro-logo img{animation:.8s cubic-bezier(.65,0,.35,1) .95s forwards intro-logo-open}@keyframes intro-logo-open{to{clip-path:inset(-30% -12%)}}.intro-logo:before{content:"";opacity:0;background:radial-gradient(50% 50%,#e5484d38,#8b0d1a1a 45%,#0000 70%);position:absolute;inset:-45% -20%}.phase-logo .intro-logo:before,.phase-fade .intro-logo:before{animation:1.2s ease-out 1.4s forwards intro-logo-glow}@keyframes intro-logo-glow{to{opacity:1}}.intro-logo:after{content:"";opacity:0;background:linear-gradient(105deg,#0000 38%,#fff9 50%,#0000 62%) 130% 0/260% 100%;position:absolute;inset:0;-webkit-mask:url(/brand/yy-logo-intro.png) 50%/100% 100% no-repeat;mask:url(/brand/yy-logo-intro.png) 50%/100% 100% no-repeat}.phase-logo .intro-logo:after,.phase-fade .intro-logo:after{animation:1.2s ease-in-out 2s forwards intro-logo-gleam}@keyframes intro-logo-gleam{0%{opacity:1;background-position:130% 0}to{opacity:1;background-position:-30% 0}}.intro-noise{pointer-events:none;z-index:16;mix-blend-mode:overlay;width:100%;height:100%;position:absolute;inset:0}.intro-vignette{pointer-events:none;z-index:17;background:radial-gradient(75% 75% at 50% 45%,#0000 45%,#000000b3 100%);position:absolute;inset:0}.intro-skip{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#a3a09b;font-size:.875rem;font-family:var(--font-readex-pro), system-ui, sans-serif;cursor:pointer;background:#0b0b0b66;border:1px solid #f5f2ed1f;border-radius:9999px;padding:.5rem 1rem;transition:color .2s,border-color .2s;position:absolute;top:1.25rem;right:1.25rem}.intro-skip:hover{color:#f5f2ed;border-color:#f5f2ed4d}.intro-skip:focus-visible{outline-offset:2px;outline:2px solid #e5484d}.intro-fade-out{z-index:50;pointer-events:none;background:#0b0b0b;animation:1s ease-in forwards intro-fade;position:fixed;inset:0}@keyframes intro-fade{0%{opacity:0}to{opacity:1}}.intro-noscript{z-index:100;background:#0b0b0b;justify-content:center;align-items:center;font-family:system-ui,sans-serif;display:flex;position:fixed;inset:0}.intro-noscript a{color:#d0ccc6;padding:.5rem 1rem;font-size:1.25rem;text-decoration:none}.intro-noscript a:hover{text-decoration:underline}@media (prefers-reduced-motion:reduce){.intro-enter-wrap,.intro-enter,.intro-q-word{transition:none!important}.intro-enter:before,.intro-enter:after,.intro-enter-ring,.intro-progress-bar:before,.intro-progress-bar:after{animation:none!important}.intro-enter:before,.intro-enter:after{opacity:0}.intro-fade-out{opacity:1;animation:none}}