*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #06060a;--text: #ece8e1;--text-muted: #4a4a5e;--accent-purple: #a78bfa;--accent-pink: #ec4899;--accent-cyan: #22d3ee;--accent-amber: #f59e0b;--accent-rose: #fb7185;--font-display: "Cormorant", Georgia, serif;--font-body: "Syne", "Helvetica Neue", sans-serif;--shadow-heading: 0 0 60px rgba(6, 6, 10, 1), 0 0 120px rgba(6, 6, 10, .8);--shadow-body: 0 0 40px rgba(6, 6, 10, .9)}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);color:var(--text);font-family:var(--font-body);overflow-x:hidden;cursor:default}::selection{background:var(--accent-purple);color:var(--bg)}#bg-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.grain-overlay{position:fixed;top:-5%;left:-5%;width:110%;height:110%;z-index:9998;pointer-events:none;opacity:.03;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.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:300px 300px;animation:grainShift .4s steps(2) infinite}@keyframes grainShift{0%{transform:translate(0)}50%{transform:translate(-3%,-3%)}to{transform:translate(3%,2%)}}.cursor-glow{position:fixed;width:500px;height:500px;border-radius:50%;pointer-events:none;z-index:2;background:radial-gradient(circle,rgba(167,139,250,.05) 0%,transparent 70%);transform:translate(-50%,-50%);transition:opacity .3s ease;opacity:0}.cursor-glow.active{opacity:1}.nav-logo,.hero-title,.philosophy h2,.moods h2,.closer-text,.footer-logo{font-family:var(--font-display);font-weight:300;font-style:italic}.nav{position:fixed;top:0;left:0;width:100%;z-index:100;padding:2rem 3rem;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-size:1.4rem;letter-spacing:.02em;color:var(--text);opacity:0;animation:fadeIn 1.2s ease .5s forwards}main{position:relative;z-index:3}section{position:relative;display:flex;align-items:center;justify-content:center}.section-inner{max-width:1200px;width:100%;padding:0 3rem;position:relative;--aura-inset-y: -80px;--aura-inset-x: -120px;--aura-blur: 30px;--aura-radius: 80px;--aura-bg-mid-opacity: .5;--aura-bg-mid-stop: 40%;--aura-bg-edge-stop: 70%;--aura-mask-inner: 30%;--aura-mask-outer: 72%}.philosophy .section-inner:before,.moods .section-inner:before,.closer .section-inner:before{content:"";position:absolute;inset:var(--aura-inset-y) var(--aura-inset-x);background:radial-gradient(ellipse at center,rgba(6,6,10,.85) 0%,rgba(6,6,10,var(--aura-bg-mid-opacity)) var(--aura-bg-mid-stop),transparent var(--aura-bg-edge-stop));backdrop-filter:blur(var(--aura-blur));-webkit-backdrop-filter:blur(var(--aura-blur));z-index:-1;border-radius:var(--aura-radius);pointer-events:none;mask-image:radial-gradient(ellipse at center,black var(--aura-mask-inner),transparent var(--aura-mask-outer));-webkit-mask-image:radial-gradient(ellipse at center,black var(--aura-mask-inner),transparent var(--aura-mask-outer))}.moods .section-inner{--aura-inset-y: -60px;--aura-inset-x: -80px;--aura-blur: 24px;--aura-radius: 60px;--aura-bg-mid-opacity: .6;--aura-bg-mid-stop: 50%;--aura-bg-edge-stop: 75%;--aura-mask-inner: 40%;--aura-mask-outer: 78%}.hero{height:100vh;min-height:600px;flex-direction:column;text-align:center}.hero-content{position:relative;z-index:5}.hero-title{font-size:clamp(4rem,12vw,12rem);line-height:.95;letter-spacing:-.02em}@keyframes shimmer{0%,to{background-position:0% 50%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}}.hero-title .char{display:inline-block;opacity:0;transform:translateY(120%);background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-pink) 30%,var(--accent-cyan) 60%,var(--accent-purple) 100%);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:charReveal 1s cubic-bezier(.16,1,.3,1) forwards,shimmer 8s ease-in-out infinite}.hero-title .char.space{width:.3em}@keyframes charReveal{to{opacity:1;transform:translateY(0)}}.hero-sub{font-family:var(--font-body);font-weight:400;font-size:clamp(.9rem,1.5vw,1.3rem);letter-spacing:.35em;text-transform:uppercase;color:var(--text-muted);margin-top:2rem}.hero-sub .word{display:inline-block;opacity:0;transform:translateY(30px);filter:blur(3px);animation:wordReveal .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes wordReveal{to{opacity:1;transform:translateY(0);filter:blur(0px)}}@keyframes fadeIn{to{opacity:1}}.philosophy{min-height:100vh;padding:12rem 0}.philosophy .section-inner{max-width:900px;margin:0 auto}.philosophy h2{font-size:clamp(2.5rem,6vw,5rem);line-height:1.15;letter-spacing:-.01em;margin-bottom:2.5rem;text-shadow:var(--shadow-heading)}.philosophy-body{font-family:var(--font-body);font-weight:400;font-size:clamp(1rem,1.8vw,1.35rem);line-height:1.7;color:var(--text-muted);max-width:600px;text-shadow:var(--shadow-body)}.reveal-text .word{display:inline-block;overflow:hidden}.reveal-text .word-inner{display:inline-block;transform:translateY(110%);opacity:0;filter:blur(4px);transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .9s cubic-bezier(.16,1,.3,1),filter .9s cubic-bezier(.16,1,.3,1)}.reveal-text.in-view .word-inner{transform:translateY(0);opacity:1;filter:blur(0px)}.moods{padding:8rem 0 12rem}.moods .section-inner{max-width:1100px;margin:0 auto}.moods h2{font-size:clamp(2.2rem,5vw,4.2rem);margin-bottom:1rem;text-shadow:var(--shadow-heading)}.section-subtitle{font-size:clamp(.95rem,1.5vw,1.15rem);color:var(--text-muted);margin-bottom:4rem;font-weight:400;text-shadow:var(--shadow-body)}.mood-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.mood-card{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4 / 3;cursor:default}.mood-card:before{content:"";position:absolute;inset:0;z-index:0;transition:transform .6s cubic-bezier(.16,1,.3,1)}.mood-card:hover:before{transform:scale(1.08)}.mood-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(6,6,10,.85) 0%,rgba(6,6,10,.2) 60%,transparent 100%);z-index:1}.mood-card:before{background-size:cover;background-position:center}[data-mood=obsidian-ballroom]:before{background:url(/art/obsidian-ballroom.jpg) center/cover,linear-gradient(135deg,#1a1a2e,#16213e 40%,#0f0f1a)}[data-mood=temples-of-sol]:before{background:url(/art/temples-of-sol.jpg) center/cover,linear-gradient(135deg,var(--accent-amber) 0%,#ef4444 40%,#b45309 100%)}[data-mood=lunar-bathhouse]:before{background:url(/art/lunar-bathhouse.jpg) center/cover,linear-gradient(135deg,#1e293b,#475569 40%,#1e1b4b)}[data-mood=neon-catacombs]:before{background:url(/art/neon-catacombs.jpg) center/cover,linear-gradient(135deg,var(--accent-pink) 0%,#8b5cf6 40%,var(--accent-cyan) 100%)}[data-mood=amber-citadel]:before{background:url(/art/amber-citadel.jpg) center/cover,linear-gradient(135deg,#92400e 0%,var(--accent-amber) 40%,#78350f 100%)}[data-mood=mercury-shores]:before{background:url(/art/mercury-shores.jpg) center/cover,linear-gradient(135deg,#64748b 0%,var(--accent-cyan) 40%,#334155 100%)}[data-mood=velvet-terminus]:before{background:url(/art/velvet-terminus.jpg) center/cover,linear-gradient(135deg,#581c87 0%,var(--accent-rose) 40%,#831843 100%)}[data-mood=glass-savanna]:before{background:url(/art/glass-savanna.jpg) center/cover,linear-gradient(135deg,#a3e635,#34d399 40%,#065f46)}[data-mood=cloud-necropolis]:before{background:url(/art/cloud-necropolis.jpg) center/cover,linear-gradient(135deg,#6366f1,#a78bfa 40%,#1e1b4b)}.mood-card-inner{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:1.8rem}.mood-waveform{display:flex;align-items:flex-end;gap:3px;margin-bottom:1rem;height:24px}.mood-waveform span{display:block;width:3px;border-radius:2px;background:#ffffff80;animation:waveBar .545s ease-in-out infinite alternate;animation-play-state:paused}.mood-card.in-view .mood-waveform span{animation-play-state:running}.mood-waveform span:nth-child(1){height:30%;animation-delay:0s}.mood-waveform span:nth-child(2){height:60%;animation-delay:.1s}.mood-waveform span:nth-child(3){height:40%;animation-delay:.2s}.mood-waveform span:nth-child(4){height:80%;animation-delay:.15s}.mood-waveform span:nth-child(5){height:50%;animation-delay:.25s}.mood-waveform span:nth-child(6){height:90%;animation-delay:.05s}.mood-waveform span:nth-child(7){height:35%;animation-delay:.3s}.mood-waveform span:nth-child(8){height:70%;animation-delay:.12s}.mood-waveform span:nth-child(9){height:45%;animation-delay:.22s}.mood-waveform span:nth-child(10){height:55%;animation-delay:.08s}.mood-card:hover .mood-waveform span{animation-duration:.4s}@keyframes waveBar{0%{transform:scaleY(1)}to{transform:scaleY(.3)}}.mood-name{font-family:var(--font-display);font-weight:400;font-style:italic;font-size:1.6rem;color:var(--text);margin-bottom:.3rem}.mood-desc{font-family:var(--font-body);font-weight:400;font-size:.85rem;color:#ffffff80;letter-spacing:.02em}.closer{min-height:60vh;padding:6rem 0}.closer .section-inner{max-width:800px;margin:0 auto;text-align:center}.closer-text{font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.3;color:var(--text-muted);text-shadow:var(--shadow-heading)}.footer{position:relative;z-index:3;padding:6rem 3rem 4rem;text-align:center;border-top:1px solid rgba(255,255,255,.04)}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-logo{font-size:2rem;background:linear-gradient(135deg,var(--accent-purple),var(--accent-pink));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.footer-tagline{font-family:var(--font-body);font-weight:400;font-size:.85rem;letter-spacing:.25em;text-transform:uppercase;color:var(--text-muted)}.section-divider{position:relative;z-index:3;height:1px;display:flex;align-items:center;justify-content:center;padding:0 3rem}.divider-line{width:100%;max-width:1100px;height:1px;background:linear-gradient(90deg,transparent 0%,var(--accent-purple) 20%,var(--accent-pink) 50%,var(--accent-cyan) 80%,transparent 100%);transform:scaleX(0);transition:transform 1.4s cubic-bezier(.16,1,.3,1);box-shadow:0 0 20px #a78bfa4d,0 0 60px #a78bfa1a}.divider-line.drawn{transform:scaleX(1)}.hero-content{transition:none;will-change:transform,opacity,filter}.mood-card{transform-style:preserve-3d;perspective:800px;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.mood-card:not(.in-view){opacity:0;transform:translateY(60px) scale(.92)}.mood-card.in-view{opacity:1;transform:translateY(0) scale(1);animation:cardBounce .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes cardBounce{0%{transform:translateY(60px) scale(.92)}60%{transform:translateY(-8px) scale(1.02)}to{transform:translateY(0) scale(1)}}.mood-card-inner{transition:transform .4s cubic-bezier(.16,1,.3,1)}.mood-card:hover .mood-card-inner{transform:translateZ(20px)}.mood-card:after{transition:opacity .4s ease}.mood-card:hover:after{opacity:.7}.footer{opacity:0;transform:translateY(20px);transition:opacity 1s ease,transform 1s ease}.footer.in-view{opacity:1;transform:translateY(0)}@media(max-width:768px){.nav{padding:1.5rem}.section-inner{padding:0 1.5rem}.mood-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.mood-card{aspect-ratio:16 / 9}.philosophy{padding:8rem 0}.moods{padding:4rem 0 8rem}.footer{padding:4rem 1.5rem 3rem}}@media(max-width:560px){.mood-grid{grid-template-columns:1fr}}@media(max-width:480px){.hero-title{font-size:3.5rem}.hero-sub{letter-spacing:.2em;font-size:.8rem}.mood-card{aspect-ratio:3 / 2}}