:root{--bg:#0b0716;--magenta:#ff2e88;--cyan:#4ad9ff;--violet:#8b5cff;--text:#f3eefb;--muted:#a99cc9;--accent:#4ad9ff;--gap:clamp(8px, .9vw, 14px);--radius:clamp(16px, 1.6vw, 24px);--pad:clamp(16px, 2.2vw, 30px);--ease:cubic-bezier(.22, 1, .36, 1);--fs-title:clamp(2.7rem, 1.2rem + 6vw, 6.6rem);--fs-hero:clamp(3rem, 1.2rem + 8.4vw, 8.2rem)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{min-height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}body:before{content:"";z-index:0;pointer-events:none;opacity:.5;background-image:radial-gradient(1.4px 1.4px at 20% 30%,#ffffff8c,#0000),radial-gradient(1.2px 1.2px at 75% 22%,#ffffff73,#0000),radial-gradient(1.6px 1.6px at 60% 70%,#fff6,#0000),radial-gradient(1.1px 1.1px at 35% 80%,#ffffff59,#0000),radial-gradient(1.3px 1.3px at 88% 60%,#fff6,#0000);position:fixed;inset:0}.stage{z-index:1;background:radial-gradient(120% 90% at 16% 10%, #1b0e38 0%, transparent 55%), radial-gradient(120% 100% at 92% 92%, #260c34 0%, transparent 50%), var(--bg);width:100%;height:100svh;position:relative;overflow:hidden}.stage:after{content:"";z-index:4;pointer-events:none;background:linear-gradient(95deg,#080512f2 0%,#080512b8 20%,#08051247 36%,#08051200 50%);position:absolute;inset:0}.topbar{z-index:30;justify-content:space-between;align-items:center;padding:clamp(16px,2.4vw,32px) clamp(20px,3.4vw,52px);display:flex;position:fixed;inset:0 0 auto}.topbar__brand{letter-spacing:.18em;font-family:Space Grotesk,sans-serif;font-size:1.02rem;font-weight:700}.topbar__brand span{color:var(--accent);transition:color .6s var(--ease)}.topbar__nav{align-items:center;gap:clamp(14px,1.8vw,30px);display:flex}.topbar__nav a{color:var(--muted);letter-spacing:.04em;font-size:.84rem;transition:color .3s}.topbar__nav a:hover{color:var(--text)}.topbar__cta{border:1px solid #ffffff38;border-radius:100px;padding:.55em 1.1em;font-weight:500;transition:border-color .3s,background .3s,color .3s;color:var(--text)!important}.topbar__cta:hover{background:var(--accent);border-color:var(--accent);color:#140a22!important}.cosmos{z-index:1;isolation:isolate;background:radial-gradient(135% 110% at 50% -22%,#2c1a5e 0%,#0000 52%),radial-gradient(120% 120% at 84% 116%,#3a1140 0%,#0000 48%),radial-gradient(110% 110% at 12% 96%,#102a5c 0%,#0000 52%),#06040e;place-items:center;width:100%;height:100svh;display:grid;position:relative;overflow:hidden}.cosmos:after{content:"";z-index:6;pointer-events:none;background:linear-gradient(to bottom, transparent, var(--bg) 96%);height:30%;position:absolute;inset:auto 0 0}.cosmos__sky{z-index:1;pointer-events:none;position:absolute;inset:0}.cosmos [data-depth]{will-change:transform}.px{position:absolute;inset:0}.cosmos__stars{background:#fff;border-radius:50%;width:1px;height:1px;position:absolute;top:0;left:0}.cosmos__stars--far{animation:64s ease-in-out infinite alternate drift-a}.cosmos__stars--near{animation:48s ease-in-out infinite alternate drift-b,5.5s ease-in-out infinite twinkle}@keyframes drift-a{0%{transform:translate(0,0)}to{transform:translate(26px,-16px)}}@keyframes drift-b{0%{transform:translate(0,0)}to{transform:translate(-32px,18px)}}@keyframes twinkle{0%,to{opacity:.9}50%{opacity:.5}}.cosmos__haze{mix-blend-mode:screen;background:radial-gradient(36% 30% at 32% 42%,#ff2e8838,#0000 70%),radial-gradient(32% 28% at 70% 58%,#4ad9ff2e,#0000 72%),radial-gradient(30% 38% at 54% 32%,#8b5bff38,#0000 70%);animation:26s ease-in-out infinite alternate haze;position:absolute;inset:-12%}@keyframes haze{0%{transform:translate(-2%,1%)scale(1.02)}to{transform:translate(3%,-2%)scale(1.09)}}.px--orb{place-items:center;padding-bottom:20vh;display:grid}.cosmos__orb{aspect-ratio:1;background:radial-gradient(circle at 36% 30%,#fffdfb 0%,#ffe2f4 13%,#d9b6ff 42%,#7d5be0 70%,#2c1a63 100%);border-radius:50%;width:clamp(190px,29vw,400px);animation:9s ease-in-out infinite alternate float;position:relative;box-shadow:0 0 70px 6px #b478ff73,0 0 190px 46px #7850ff4d,inset -26px -18px 56px #1208308c,inset 18px 16px 44px #ffffff38}@keyframes float{0%{transform:translateY(-12px)}to{transform:translateY(14px)}}.cosmos__orbRing{border:1px solid #b48cff38;border-radius:50%;animation:16s linear infinite halo;position:absolute;inset:-15%}.cosmos__orbRing:before{content:"";background:var(--cyan);width:7px;height:7px;box-shadow:0 0 14px 2px var(--cyan);border-radius:50%;margin-left:-3.5px;position:absolute;top:-3.5px;left:50%}@keyframes halo{to{transform:rotate(360deg)}}.cosmos__content{z-index:5;text-align:center;max-width:min(92vw,880px);padding:0 24px;position:relative}.cosmos__eyebrow{text-transform:uppercase;letter-spacing:.36em;color:var(--cyan);font-family:Space Grotesk,sans-serif;font-size:clamp(.7rem,.6rem + .3vw,.84rem)}.cosmos__title{text-transform:uppercase;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:var(--fs-hero);letter-spacing:-.015em;perspective:1000px;margin-top:1.1rem;line-height:.9}.cosmos__title .ln{padding-bottom:.1em;display:block;overflow:hidden}.cosmos__title .ln i{transform-origin:50% 100%;will-change:transform, opacity;text-shadow:0 12px 70px #00000073;font-style:normal;display:inline-block}.cosmos__title .grad i{color:#0000;background:linear-gradient(96deg, var(--magenta), var(--violet) 52%, var(--cyan));background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:7s ease-in-out infinite alternate shimmer}@keyframes shimmer{0%{background-position:0%}to{background-position:100%}}.cosmos__lead{max-width:44ch;color:var(--muted);margin:1.5rem auto 0;font-size:clamp(.98rem,.9rem + .35vw,1.16rem);line-height:1.6}.cosmos__cta{pointer-events:auto;background:var(--text);transition:transform .3s var(--ease), box-shadow .3s;border-radius:100px;align-items:center;gap:.55em;margin-top:2.1rem;padding:.95em 1.95em;font-size:.95rem;font-weight:600;display:inline-flex;box-shadow:0 14px 44px -14px #ff2e8899;color:#140a22!important}.cosmos__cta:after{content:"↓";transition:transform .3s var(--ease)}.cosmos__cta:hover{transform:translateY(-2px);box-shadow:0 20px 54px -16px #ff2e88bf}.cosmos__cta:hover:after{transform:translateY(3px)}.cosmos__scroll{z-index:7;color:var(--muted);letter-spacing:.26em;text-transform:uppercase;flex-direction:column;align-items:center;gap:.8em;font-size:.66rem;display:flex;position:absolute;bottom:clamp(16px,3vh,32px);left:50%;transform:translate(-50%)}.cosmos__scrollLine{background:#ffffff24;width:1px;height:48px;position:relative;overflow:hidden}.cosmos__scrollLine:after{content:"";background:linear-gradient(var(--cyan), transparent);width:100%;height:45%;animation:2s ease-in-out infinite scroll-pulse;position:absolute;top:0;left:0}@keyframes scroll-pulse{0%{transform:translateY(-100%)}60%,to{transform:translateY(230%)}}.js .cosmos__eyebrow,.js .cosmos__lead,.js .cosmos__cta{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transform:translateY(22px)}.js .cosmos__scroll{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transform:translate(-50%,18px)}.js .cosmos__title .ln i{opacity:0}.cosmos.ready .cosmos__eyebrow{opacity:1;transition-delay:.12s;transform:none}.cosmos.ready .cosmos__lead{opacity:1;transition-delay:.62s;transform:none}.cosmos.ready .cosmos__cta{opacity:1;transition-delay:.78s;transform:none}.cosmos.ready .cosmos__scroll{opacity:1;transition-delay:1.05s;transform:translate(-50%)}.hero{z-index:5;pointer-events:none;max-width:min(46ch,46vw);position:absolute;top:50%;left:clamp(22px,4vw,72px);transform:translateY(-50%)}.hero__eyebrow{text-transform:uppercase;letter-spacing:.34em;color:var(--accent);transition:color .6s var(--ease);margin-bottom:1.1rem;font-family:Space Grotesk,sans-serif;font-size:clamp(.72rem,.62rem + .3vw,.86rem)}.hero__title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:var(--fs-title);letter-spacing:-.01em;text-transform:uppercase;text-shadow:0 8px 40px #0000008c;perspective:900px;line-height:.98}.hero__title span{padding-bottom:.06em;display:block;overflow:hidden}.hero__title .tl{transform-origin:50% 100%;will-change:transform;display:inline-block}.hero__title .grad .tl{color:#0000;background:linear-gradient(92deg, var(--magenta), var(--violet) 60%, var(--cyan));-webkit-background-clip:text;background-clip:text}.hero__lead{max-width:34ch;color:var(--muted);margin-top:1.4rem;font-size:clamp(.95rem,.88rem + .3vw,1.08rem);line-height:1.6}.scene{border-top:1px solid #ffffff21;max-width:34ch;margin-top:1.5rem;padding-top:1.4rem}.scene__no{letter-spacing:.12em;color:var(--muted);align-items:baseline;gap:.45em;font-family:Space Grotesk,sans-serif;font-size:.8rem;display:inline-flex}.scene__no b{color:var(--accent);transition:color .5s var(--ease);font-size:1.05rem;font-weight:700}.scene__no i{font-style:normal}.scene__title{margin-top:.5rem;font-family:Space Grotesk,sans-serif;font-size:clamp(1.4rem,1rem + 1.5vw,2.15rem);font-weight:700;line-height:1.05}.scene__title .wm{vertical-align:top;padding-bottom:.06em;display:inline-block;overflow:hidden}.scene__title .ww{display:inline-block}.scene__blurb{color:var(--muted);margin-top:.5rem;font-size:.95rem;line-height:1.5}.hero__btn{pointer-events:auto;background:var(--text);transition:transform .3s var(--ease), box-shadow .3s;border-radius:100px;align-items:center;gap:.6em;margin-top:1.9rem;padding:.9em 1.7em;font-size:.92rem;font-weight:600;display:inline-flex;box-shadow:0 10px 30px -12px #ff2e8880;color:#140a22!important}.hero__btn:after{content:"→";transition:transform .3s var(--ease)}.hero__btn:hover{transform:translateY(-2px)}.hero__btn:hover:after{transform:translate(4px)}.js .hero__eyebrow,.js .hero__lead,.js .scene,.js .hero__btn{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:translateY(18px)}.js .hero__title .tl{opacity:0}.stage.ready .hero__eyebrow,.stage.ready .hero__lead,.stage.ready .scene,.stage.ready .hero__btn{opacity:1;transform:none}.stage.ready .hero__eyebrow{transition-delay:50ms}.stage.ready .hero__lead{transition-delay:.42s}.stage.ready .scene{transition-delay:.52s}.stage.ready .hero__btn{transition-delay:.62s}.gallery{z-index:2;gap:var(--gap);padding:clamp(52px,7vh,78px) var(--pad) clamp(46px,6vh,64px);display:flex;position:absolute;inset:0}.card{border-radius:var(--radius);cursor:pointer;min-width:0;transition:flex-grow .9s var(--ease), box-shadow .6s var(--ease);outline:none;flex:1;position:relative;overflow:hidden;box-shadow:0 22px 50px -24px #000c}.card.is-active{box-shadow:0 34px 76px -22px color-mix(in srgb, var(--accent) 42%, transparent), 0 22px 50px -24px #000000d9;flex-grow:6.2}.card:focus-visible{box-shadow:0 0 0 2px var(--accent), 0 22px 50px -24px #000c}.card__img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.card__veil{pointer-events:none;opacity:.42;transition:opacity .7s var(--ease);background:linear-gradient(#0000 36%,#07040f14 58%,#07040fb3 100%),#06030f57;position:absolute;inset:0}.card.is-active .card__veil{opacity:1;background:linear-gradient(#0000 38%,#07040f0f 60%,#07040fc7 100%)}.card__ring{border-radius:inherit;pointer-events:none;border:1px solid color-mix(in srgb, var(--accent) 60%, transparent);opacity:0;transition:opacity .6s var(--ease);box-shadow:inset 0 0 30px -8px color-mix(in srgb, var(--accent) 55%, transparent);position:absolute;inset:0}.card.is-active .card__ring{opacity:1}.card__no{text-align:center;letter-spacing:.1em;color:#ffffffb8;text-shadow:0 2px 10px #0009;transition:opacity .4s var(--ease);font-family:Space Grotesk,sans-serif;font-size:.86rem;font-weight:700;position:absolute;top:14px;left:0;right:0}.card.is-active .card__no{opacity:0}.card__cap{z-index:2;text-align:right;opacity:0;transition:opacity .5s .12s var(--ease), transform .5s .12s var(--ease);position:absolute;bottom:clamp(16px,2.2vh,28px);right:clamp(18px,1.8vw,30px);transform:translateY(14px)}.card.is-active .card__cap{opacity:1;transform:none}.card__t{text-shadow:0 4px 24px #0009;font-family:Space Grotesk,sans-serif;font-size:clamp(1.3rem,.9rem + 1.5vw,2.3rem);font-weight:700;line-height:1;display:block}.card__b{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-top:.5rem;font-size:.78rem;display:block}.dots{z-index:6;gap:11px;display:flex;position:absolute;bottom:clamp(16px,2.5vh,26px);left:50%;transform:translate(-50%)}.dot{cursor:pointer;width:9px;height:9px;transition:background .4s var(--ease), transform .4s var(--ease);background:#ffffff42;border:0;border-radius:50%;padding:0}.dot:hover{background:#ffffff8c}.dot.is-on{background:var(--accent);transform:scale(1.25)}.grain{z-index:9;pointer-events:none;opacity:.05;background:url(/textures/grain.png);position:fixed;inset:0}@media (width<=820px){body{overflow-y:auto}.px--orb{padding-bottom:15vh}.cosmos__lead{max-width:36ch}.stage{height:auto;min-height:100svh;padding-bottom:30px}.stage:after{background:linear-gradient(#080512e6 0%,#08051233 22%,#0000 40%)}.hero{max-width:none;margin:clamp(86px,15vh,120px) auto 26px;padding:0 24px;position:relative;top:auto;left:auto;transform:none}.gallery{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:10px;height:auto;padding:0 16px 8px;position:relative;inset:auto;overflow-x:auto}.gallery::-webkit-scrollbar{display:none}.card{scroll-snap-align:center;flex:0 0 70%;height:64vh}.card.is-active{flex:0 0 80%}.card__cap{text-align:left;left:20px;right:auto}.dots{justify-content:center;margin:20px auto 6px;position:relative;bottom:auto;left:auto;transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.001ms!important;animation:none!important}}