:root{--bg:#030606;--panel:#071011;--panel2:#0c1516;--line:rgba(167,255,235,.16);--line2:rgba(0,255,198,.36);--muted:#8aa0a0;--text:#edfafa;--teal:#00ffc6;--teal2:#7dfff0;--glow:rgba(0,255,198,.2);--font:Inter Tight,system-ui,sans-serif;--mono:JetBrains Mono,monospace;--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:radial-gradient(circle at 50% -10%,rgba(0,255,198,.12),transparent 30rem),linear-gradient(180deg,#020404,#071011 52%,#020404);color:var(--text);font-family:var(--font);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.noise,.scanline,.cursor-glow,.signal-canvas{position:fixed;pointer-events:none}.noise{inset:0;z-index:50;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 260 260' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.scanline{inset:0;z-index:49;background:repeating-linear-gradient(0,rgba(255,255,255,.025) 0 1px,transparent 1px 5px);mix-blend-mode:screen}.signal-canvas{inset:0;z-index:0;opacity:.32}.cursor-glow{width:28rem;height:28rem;border-radius:50%;background:radial-gradient(circle,rgba(0,255,198,.1),transparent 62%);transform:translate(-50%,-50%);z-index:1;opacity:.75}.site-header{position:fixed;top:0;left:0;right:0;z-index:40;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;padding:1.35rem 2rem;background:linear-gradient(180deg,rgba(3,5,5,.86),rgba(3,5,5,.18));backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,5%)}.brand{font-family:var(--mono);font-weight:700;letter-spacing:1.4rem;font-size:1.15rem}.nav{display:flex;justify-content:center;gap:clamp(1.2rem,4vw,4rem);font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.22rem}.nav a,.contact-link{position:relative;color:#d7eeee}.nav a:before,.contact-link:before{content:"";position:absolute;inset:-.55rem -.7rem;border:1px solid transparent;transition:.25s}.nav a:after,.contact-link:after{content:"";position:absolute;left:50%;bottom:-.55rem;width:.28rem;height:.28rem;border-radius:50%;background:var(--teal);transform:translateX(-50%)scale(0);box-shadow:0 0 1rem var(--teal);transition:.25s}.nav a:hover:before,.contact-link:hover:before{border-color:rgba(0,255,198,.12);background:rgba(0,255,198,.035)}.nav a:hover:after,.contact-link:hover:after{transform:translateX(-50%)scale(1)}.contact-link{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.18rem}.contact-link span{display:inline-block;margin-left:.6rem;width:.8rem;height:1rem;background:linear-gradient(90deg,transparent 0 20%,var(--teal) 20% 30%,transparent 30% 45%,var(--teal) 45% 57%,transparent 57% 72%,var(--teal) 72% 82%,transparent 82%);vertical-align:middle;filter:drop-shadow(0 0 .65rem var(--teal))}.hero{position:relative;min-height:100vh;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid var(--line);isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,255,198,7%) 1px,transparent 1px),linear-gradient(0deg,rgba(0,255,198,.045) 1px,transparent 1px);background-size:5rem 5rem;mask-image:radial-gradient(circle at 50% 55%,black,transparent 72%);opacity:.52;animation:gridDrift 48s linear infinite}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 58%,transparent 0 24rem,rgba(0,0,0,.35) 40rem,rgba(0,0,0,.8)),linear-gradient(180deg,transparent 55%,rgba(0,0,0,.72));z-index:1}@keyframes gridDrift{to{background-position:5rem 5rem}}.hero-bg{position:absolute;inset:0;z-index:0;animation:breathe 18s ease-in-out infinite alternate}@keyframes breathe{to{transform:scale(1.006);filter:brightness(1.06)}}.foundation-frame{position:absolute;inset:6rem 8vw 10vh;border-left:1px solid rgba(0,255,198,.12);border-right:1px solid rgba(0,255,198,.12);box-shadow:inset 0 0 4rem rgba(0,255,198,.025)}.planet-ring{position:absolute;left:50%;top:12%;width:min(36rem,62vw);aspect-ratio:1;border:1px solid rgba(235,255,255,.44);border-radius:50%;transform:translateX(-50%);box-shadow:0 0 4rem rgba(255,255,255,8%),inset 0 0 6rem rgba(0,255,198,.025)}.horizon{position:absolute;left:-10%;right:-10%;bottom:-6%;height:35%;background:linear-gradient(180deg,rgba(255,255,255,8%),rgba(0,0,0,.95)),repeating-linear-gradient(90deg,rgba(255,255,255,.13) 0 1px,transparent 1px 8rem),repeating-linear-gradient(0,rgba(0,255,198,.12) 0 1px,transparent 1px 1.4rem);transform:perspective(36rem)rotateX(66deg);transform-origin:bottom}.wave{position:absolute;left:8%;right:8%;height:8rem;top:59%;opacity:.55;background:linear-gradient(90deg,transparent,rgba(0,255,198,.88),transparent);clip-path:polygon(0 52%,4% 48%,8% 54%,12% 46%,16% 59%,20% 41%,24% 55%,28% 37%,32% 62%,36% 43%,40% 58%,44% 36%,48% 68%,52% 33%,56% 61%,60% 40%,64% 57%,68% 48%,72% 52%,76% 44%,80% 60%,84% 38%,88% 55%,92% 47%,96% 53%,100% 50%);filter:drop-shadow(0 0 1.2rem var(--glow));animation:waver 14s ease-in-out infinite alternate}.wave-b{top:61%;filter:blur(9px);opacity:.24}@keyframes waver{to{transform:translateY(-2px)scaleX(1.006)}}.freq-bars{position:absolute;left:2rem;top:35%;width:6rem;height:21rem;background:repeating-linear-gradient(0,rgba(0,255,198,.75) 0 1px,transparent 1px 6px);clip-path:polygon(0 0,50% 7%,28% 16%,80% 20%,36% 30%,58% 40%,18% 50%,70% 60%,26% 70%,54% 82%,10% 100%,0 100%)}.signal-orb{position:absolute;left:50%;top:57%;width:1rem;height:1rem;border-radius:50%;background:var(--teal);box-shadow:0 0 4rem 1.5rem var(--glow);animation:pulse 4.8s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.18);opacity:.45}}.hero-content{text-align:center;z-index:3;padding:8rem 1.5rem 4rem}.eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.26rem;font-size:.72rem;color:var(--teal2)}h1{font-size:clamp(5rem,16vw,15rem);line-height:.8;margin:0;font-weight:300;letter-spacing:clamp(1rem,3vw,3rem);text-shadow:0 0 2rem rgba(255,255,255,.13)}.tagline{font-family:var(--mono);font-size:clamp(1rem,2vw,1.65rem);letter-spacing:clamp(.35rem,1.2vw,1rem);color:var(--teal);text-transform:uppercase;text-shadow:0 0 1.8rem var(--glow)}.enter-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.2rem;border:1px solid rgba(0,255,198,.42);padding:.7rem 1.4rem;font-family:var(--mono);font-size:.8rem;color:var(--teal);text-transform:uppercase;letter-spacing:.18rem;box-shadow:inset 0 0 1rem rgba(0,255,198,6%);transition:.25s var(--ease);background:rgba(0,0,0,.14)}.enter-btn:hover,.card:hover,.player:hover{box-shadow:0 0 2.2rem rgba(0,255,198,.13),inset 0 0 1.4rem rgba(0,255,198,5%);border-color:rgba(0,255,198,.55)}.enter-btn:hover{transform:translateY(-1px);background:rgba(0,255,198,.065)}.enter-btn:active,.play:active{box-shadow:0 0 1.2rem rgba(0,255,198,.28),inset 0 0 1rem rgba(0,255,198,8%)}.hero-side{position:absolute;z-index:3;font-family:var(--mono);color:#b6d3d1;font-size:.68rem;letter-spacing:.12rem;text-transform:uppercase}.hero-side.left{left:2rem;top:32%;display:grid;gap:.8rem}.hero-side.left i{display:block;width:4rem;height:13rem;background:repeating-linear-gradient(0,var(--teal) 0 1px,transparent 1px 5px);opacity:.35}.hero-side.right{right:2rem;top:32%;display:grid;gap:1rem;text-align:right}.hero-side strong{color:var(--teal)}.scroll-cue{position:absolute;z-index:3;bottom:1.5rem;left:50%;transform:translateX(-50%);font-family:var(--mono);font-size:.62rem;letter-spacing:.18rem;text-transform:uppercase;color:#91aaa8}.scroll-cue span{display:block;width:1px;height:2rem;background:linear-gradient(var(--teal),transparent);margin:0 auto .6rem;animation:scrollLine 2.4s infinite}@keyframes scrollLine{50%{transform:translateY(.6rem);opacity:.5}}.section{display:grid;grid-template-columns:12rem 1fr;gap:2.5rem;padding:2rem clamp(1rem,3vw,2.4rem);border-bottom:1px solid var(--line);position:relative}.section:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--teal),transparent);opacity:.24}.section-title{font-family:var(--mono);padding-top:.4rem}.section-title span{color:#dff}.section-title h2{margin:.5rem 0 1.25rem;color:var(--teal);letter-spacing:.35rem;text-transform:uppercase;font-weight:400}.section-title p{color:#a6b5b6;line-height:1.45;font-size:.86rem}.section-title a{display:inline-block;margin-top:1.2rem;font-weight:700;text-transform:uppercase;font-size:.72rem;letter-spacing:.12rem}.section-title b{color:var(--teal);margin-left:1rem}.cards{display:grid;gap:1rem}.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card,.player,.track-list,.log-list,.log-visual,.about-panel{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,4%),rgba(255,255,255,1%));position:relative;overflow:hidden}.card{min-height:14.5rem;padding:1.25rem;display:flex;flex-direction:column;justify-content:flex-end;transition:.32s var(--ease);transform-style:preserve-3d}.card:before,.player:before,.about-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(0,255,198,.1),transparent);transform:translateX(-120%);transition:.8s}.card:hover:before,.player:hover:before,.about-panel:hover:before{transform:translateX(120%)}.card:hover{transform:translateY(-3px)}.card-img{position:absolute;inset:0;z-index:-1;opacity:.84;background:radial-gradient(circle at 70% 25%,rgba(0,255,198,.22),transparent 10rem),linear-gradient(145deg,#111,#020505);transition:transform .7s var(--ease),filter .7s var(--ease)}.card:hover .card-img{transform:scale(1.06);filter:saturate(1.2)brightness(1.1)}.card-img:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.9),transparent 55%)}.crowd{background-image:radial-gradient(circle at 52% 18%,rgba(255,255,255,.3),transparent 8rem),linear-gradient(90deg,#050606,#111818,#050606)}.asteroid{background-image:radial-gradient(circle at 50% 40%,rgba(0,255,198,.25),transparent 10rem),repeating-radial-gradient(circle at 60% 25%,#1a3433 0 2px,#030606 2px 8px)}.architecture{background-image:linear-gradient(135deg,transparent 45%,rgba(255,255,255,.5) 46%,transparent 66%),linear-gradient(120deg,#0a0f10,#222,#050707)}.bass{background-image:linear-gradient(25deg,transparent 30%,rgba(220,255,255,.35) 31% 36%,transparent 37%),radial-gradient(circle at 20% 30%,rgba(255,255,255,.12),transparent 12rem),linear-gradient(90deg,#020303,#192021)}.pedals{background-image:repeating-linear-gradient(90deg,rgba(0,255,198,.16) 0 1px,transparent 1px 5rem),radial-gradient(circle at 65% 30%,rgba(0,255,198,.2),transparent 8rem),linear-gradient(120deg,#050707,#19201f)}.session{background-image:linear-gradient(90deg,#080909,#111 45%,rgba(255,255,255,.2) 46% 62%,#050606)}.grid{background-image:repeating-linear-gradient(170deg,rgba(0,255,198,.28) 0 1px,transparent 1px 1.2rem),radial-gradient(circle,rgba(0,255,198,.13),transparent 14rem)}.interface{background-image:linear-gradient(90deg,rgba(255,255,255,6%) 0 1px,transparent 1px 6rem),linear-gradient(0deg,rgba(255,255,255,6%) 0 1px,transparent 1px 3rem),linear-gradient(120deg,#061010,#111)}.radar{background-image:repeating-radial-gradient(circle at 50% 50%,rgba(0,255,198,.24) 0 1px,transparent 1px 2.3rem),radial-gradient(circle,rgba(0,255,198,.25),transparent 4rem),linear-gradient(120deg,#020505,#101818)}.card small,.card time,.player small{font-family:var(--mono);color:var(--teal);text-transform:uppercase;font-weight:700;letter-spacing:.15rem;font-size:.67rem}.card h3,.player h3{font-family:var(--mono);font-weight:400;text-transform:uppercase;letter-spacing:.24rem;margin:.45rem 0;font-size:1.05rem}.card p,.player p{color:#aab8b9;margin:0;font-family:var(--mono);font-size:.78rem;line-height:1.55}.card>a{position:absolute;right:1.2rem;bottom:1.2rem;color:var(--teal);font-size:1.25rem}.sound-section{grid-template-columns:12rem 1fr 20rem}.player{min-height:12rem;padding:1.4rem;display:grid;grid-template-columns:1fr auto;align-items:end;transition:.25s var(--ease)}.waveform{grid-column:1/-1;height:5rem;background:linear-gradient(90deg,transparent,rgba(0,255,198,.75),transparent);clip-path:polygon(0 50%,3% 49%,6% 50%,9% 47%,12% 54%,15% 45%,18% 55%,21% 42%,24% 58%,27% 41%,30% 56%,33% 35%,36% 67%,39% 30%,42% 68%,45% 25%,48% 72%,51% 30%,54% 67%,57% 38%,60% 59%,63% 45%,66% 56%,69% 46%,72% 52%,75% 49%,78% 54%,81% 47%,84% 53%,87% 48%,90% 52%,93% 50%,96% 51%,100% 50%);filter:drop-shadow(0 0 1rem var(--glow));opacity:.82}.player.is-playing .waveform{animation:waver .9s ease-in-out infinite alternate;opacity:1}.play{width:4.25rem;height:4.25rem;border:1px solid var(--teal);border-radius:50%;background:rgba(0,255,198,4%);color:var(--teal);font-size:1.25rem;cursor:pointer;transition:.25s var(--ease)}.play:hover,.player.is-playing .play{background:rgba(0,255,198,.12);box-shadow:0 0 2rem var(--glow)}.track-list{font-family:var(--mono)}.track-list a{display:flex;justify-content:space-between;gap:1rem;padding:1.2rem;border-bottom:1px solid var(--line);font-size:.75rem;text-transform:uppercase;letter-spacing:.08rem;transition:.2s}.track-list a:hover{background:rgba(0,255,198,.045);color:var(--teal)}.track-list a:first-child{color:var(--teal)}.track-list span{color:#7d8b8c}.log-section{grid-template-columns:12rem 1.2fr .8fr;align-items:stretch}.log-list{display:grid;grid-template-rows:repeat(4,1fr);min-height:16rem}.log-list a{display:grid;grid-template-columns:6rem 1fr auto;gap:1rem;align-items:center;padding:1.35rem;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:.78rem;transition:.2s}.log-list a:last-child{border-bottom:0}.log-list a:hover{background:rgba(0,255,198,4%);color:var(--teal)}.log-list time{color:#7d8b8c;text-transform:uppercase}.log-list span{color:var(--teal)}.log-visual{min-height:16rem;isolation:isolate;background:radial-gradient(circle at 50% 45%,rgba(0,255,198,.18),transparent 3.8rem),radial-gradient(circle at 50% 70%,rgba(0,255,198,.16),transparent 14rem),linear-gradient(180deg,rgba(0,255,198,5%),rgba(0,0,0,.18)),#061011;clip-path:polygon(3% 0,97% 0,100% 7%,100% 93%,97% 100%,3% 100%,0 93%,0 7%)}.log-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,255,198,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,198,.045) 1px,transparent 1px);background-size:1rem 1rem;mask-image:linear-gradient(to bottom,rgba(0,0,0,.15),#000 35%,#000 88%,transparent);opacity:.8}.log-visual:after{content:"";position:absolute;inset:0;border:1px solid rgba(125,255,240,.22);clip-path:polygon(3% 0,97% 0,100% 7%,100% 93%,97% 100%,3% 100%,0 93%,0 7%);box-shadow:inset 0 0 2rem rgba(0,255,198,6%);z-index:5;pointer-events:none}.hud-frame{position:absolute;inset:1.1rem;border:1px solid rgba(0,255,198,.12);border-left:0;border-right:0;opacity:.8}.horizon-grid{position:absolute;left:0;right:0;bottom:-18%;height:50%;background:linear-gradient(to top,rgba(0,255,198,.18),transparent 75%),repeating-linear-gradient(90deg,rgba(0,255,198,.22) 0 1px,transparent 1px 3.2rem),repeating-linear-gradient(0,rgba(0,255,198,.2) 0 1px,transparent 1px 1.7rem);transform:perspective(24rem)rotateX(64deg);transform-origin:bottom;filter:drop-shadow(0 0 .7rem rgba(0,255,198,.18));opacity:.55;z-index:1}.mountain-range{position:absolute;left:-4%;right:-4%;bottom:18%;height:35%;background:linear-gradient(135deg,transparent 0 17%,rgba(0,255,198,.15) 18%,transparent 19% 28%,rgba(0,255,198,.16) 29%,transparent 30% 45%,rgba(0,255,198,.2) 46%,transparent 47% 62%,rgba(0,255,198,.15) 63%,transparent 64%),linear-gradient(180deg,transparent 15%,rgba(0,255,198,8%));clip-path:polygon(0 100%,8% 78%,15% 55%,24% 88%,34% 52%,43% 83%,51% 42%,61% 88%,70% 58%,82% 92%,91% 62%,100% 83%,100% 100%);z-index:2}.mountain-back{opacity:.38;bottom:23%;transform:scaleY(.75)}.mountain-front{opacity:.74;filter:drop-shadow(0 0 1rem rgba(0,255,198,.22))}.radar-core{position:absolute;left:50%;top:38%;width:9rem;height:9rem;transform:translate(-50%,-50%);border-radius:50%;background:repeating-radial-gradient(circle,rgba(0,255,198,.34) 0 1px,transparent 1px 1.05rem),radial-gradient(circle,rgba(126,255,240,.95) 0 .18rem,rgba(0,255,198,.28) .2rem .8rem,transparent .85rem);box-shadow:0 0 2rem rgba(0,255,198,.25);opacity:.82;z-index:3}.signal-axis{position:absolute;background:linear-gradient(90deg,transparent,rgba(125,255,240,.78),transparent);z-index:4;opacity:.72}.signal-axis.vertical{left:50%;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,rgba(125,255,240,.9),transparent)}.signal-axis.horizontal{left:8%;right:8%;top:38%;height:1px}.data-noise{position:absolute;inset:12% 10%;background-image:radial-gradient(circle,rgba(0,255,198,.65) 0 1px,transparent 1.3px);background-size:1.8rem 1.8rem;mask-image:radial-gradient(circle at 50% 38%,#000,transparent 46%);opacity:.25;z-index:3}.about{padding:6rem clamp(1rem,8vw,8rem);border-bottom:1px solid var(--line)}.about-panel{max-width:58rem;margin:auto;padding:clamp(2rem,5vw,4rem);text-align:center}.about-panel h2{font-size:clamp(2rem,5vw,5rem);line-height:.95;margin:.8rem 0;font-weight:300;letter-spacing:-.04em}.about-panel p:last-of-type{color:#b7c9c8;line-height:1.75;font-size:1.1rem}.about-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1rem}.footer{display:grid;grid-template-columns:auto 1fr 1fr auto;align-items:center;gap:2rem;padding:2rem clamp(1rem,3vw,2.4rem);font-family:var(--mono);color:#a7b8b8;font-size:.8rem}.mark{font-size:2.5rem;color:#eaffff}.socials{display:flex;gap:1rem;flex-wrap:wrap}.socials a{color:var(--teal2)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s var(--ease),transform .75s var(--ease)}.reveal.visible{opacity:1;transform:none}.magnetic{will-change:transform}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none !important;transition:none !important;scroll-behavior:auto !important}.signal-canvas,.cursor-glow{display:none}}@media(max-width:980px){.site-header{grid-template-columns:auto auto}.nav{display:none}.section,.sound-section,.log-section{grid-template-columns:1fr}.section-title{max-width:24rem}.cards.three{grid-template-columns:1fr}.track-list{grid-column:auto}.footer{grid-template-columns:1fr;text-align:center}.socials{justify-content:center}h1{letter-spacing:.5rem}.hero-side{display:none}.planet-ring{width:80vw}.brand{letter-spacing:.8rem}}@media(max-width:560px){.site-header{padding:1rem}.contact-link{display:none}.hero-content{padding-top:7rem}.section{padding:2rem 1rem}.sound-section{padding:2rem 1rem}.log-list a{grid-template-columns:1fr}.log-list span{display:none}.cursor-glow{display:none}.about-actions{display:block}.about-actions .enter-btn{width:100%;margin-top:.8rem}}