.hero__canvas{z-index:1;width:100%;height:100%;position:absolute;inset:0}.hero__bg-image{animation-name:heroFloat;animation-duration:var(--vibe-float-speed,25s);will-change:transform;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}@keyframes heroFloat{0%{transform:scale(1.05)translate(0)}25%{transform:scale(1.08)translate(-.6%,.4%)}50%{transform:scale(1.06)translate(.4%,-.5%)}75%{transform:scale(1.09)translate(-.3%,-.3%)}to{transform:scale(1.07)translate(.5%,.3%)}}.hero__bg-mist{background:radial-gradient(ellipse at 20% 50%,var(--hero-mist-primary,#ff003324)0%,transparent 50%),radial-gradient(ellipse at 80% 35%,#ffffff0f 0%,transparent 50%);animation-name:mistDrift;animation-duration:var(--vibe-mist-speed,18s);opacity:var(--vibe-mist-opacity,1);mix-blend-mode:screen;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.hero__bg-mist:before{content:"";background:radial-gradient(ellipse at 65% 75%,var(--hero-mist-secondary,#ff00331a)0%,transparent 45%),radial-gradient(ellipse at 10% 20%,var(--accent-complement,#78b4ff12)0%,transparent 40%);animation:24s ease-in-out infinite alternate mistDrift2;position:absolute;inset:-25%}.hero__bg-mist:after{content:"";background:radial-gradient(circle 140px at 15% 50%,var(--hero-bokeh-strong,#ff003329)0%,transparent 70%),radial-gradient(circle 90px at 80% 25%,#ffffff14 0%,transparent 70%),radial-gradient(circle 110px at 40% 80%,var(--hero-bokeh-medium,#ff00331c)0%,transparent 70%),radial-gradient(circle 70px at 88% 65%,var(--accent-complement-soft,#c8a0ff12)0%,transparent 70%),radial-gradient(circle 60px at 55% 15%,var(--ember-dim,#ff64320f)0%,transparent 70%);animation-name:bokehFloat;animation-duration:var(--vibe-bokeh-speed,30s);opacity:var(--vibe-bokeh-opacity,1);mix-blend-mode:screen;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;position:absolute;inset:0}@keyframes mistDrift{0%{opacity:.85;transform:translate(0)scale(1)}50%{opacity:1}to{opacity:.9;transform:translate(4%,-3%)scale(1.08)}}@keyframes mistDrift2{0%{opacity:.8;transform:translate(0)scale(1.06)}50%{opacity:1}to{opacity:.85;transform:translate(-5%,4%)scale(1)}}@keyframes bokehFloat{0%{opacity:.7;transform:translate(0)scale(1)}30%{opacity:1}60%{opacity:.8}to{opacity:.9;transform:translate(5%,-3%)scale(1.06)}}.hero__bg-spotlight{mix-blend-mode:overlay;background:linear-gradient(90deg,#0000 0% 35%,#ffffff08 45%,#ffffff0f 50%,#ffffff08 55%,#0000 65% 100%);animation:12s ease-in-out infinite spotlightSweep}.hero__bg-spotlight:before{content:"";background:linear-gradient(90deg,transparent 0%,transparent 30%,var(--hero-spotlight-edge,#ff00330a)42%,var(--hero-spotlight,#ff321e12)50%,var(--hero-spotlight-edge,#ff00330a)58%,transparent 70%,transparent 100%);mix-blend-mode:screen;animation:18s ease-in-out infinite spotlightSweep2;position:absolute;inset:0}@keyframes spotlightSweep{0%{opacity:0;transform:translate(-60%)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(60%)}}@keyframes spotlightSweep2{0%{opacity:0;transform:translate(70%)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate(-70%)}}.hero__bg-breathe{background:linear-gradient(135deg,var(--hero-breathe,#ff003314)0%,transparent 40%,transparent 60%,var(--accent-complement-soft,#6496ff0d)100%);mix-blend-mode:soft-light;animation:8s ease-in-out infinite lightBreathe}@keyframes lightBreathe{0%,to{opacity:.3}50%{opacity:1}}.hero__bg-warmth{background:linear-gradient(to top,var(--hero-warmth-strong,#ff14001f)0%,var(--hero-warmth-soft,#ff32140f)15%,transparent 40%);opacity:var(--vibe-warmth-opacity,1);animation:6s ease-in-out infinite warmthPulse}@keyframes warmthPulse{0%,to{opacity:.6}50%{opacity:1}}.hero__bg-grain{opacity:var(--vibe-grain-opacity,1);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:128px 128px;animation:.3s steps(4,end) infinite grainShift}@keyframes grainShift{0%{transform:translate(0)}25%{transform:translate(-2%,-3%)}50%{transform:translate(3%,1%)}75%{transform:translate(-1%,3%)}to{transform:translate(2%,-2%)}}.hero__bg-embers{opacity:var(--vibe-ember-opacity,1);overflow:hidden}.hero__bg-embers:before,.hero__bg-embers:after{content:"";border-radius:50%;width:2px;height:2px;position:absolute;bottom:-10%;left:0}.hero__bg-embers:before{box-shadow:10vw 0 1px .5px var(--ember-bright,#ffb450b3),25vw 20px 1px 0px var(--ember-medium,#ff783280),42vw 40px .5px .5px var(--ember-soft,#ffc86499),58vw 10px 1px 0px var(--ember-dim,#ff963c66),73vw 50px .5px .5px var(--ember-bright,#ffb45080),88vw 30px 1px 0px var(--ember-medium,#ff783299),15vw 60px .5px 0px var(--ember-soft,#ffc86466),35vw 80px 1px .5px var(--ember-dim,#ff963c80),65vw 70px .5px 0px var(--ember-bright,#ffb45099),95vw 90px 1px 0px var(--ember-medium,#ff783266),5vw 100px .5px .5px var(--ember-soft,#ffc86480),50vw 45px 1px 0px var(--ember-dim,#ff963c80),80vw 15px .5px .5px var(--ember-bright,#ffb45066);animation:14s linear infinite embersRise}.hero__bg-embers:after{box-shadow:8vw 30px 1px 0px var(--ember-dim,#ff963c80),20vw 0 .5px .5px var(--ember-soft,#ffc86499),38vw 60px 1px 0px var(--ember-medium,#ff783266),52vw 20px .5px .5px var(--ember-bright,#ffb45080),68vw 80px 1px 0px var(--ember-dim,#ff963c99),82vw 40px .5px 0px var(--ember-soft,#ffc86466),30vw 50px 1px .5px var(--ember-medium,#ff783280),45vw 10px .5px 0px var(--ember-bright,#ffb45099),60vw 90px 1px 0px var(--ember-dim,#ff963c66),92vw 70px .5px .5px var(--ember-medium,#ff642880),75vw 55px 1px 0px var(--ember-soft,#ffc86480),12vw 75px .5px .5px var(--ember-bright,#ffb45066);animation:20s linear -7s infinite embersRise}@keyframes embersRise{0%{opacity:0;transform:translateY(0)translate(0)}5%{opacity:1}50%{opacity:.8;transform:translateY(-55vh)translate(15px)}90%{opacity:.3}to{opacity:0;transform:translateY(-115vh)translate(-10px)}}.hero__bg-overlay{background:radial-gradient(#00000014 0%,#000000a6 100%),linear-gradient(#00000080 0%,#0000 20% 75%,#0000008c 100%)}@keyframes heroReveal{to{opacity:1;transform:translateY(0)}}.hero-glitch{text-shadow:0 0 40px var(--hero-glow-strong,#f036),0 0 80px var(--hero-glow-medium,#ff003326),0 0 120px var(--hero-glow-soft,#ff00330d);--glow-opacity:var(--vibe-glow-opacity,1)}.hero-glitch__line:before,.hero-glitch__line:after{content:attr(data-text);pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.hero-glitch__line:before{color:#0ff;z-index:-1;opacity:0;animation:8s ease-in-out infinite chromaLeft}.hero-glitch__line:after{color:#f0f;z-index:-1;opacity:0;animation:8s ease-in-out infinite chromaRight}@keyframes chromaLeft{0%,to{opacity:0;transform:translate(0)}4%{opacity:.6;transform:translate(-4px,1px)}6%{opacity:0;transform:translate(0)}50%{opacity:0;transform:translate(0)}52%{opacity:.4;transform:translate(-2px)}54%{opacity:0;transform:translate(0)}}@keyframes chromaRight{0%,to{opacity:0;transform:translate(0)}4%{opacity:.6;transform:translate(4px,-1px)}6%{opacity:0;transform:translate(0)}50%{opacity:0;transform:translate(0)}52%{opacity:.4;transform:translate(2px)}54%{opacity:0;transform:translate(0)}}.hero-glitch--active .hero-glitch__line:before{opacity:.9!important;animation:.12s steps(2,end) infinite glitchHardLeft!important}.hero-glitch--active .hero-glitch__line:after{opacity:.9!important;animation:.12s steps(2,end) infinite glitchHardRight!important}@keyframes glitchHardLeft{0%{clip-path:inset(15% 0 65%);transform:translate(-6px,2px)}25%{clip-path:inset(55% 0 15%);transform:translate(4px,-1px)}50%{clip-path:inset(5% 0 75%);transform:translate(-3px,3px)}75%{clip-path:inset(75% 0 5%);transform:translate(5px)}to{clip-path:inset(35% 0 45%);transform:translate(-4px,-2px)}}@keyframes glitchHardRight{0%{clip-path:inset(65% 0 15%);transform:translate(6px,-2px)}25%{clip-path:inset(25% 0 55%);transform:translate(-4px,1px)}50%{clip-path:inset(85% 0 5%);transform:translate(3px,-3px)}75%{clip-path:inset(5% 0 75%);transform:translate(-5px)}to{clip-path:inset(45% 0 35%);transform:translate(4px,2px)}}.hero-glitch--active .hero-glitch__line:first-child{animation:.2s step-end infinite sliceShift1}.hero-glitch--active .hero-glitch__line:last-child{animation:.2s step-end infinite sliceShift2}@keyframes sliceShift1{0%{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(6px)}to{transform:translate(0)}}@keyframes sliceShift2{0%{transform:translate(0)}20%{transform:translate(6px)}40%{transform:translate(-8px)}60%{transform:translate(4px)}80%{transform:translate(-5px)}to{transform:translate(0)}}.hero-glitch__scanline{background:linear-gradient(90deg,transparent 0%,var(--hero-scanline,#f039)30%,#ffffff4d 50%,var(--hero-scanline,#f039)70%,transparent 100%);animation:4s linear infinite scanDown}@keyframes scanDown{0%{opacity:0;top:-5%}10%{opacity:.7}90%{opacity:.7}to{opacity:0;top:105%}}.hero-glitch__flash--active{animation:.6s step-end forwards strobeFlash}@keyframes strobeFlash{0%{opacity:0}5%{opacity:.9;background:#fff}10%{opacity:0}15%{opacity:.7;background:var(--red)}20%{opacity:0}28%{opacity:.5;background:#fff}32%{opacity:0}40%{opacity:.3;background:var(--red)}45%{opacity:0}to{opacity:0}}.hero-glitch:after{content:"";background:radial-gradient(ellipse at center,var(--hero-glow-bg,#ff00331a),transparent 70%);pointer-events:none;z-index:-2;width:140%;height:200%;animation:4s ease-in-out infinite glowPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes glowPulse{0%,to{opacity:calc(.4*var(--glow-opacity,1));transform:translate(-50%,-50%)scale(.95)}50%{opacity:var(--glow-opacity,1);transform:translate(-50%,-50%)scale(1.08)}}.hero__cta{transition:all .3s;animation:1s cubic-bezier(.16,1,.3,1) .6s forwards heroReveal}.hero__cta:before{content:"";background:linear-gradient(90deg,transparent,var(--hero-cta-sweep,#f033),transparent);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.hero__cta:hover:before{left:100%}.hero__cta:hover{background:var(--hero-cta-hover-bg,#ff00331a);box-shadow:0 0 20px var(--hero-cta-glow-strong,#f036),0 0 40px var(--hero-cta-glow-medium,#f033),inset 0 0 20px var(--hero-cta-glow-soft,#ff00331a);text-shadow:0 0 10px var(--hero-cta-text-glow,#ff003380)}.hero__cta-glow{background:radial-gradient(ellipse at center,var(--hero-cta-radial,#ff003326),transparent 70%);animation:2s ease-in-out infinite ctaPulse}@keyframes ctaPulse{0%,to{opacity:0;transform:translate(-50%,-50%)scale(.8)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}}.hero__cta-glitch{background:var(--red)}.hero__cta:hover .hero__cta-glitch{animation:.3s ctaGlitch}@keyframes ctaGlitch{0%,to{opacity:0;transform:translate(0)}20%{opacity:.1;transform:translate(-3px)}40%{opacity:0;transform:translate(3px)}60%{opacity:.1;transform:translate(-2px)}80%{opacity:0;transform:translate(2px)}}.hero__scroll-wheel{animation:2s ease-in-out infinite scrollWheel}@keyframes scrollWheel{0%{opacity:1;top:6px}50%{opacity:.2;top:16px}to{opacity:1;top:6px}}.hero__scroll-arrow{animation:2s ease-in-out infinite scrollArrows}.hero__scroll-arrow:first-child{animation-delay:0s}.hero__scroll-arrow:nth-child(2){animation-delay:.15s}@keyframes scrollArrows{0%{opacity:0;transform:rotate(45deg)translateY(-3px)}30%{opacity:.8}60%{opacity:0;transform:rotate(45deg)translateY(3px)}to{opacity:0}}.hero__mouse-tracker{background:radial-gradient(circle,var(--red-glow)0%,transparent 70%);transition:opacity .3s}.hero--paused,.hero--paused *,.hero--paused :before,.hero--paused :after{animation-play-state:paused!important}[data-vibe=girly-pop] .hero-glitch{text-shadow:0 0 40px #ff69b499,0 0 80px #ff69b44d,0 0 120px #ff149326}[data-vibe=girly-pop] .hero-glitch__line:before{color:#ff69b4}[data-vibe=girly-pop] .hero-glitch__line:after{color:#ff1493}[data-vibe=girly-pop] .hero-glitch__scanline{background:linear-gradient(90deg,#0000,#ff69b426,#0000)}[data-vibe=girly-pop] .hero__cta{text-shadow:0 0 10px #ff69b480;border-color:#ff69b466}[data-vibe=girly-pop] .hero__cta:hover{border-color:#ff69b4cc;box-shadow:0 0 30px #ff69b433}[data-vibe=girly-pop] .hero__cta-glow{background:radial-gradient(circle,#ff69b466,#0000 70%)}[data-vibe=girly-pop-2] .hero-glitch{text-shadow:0 0 30px #ff1493e6,0 0 60px #ff149399,0 0 100px #ff149366,0 0 160px #ff149333,0 0 220px #ff00801a}[data-vibe=girly-pop-2] .hero-glitch__line:before{color:#ff1493;text-shadow:-3px 0 #ff69b4}[data-vibe=girly-pop-2] .hero-glitch__line:after{color:#ff007f;text-shadow:3px 0 #ff1493}[data-vibe=girly-pop-2] .hero-glitch__scanline{background:linear-gradient(90deg,#0000,#ff149340,#ff008026,#0000)}[data-vibe=girly-pop-2] .hero__bg-mist{background:radial-gradient(at 20%,#ff149340 0%,#0000 50%),radial-gradient(at 80% 35%,#ff69b426 0%,#0000 50%),radial-gradient(at 50% 80%,#ff00801a 0%,#0000 40%)}[data-vibe=girly-pop-2] .hero__cta{text-shadow:0 0 14px #ff1493cc;border-color:#ff1493b3;animation:2s ease-in-out infinite girlypop2HeroCta}@keyframes girlypop2HeroCta{0%,to{box-shadow:0 0 15px #ff14934d,0 0 30px #ff149326}50%{box-shadow:0 0 25px #ff149380,0 0 50px #ff149340,0 0 80px #ff00801a}}[data-vibe=girly-pop-2] .hero__cta:hover{border-color:#ff1493;animation:none;box-shadow:0 0 30px #ff149380,0 0 60px #ff149340}[data-vibe=girly-pop-2] .hero__cta-glow{background:radial-gradient(circle,#ff149399 0%,#ff69b44d 40%,#0000 70%)}@media (prefers-reduced-motion:reduce){[data-vibe=girly-pop-2] .hero__cta{animation:none}}[data-vibe=barbie-dream] .hero-glitch{text-shadow:0 0 20px #e0218af2,0 0 50px #e0218aa6,0 0 90px #ff69b466,0 0 140px #e0218a33,0 0 200px #ff85c81a}[data-vibe=barbie-dream] .hero-glitch__line:before{color:#ff69b4;text-shadow:-2px 0 #e0218a}[data-vibe=barbie-dream] .hero-glitch__line:after{color:#e0218a;text-shadow:2px 0 #c2185b}[data-vibe=barbie-dream] .hero-glitch__scanline{background:linear-gradient(90deg,#0000,#e0218a4d,#ff69b433,#0000)}[data-vibe=barbie-dream] .hero__bg-mist{background:radial-gradient(at 20% 40%,#e0218a4d 0%,#0000 55%),radial-gradient(at 80% 30%,#ff69b440 0%,#0000 55%),radial-gradient(at 50% 85%,#e0218a33 0%,#0000 45%),radial-gradient(at 50% 15%,#ff85c826 0%,#0000 50%)}[data-vibe=barbie-dream] .hero__cta{text-shadow:0 0 16px #e0218ab3;border-color:#e0218acc;box-shadow:0 0 24px #e0218a4d,0 0 56px #e0218a1a,inset 0 1px #ffffff26}[data-vibe=barbie-dream] .hero__cta:hover{border-color:#e0218a;box-shadow:0 0 32px #e0218a73,0 0 80px #e0218a2e,inset 0 1px #fff3}[data-vibe=barbie-dream] .hero__cta-glow{background:radial-gradient(circle,#e0218aa6 0%,#ff69b459 30%,#e0218a1f 60%,#0000 80%)}
[data-theme=midnight] .about-word{opacity:0;transition:opacity .35s,transform .35s;display:inline-block;transform:translateY(12px)}[data-theme=midnight] .about-word.visible{opacity:1;transform:translateY(0)}[data-theme=midnight] .about-hero.revealed{opacity:1}[data-theme=midnight] .about-hero.revealed .about-label{opacity:1;transform:translateY(0)}[data-theme=midnight] .about-title-line{clip-path:inset(0 100% 0 0);transition:clip-path .8s cubic-bezier(.16,1,.3,1)}[data-theme=midnight] .about-hero.revealed .about-title-line{clip-path:inset(0 0% 0 0)}[data-theme=midnight] .about-hero.revealed .about-title-line:nth-child(2){transition-delay:.15s}[data-theme=midnight] .about-pillar.revealed .about-pillar-index{opacity:1;border-color:color-mix(in srgb,var(--accent)60%,transparent);box-shadow:0 0 30px color-mix(in srgb,var(--accent)25%,transparent),inset 0 0 20px color-mix(in srgb,var(--accent)8%,transparent);transition:opacity .4s,transform .5s cubic-bezier(.34,1.56,.64,1),border-color .6s,box-shadow .8s;animation:3s ease-in-out 1.2s infinite indexBreathe;transform:scale(1)}@keyframes indexBreathe{0%,to{box-shadow:0 0 20px color-mix(in srgb,var(--accent)15%,transparent),inset 0 0 12px color-mix(in srgb,var(--accent)4%,transparent)}50%{box-shadow:0 0 35px color-mix(in srgb,var(--accent)30%,transparent),inset 0 0 22px color-mix(in srgb,var(--accent)10%,transparent)}}[data-theme=midnight] .about-pillar-index:after{content:"";background:var(--red);opacity:0;transition:opacity .1s;position:absolute;inset:0}[data-theme=midnight] .about-pillar.revealed .about-pillar-index:after{animation:.4s .1s indexFlash}@keyframes indexFlash{0%{opacity:0}30%{opacity:.4}to{opacity:0}}[data-theme=midnight] .about-pillar.revealed .about-pillar-title{opacity:1}[data-theme=midnight] .about-pillar.revealed .about-pillar-line{transition:transform 1s cubic-bezier(.16,1,.3,1) .6s;transform:scaleX(1)}[data-theme=midnight] .about-pillar:after{content:"";background:radial-gradient(ellipse at center,color-mix(in srgb,var(--accent)8%,transparent),transparent 70%);opacity:0;pointer-events:none;width:60%;height:100%;position:absolute;top:0;left:-20%}[data-theme=midnight] .about-pillar.revealed:after{animation:1.5s .2s forwards glowWash}@keyframes glowWash{0%{opacity:0;left:-20%}40%{opacity:1}to{opacity:0;left:100%}}[data-theme=midnight] .about-closer:before{content:"";background:var(--red);opacity:.6;width:0;height:1px;position:absolute;top:0;left:50%}[data-theme=midnight] .about-closer.revealed:before{animation:.8s cubic-bezier(.16,1,.3,1) forwards lineExpand}@keyframes lineExpand{0%{width:0;left:50%}to{width:120px;left:calc(50% - 60px)}}[data-theme=midnight] .about-closer-text.anim-done{opacity:1;text-shadow:0 0 40px color-mix(in srgb,var(--accent)50%,transparent),0 0 80px color-mix(in srgb,var(--accent)20%,transparent);transition:text-shadow 1s}