:root{--intro-dur: 1;--intro-hue: 0}body[data-intro=active]{overflow:hidden!important;background:#050402!important}.intro{position:fixed;inset:0;display:grid;place-items:center;background:#050402;overflow:hidden;isolation:isolate;z-index:100;filter:hue-rotate(calc(var(--intro-hue) * 1deg))}.intro-vignette{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 50%,transparent 30%,rgba(0,0,0,.55) 75%,rgba(0,0,0,.9) 100%);pointer-events:none;z-index:8}.intro-halo{position:absolute;left:50%;top:50%;width:160vmax;height:160vmax;transform:translate(-50%,-50%) scale(0);border-radius:50%;background:radial-gradient(closest-side,rgba(255,230,170,.55) 0%,rgba(240,208,128,.35) 18%,rgba(200,151,26,.18) 38%,rgba(120,80,14,.08) 60%,transparent 78%);mix-blend-mode:screen;pointer-events:none;filter:blur(8px);opacity:0;animation:intro-halo-grow calc(2.6s * var(--intro-dur)) cubic-bezier(.16,.84,.3,1) .35s both,intro-halo-flicker calc(7s * var(--intro-dur)) steps(1) .8s infinite;z-index:1}@keyframes intro-halo-grow{0%{transform:translate(-50%,-50%) scale(0);opacity:0}6%{transform:translate(-50%,-50%) scale(.04);opacity:.25}9%{transform:translate(-50%,-50%) scale(.08);opacity:0}12%{transform:translate(-50%,-50%) scale(.18);opacity:1}18%{transform:translate(-50%,-50%) scale(.16);opacity:.65}22%{transform:translate(-50%,-50%) scale(.22);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes intro-halo-flicker{0%,92%,96%,to{filter:blur(8px) brightness(1)}93%{filter:blur(8px) brightness(.78)}94%{filter:blur(8px) brightness(1)}95%{filter:blur(8px) brightness(.85)}}.intro-filament{position:absolute;left:50%;top:50%;width:3px;height:3px;background:#fff4c8;border-radius:50%;box-shadow:0 0 6px 1px #ffd980,0 0 14px 3px #f0b840,0 0 26px 6px #f0b84099;transform:translate(-50%,-50%);opacity:0;animation:intro-filament calc(1.2s * var(--intro-dur)) ease-out .2s both;z-index:2}@keyframes intro-filament{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}35%{opacity:1;transform:translate(-50%,-50%) scale(1)}60%{opacity:.25;transform:translate(-50%,-50%) scale(2)}to{opacity:0;transform:translate(-50%,-50%) scale(2.6)}}.intro-grain{position:absolute;inset:0;background-image:radial-gradient(rgba(255,240,200,.035) 1px,transparent 1px),radial-gradient(rgba(255,240,200,.022) 1px,transparent 1px);background-size:3px 3px,7px 7px;background-position:0 0,1px 2px;mix-blend-mode:screen;opacity:0;pointer-events:none;animation:intro-fade-in calc(1.2s * var(--intro-dur)) ease-out .8s both;z-index:3}.intro-scan{position:absolute;left:0;right:0;height:60px;top:-80px;background:linear-gradient(180deg,transparent 0%,rgba(240,208,128,.05) 25%,rgba(240,208,128,.12) 50%,rgba(240,208,128,.05) 75%,transparent 100%);mix-blend-mode:screen;z-index:4;animation:intro-scan calc(2.4s * var(--intro-dur)) cubic-bezier(.5,0,.5,1) 1.6s 1 both}@keyframes intro-scan{0%{transform:translateY(0);opacity:0}8%{opacity:1}92%{opacity:1}to{transform:translateY(calc(100vh + 80px));opacity:0}}.intro-rain{position:absolute;inset:0;background-image:repeating-linear-gradient(6deg,transparent 0,transparent 22px,rgba(220,200,150,.05) 22px,rgba(220,200,150,.05) 23px,transparent 23px,transparent 48px,rgba(220,200,150,.035) 48px,rgba(220,200,150,.035) 49px);mix-blend-mode:screen;opacity:0;animation:intro-fade-in calc(1.5s * var(--intro-dur)) ease-out .9s both,intro-rain-shift calc(9s * var(--intro-dur)) linear .9s infinite;z-index:2}@keyframes intro-rain-shift{0%{background-position:0 0}to{background-position:-60px 240px}}.intro-dust{position:absolute;width:2px;height:2px;background:#f0d080a6;border-radius:50%;box-shadow:0 0 6px 1px #f0d08073;opacity:0;z-index:4;--dx: 110px}.intro-dust:nth-child(1){left:14%;top:22%;animation:intro-dust calc(7s * var(--intro-dur)) linear 1.1s infinite;--dx: 90px}.intro-dust:nth-child(2){left:72%;top:18%;animation:intro-dust calc(8s * var(--intro-dur)) linear 1.4s infinite;--dx: -110px}.intro-dust:nth-child(3){left:30%;top:70%;animation:intro-dust calc(9s * var(--intro-dur)) linear 1.8s infinite;--dx: 130px}.intro-dust:nth-child(4){left:86%;top:60%;animation:intro-dust calc(6.5s * var(--intro-dur)) linear 2.2s infinite;--dx: -70px}.intro-dust:nth-child(5){left:48%;top:12%;animation:intro-dust calc(8.5s * var(--intro-dur)) linear 1.6s infinite;--dx: 60px}.intro-dust:nth-child(6){left:6%;top:50%;animation:intro-dust calc(7.5s * var(--intro-dur)) linear 2s infinite;--dx: 140px}@keyframes intro-dust{0%{transform:translate(0);opacity:0}10%{opacity:1}85%{opacity:.4}to{transform:translate(var(--dx),260px);opacity:0}}.intro-stage{position:relative;z-index:10;display:grid;place-items:center;width:min(560px,92vw);padding:40px 24px;text-align:center}.intro-eyebrow{font-family:var(--hub-font-mono);font-size:11px;letter-spacing:.36em;text-transform:uppercase;color:var(--hub-ink-faint);opacity:0;margin-bottom:36px;animation:intro-fade-in calc(.8s * var(--intro-dur)) ease-out 1s both}.intro-eyebrow:before,.intro-eyebrow:after{content:"";display:inline-block;width:28px;height:1px;background:var(--hub-gold-faint);vertical-align:4px;margin:0 12px}.intro-title{font-family:var(--hub-font-display);font-weight:600;font-size:clamp(48px,9vw,92px);letter-spacing:.14em;line-height:1;color:var(--hub-gold-hi);text-shadow:0 0 14px rgba(240,208,128,.35),0 0 32px rgba(200,151,26,.2),0 2px 0 rgba(0,0,0,.5);margin:0;display:flex;justify-content:center;gap:.02em;perspective:600px}.intro-title .letter{display:inline-block;opacity:0;transform:translateY(-60px) rotateX(-90deg) scale(1.4);filter:blur(8px);animation:intro-letter-drop calc(.7s * var(--intro-dur)) cubic-bezier(.16,.84,.3,1) both}.intro-title .space{width:.4em}@keyframes intro-letter-drop{0%{opacity:0;transform:translateY(-60px) rotateX(-90deg) scale(1.4);filter:blur(8px)}60%{opacity:1;filter:blur(0)}80%{transform:translateY(4px) rotateX(0) scale(1)}to{opacity:1;transform:translateY(0) rotateX(0) scale(1);filter:blur(0)}}.intro-title .letter:nth-child(1){animation-delay:1.55s}.intro-title .letter:nth-child(2){animation-delay:1.62s}.intro-title .letter:nth-child(3){animation-delay:1.69s}.intro-title .letter:nth-child(4){animation-delay:1.76s}.intro-title .letter:nth-child(5){animation-delay:1.83s}.intro-title .letter:nth-child(6){animation-delay:1.9s}.intro-title .letter:nth-child(7){animation-delay:1.97s}.intro-title .letter:nth-child(8){animation-delay:2.04s}.intro-title .letter:nth-child(9){animation-delay:2.11s}.intro-title .letter:nth-child(10){animation-delay:2.18s}.intro-title .letter:nth-child(11){animation-delay:2.25s}.intro-title-shine{position:relative;display:inline-block}.intro-title-shine:after{content:"";position:absolute;inset:-4% -10%;background:linear-gradient(105deg,transparent 30%,rgba(255,245,200,.55) 48%,rgba(255,240,180,.8) 50%,rgba(255,245,200,.55) 52%,transparent 70%);background-size:200% 100%;background-position:200% 0;mix-blend-mode:screen;pointer-events:none;animation:intro-shine calc(1.5s * var(--intro-dur)) ease-out 2.6s both;-webkit-mask:linear-gradient(#000,#000)}@keyframes intro-shine{0%{background-position:200% 0;opacity:1}to{background-position:-100% 0;opacity:1}}.intro-rule{display:block;width:100%;max-width:380px;height:1px;margin:22px auto 0;background:linear-gradient(90deg,transparent 0%,var(--hub-gold-faint) 12%,rgba(240,208,128,.55) 50%,var(--hub-gold-faint) 88%,transparent 100%);transform:scaleX(0);transform-origin:center;animation:intro-rule-grow calc(.9s * var(--intro-dur)) cubic-bezier(.2,.65,.25,1) 2.35s both}@keyframes intro-rule-grow{0%{transform:scaleX(0);opacity:0}20%{opacity:1}to{transform:scaleX(1);opacity:1}}.intro-sub{font-family:var(--hub-font-mono);font-size:13px;letter-spacing:.34em;text-transform:uppercase;color:var(--hub-gold-ink);margin:14px 0 0;display:inline-block;white-space:nowrap;overflow:hidden;width:0;border-right:1px solid var(--hub-gold-warm);animation:intro-type calc(1.4s * var(--intro-dur)) steps(28,end) 2.55s both,intro-caret calc(.5s * var(--intro-dur)) steps(1) 2.55s 4 both}@keyframes intro-type{0%{width:0}to{width:28ch}}@keyframes intro-caret{0%,50%{border-right-color:var(--hub-gold-warm)}51%,to{border-right-color:transparent}}.intro-stamp{position:fixed;top:max(28px,env(safe-area-inset-top,28px));left:28px;transform:rotate(-12deg) scale(2);transform-origin:top left;opacity:0;z-index:45;pointer-events:none;animation:intro-stamp-hit calc(.5s * var(--intro-dur)) cubic-bezier(.6,-.2,.4,1.4) 3s both}@media(max-width:540px){.intro-stamp{top:max(22px,env(safe-area-inset-top,22px));left:22px}.intro-stamp-inner{font-size:11px;padding:7px 11px 6px;letter-spacing:.24em}.intro-replay{bottom:56px}.intro-eyebrow{font-size:9px;letter-spacing:.22em;margin-bottom:24px;line-height:1.5}.intro-eyebrow:before,.intro-eyebrow:after{width:16px;margin:0 8px}}.intro-stamp-inner{display:inline-block;padding:10px 16px 9px;font-family:var(--hub-font-mono);font-size:14px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--hub-stamp-green-hi);border:2.2px solid currentColor;outline:1px solid rgba(106,152,82,.4);outline:1px solid color-mix(in oklab,currentColor 40%,transparent);outline-offset:3px;border-radius:2px;background:transparent;text-shadow:0 0 1px currentColor,.5px 0 0 rgba(106,152,82,.25);box-shadow:0 0 24px #6a985233}@keyframes intro-stamp-hit{0%{opacity:0;transform:rotate(-12deg) scale(2.4);filter:blur(6px)}60%{opacity:1;transform:rotate(-11deg) scale(.92);filter:blur(0)}80%{transform:rotate(-12.5deg) scale(1.04)}to{opacity:1;transform:rotate(-12deg) scale(1)}}.intro-cta-wrap{margin-top:38px;opacity:0;animation:intro-fade-up calc(.7s * var(--intro-dur)) cubic-bezier(.16,.84,.3,1) 3.4s both}@keyframes intro-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.intro-cta{display:inline-flex;align-items:center;gap:14px;padding:14px 24px;background:linear-gradient(180deg,#f0d08024,#c8971a0a);border:1px solid var(--hub-gold-warm);border-top-color:#fff0c899;border-radius:3px;color:var(--hub-gold-hi);font-family:var(--hub-font-display);font-size:12px;letter-spacing:.26em;text-transform:uppercase;text-decoration:none;cursor:pointer;box-shadow:inset 0 1px #fff0c859,0 0 0 1px #c8971a14,0 0 22px #c8971a38;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.intro-cta:hover{transform:translateY(-1px);background:linear-gradient(180deg,#f0d08038,#c8971a14);box-shadow:inset 0 1px #fff0c880,0 0 0 1px #c8971a33,0 0 32px #c8971a59}.intro-cta:active{transform:translateY(1px)}.intro-cta-arrow{display:inline-block;transition:transform .2s ease}.intro-cta:hover .intro-cta-arrow{transform:translate(4px)}.intro-skip{position:fixed;top:max(20px,env(safe-area-inset-top,20px));right:20px;z-index:150;background:#0d0a068c;color:var(--hub-ink-faint);border:1px solid var(--hub-gold-faint);padding:8px 12px;min-height:44px;min-width:44px;font-family:var(--hub-font-mono);font-size:10px;letter-spacing:.26em;text-transform:uppercase;border-radius:2px;cursor:pointer;opacity:0;animation:intro-fade-in 1s ease-out 1.2s both;transition:color .2s,border-color .2s,background .2s;backdrop-filter:blur(4px)}.intro-skip:hover{color:var(--hub-gold-hi);border-color:var(--hub-gold-warm);background:#221a12a6}.intro-replay{position:fixed;bottom:22px;left:22px;z-index:150;background:transparent;color:var(--hub-ink-faint);border:1px dashed var(--hub-gold-faint);padding:7px 11px;min-height:44px;min-width:44px;font-family:var(--hub-font-mono);font-size:10px;letter-spacing:.26em;text-transform:uppercase;border-radius:2px;cursor:pointer;opacity:0;animation:intro-fade-in 1s ease-out 3.6s both;transition:color .2s,border-color .2s}.intro-replay:hover{color:var(--hub-gold-hi);border-color:var(--hub-gold-warm)}.intro-replay-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--hub-gold-ink);margin-right:8px;box-shadow:0 0 6px #c8971a80;vertical-align:1px}.intro-meta{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:30;display:inline-flex;align-items:center;gap:14px;font-family:var(--hub-font-mono);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--hub-ink-faint);opacity:0;animation:intro-fade-in 1s ease-out 3.2s both;white-space:nowrap}.intro-meta-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--hub-stamp-green-hi);box-shadow:0 0 8px #6a9852cc}.intro-meta em{font-style:normal;color:var(--hub-gold-ink)}@keyframes intro-fade-in{0%{opacity:0}to{opacity:1}}.intro.is-leaving{animation:intro-leave .55s cubic-bezier(.4,0,.2,1) forwards}@keyframes intro-leave{0%{opacity:1;filter:blur(0)}to{opacity:0;filter:blur(10px)}}.intro-iris{position:fixed;inset:0;pointer-events:none;z-index:60;background:radial-gradient(circle at 50% 50%,transparent 0%,transparent var(--iris-r, 150%),#000 var(--iris-r, 150%),#000 100%);transition:--iris-r .5s cubic-bezier(.55,0,.8,.4)}@property --iris-r{syntax: "<percentage>"; inherits: false; initial-value: 150%;}.intro.is-leaving .intro-iris{--iris-r: 0%}@media(prefers-reduced-motion:reduce){.intro-halo,.intro-filament,.intro-title .letter,.intro-rule,.intro-sub,.intro-stamp,.intro-cta-wrap,.intro-scan,.intro-dust,.intro-rain,.intro-title-shine:after{animation-duration:.01s!important;animation-delay:0s!important}}#intro.intro-armed,#intro.intro-armed *{animation-play-state:paused!important}#intro.intro-armed~.intro-replay{animation-play-state:paused!important}.intro-tap-hint{display:none}#intro.intro-awaiting-tap .intro-tap-hint{display:block;position:absolute;left:50%;bottom:12%;transform:translate(-50%);z-index:6;font-family:JetBrains Mono,monospace;font-size:.8rem;letter-spacing:1.5px;text-transform:uppercase;color:#f4b860eb;background:#140e0899;border:1px solid rgba(244,184,96,.35);border-radius:999px;padding:11px 20px;white-space:nowrap;pointer-events:none;animation:intro-tap-pulse 1.5s ease-in-out infinite!important}@keyframes intro-tap-pulse{0%,to{opacity:.6}50%{opacity:1}}