:root{--night:#070716;--ink:#f7f5ff;--lav:#c8bfff;--cyan:#58f4e2;--pink:#ff5bdf;--orange:#ff6e38;--line:rgba(255,255,255,.18);--pad:clamp(1.2rem,4.8vw,5rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--night)}body{margin:0;background:var(--night);color:var(--ink);font:16px/1.6 Syne,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}strong{color:var(--cyan);font-weight:600}
.site-header{position:absolute;z-index:20;top:0;left:0;right:0;height:78px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--pad);border-bottom:1px solid rgba(255,255,255,.25);background:linear-gradient(180deg,rgba(7,7,22,.82),transparent)}.micro-logo{font:700 1.25rem/1 Syne;letter-spacing:-.05em}.micro-logo span{color:var(--pink)}.site-header nav{grid-column:2;display:flex;gap:clamp(1.2rem,3vw,3rem)}.site-header nav a,.duo-tag,.menu-toggle{font:500 .72rem DM Mono;text-transform:uppercase;letter-spacing:.1em}.site-header nav a{transition:color .2s}.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--cyan)}.channel-link{color:var(--cyan)}.duo-tag{grid-column:3;justify-self:end;margin:0}.menu-toggle{display:none;border:0;background:none;color:#fff}
.video-hero{position:relative;height:100svh;min-height:620px;background:#02040a;overflow:hidden;isolation:isolate}.video-hero video{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.05) contrast(1.05)}.video-wash{position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,rgba(2,3,10,.42) 0,transparent 30%,transparent 62%,rgba(2,3,10,.74) 100%),radial-gradient(circle at 50% 48%,transparent 20%,rgba(2,3,10,.16) 58%,rgba(2,3,10,.58) 100%);pointer-events:none}.signal-grid{position:absolute;z-index:3;inset:0;opacity:.13;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0,transparent 4px,rgba(174,240,255,.14) 5px);mix-blend-mode:screen;animation:signal-drift 9s linear infinite}.hero-brand{position:absolute;z-index:4;top:50%;left:50%;width:min(94vw,1500px);transform:translate(-50%,-48%);text-align:center;text-transform:uppercase;text-shadow:0 6px 36px rgba(0,0,0,.95)}.hero-brand p,.hero-brand span{display:block;margin:0;font:500 clamp(.62rem,.8vw,.78rem)/1.4 DM Mono;letter-spacing:.24em;color:rgba(222,238,255,.76)}.hero-brand h1{text-transform:none;margin:.55rem 0 .42rem;font:600 clamp(3.25rem,10.8vw,10rem)/.82 Syne;letter-spacing:-.075em;color:rgba(247,245,255,.96)}.hero-brand span{color:var(--cyan);letter-spacing:.34em}.hero-edge{position:absolute;z-index:4;left:var(--pad);right:var(--pad);bottom:2rem;display:flex;justify-content:space-between;align-items:end;gap:2rem}.hero-edge p,.hero-edge a{margin:0;font:500 .72rem/1.5 DM Mono;text-transform:uppercase;letter-spacing:.1em}.hero-edge p{max-width:26rem;color:#ded8f7}.hero-edge a{white-space:nowrap;color:var(--cyan)}@keyframes signal-drift{to{transform:translateY(10px)}}
.hero-brand .member-access{position:relative;display:inline-block;color:inherit;transition:color .2s,text-shadow .2s}.hero-brand .member-access:after{content:"";position:absolute;left:12%;right:28%;bottom:-.3rem;height:1px;background:var(--cyan);opacity:.16;box-shadow:0 0 8px transparent;transition:opacity .2s,box-shadow .2s}.hero-brand .member-access:hover,.hero-brand .member-access:focus-visible{color:var(--cyan);text-shadow:0 0 12px rgba(88,244,226,.55)}.hero-brand .member-access:hover:after,.hero-brand .member-access:focus-visible:after{opacity:.9;box-shadow:0 0 9px var(--cyan)}.hero-brand .member-access:focus-visible{outline:1px solid var(--cyan);outline-offset:.45rem}
.ticker{overflow:hidden;border-block:1px solid var(--line);background:linear-gradient(90deg,#3f19d7,#a61dd0,#d82965)}.ticker div{width:max-content;padding:.62rem 0;font:600 .78rem DM Mono;text-transform:uppercase;letter-spacing:.12em;animation:marquee 22s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}
.manifesto,.transmission,.studio,.about{position:relative;padding:clamp(6rem,12vw,12rem) var(--pad);border-bottom:1px solid var(--line)}.section-label,.mono{margin:0;font:500 .72rem/1.4 DM Mono;letter-spacing:.1em;text-transform:uppercase;color:var(--lav)}.manifesto{min-height:850px;background:radial-gradient(circle at 78% 45%,rgba(90,244,226,.08),transparent 28%),radial-gradient(circle at 22% 75%,rgba(255,91,223,.09),transparent 30%)}.manifesto h1,.section-head h2,.about h2{margin:3rem 0;font:600 clamp(4rem,10vw,10rem)/.82 Syne;letter-spacing:-.075em;text-transform:uppercase}.manifesto-copy{display:grid;grid-template-columns:1fr 1fr;gap:2rem;width:min(760px,65vw);margin-left:auto;color:#cbc5db;font-size:clamp(1rem,1.5vw,1.25rem)}.orbit{position:absolute;right:7vw;top:5rem;width:min(30vw,360px);aspect-ratio:1;border:1px solid rgba(88,244,226,.27);border-radius:50%;transform:rotate(-18deg)}.orbit:before,.orbit:after{content:"";position:absolute;inset:13%;border:1px solid rgba(255,91,223,.24);border-radius:50%;transform:rotate(55deg) scaleY(.44)}.orbit:after{inset:34%;background:radial-gradient(circle,var(--orange),var(--pink) 45%,transparent 70%);filter:blur(2px);border:0}.orbit span{position:absolute;left:5%;top:25%;width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 20px var(--cyan)}
.transmission{background:#0a0920}.section-head{display:grid;grid-template-columns:1fr 3fr;gap:3rem;align-items:start}.section-head h2{font-size:clamp(3rem,7vw,7rem);margin:0 0 5rem}.visualizer{position:relative;min-height:clamp(620px,72vw,820px);overflow:hidden;border:1px solid rgba(88,244,226,.28);background:#03040d;box-shadow:0 35px 110px rgba(0,0,0,.38),inset 0 0 90px rgba(91,42,220,.12);isolation:isolate}.visualizer-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.visualizer-scanlines{position:absolute;z-index:2;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,rgba(255,255,255,.055) 4px),radial-gradient(circle at center,transparent 28%,rgba(2,3,10,.22) 66%,rgba(0,0,0,.84) 100%);opacity:.38;mix-blend-mode:overlay}.visualizer-copy{position:absolute;z-index:3;left:clamp(1.4rem,4vw,4rem);bottom:clamp(8.2rem,16vw,11.5rem);text-shadow:0 4px 28px #000}.visualizer-copy h3{margin:.8rem 0 0;font:600 clamp(3rem,7.8vw,7.5rem)/.82 Syne;letter-spacing:-.07em;text-transform:uppercase}.visualizer-copy h3 span{color:transparent;-webkit-text-stroke:1px rgba(247,245,255,.76);opacity:.78}.visualizer-credit{margin:1.2rem 0 0;font:500 .72rem DM Mono;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan)}.visualizer-controls{position:absolute;z-index:4;left:clamp(1rem,2vw,2rem);right:clamp(1rem,2vw,2rem);bottom:clamp(1rem,2vw,2rem);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(.8rem,2vw,1.5rem);padding:1rem 1.2rem;border:1px solid rgba(255,255,255,.16);background:rgba(7,7,22,.76);backdrop-filter:blur(18px);box-shadow:0 12px 35px rgba(0,0,0,.32)}.track-play{display:grid;place-items:center;width:52px;height:52px;padding:0;border:1px solid rgba(88,244,226,.65);border-radius:50%;background:var(--cyan);color:#061112;cursor:pointer;box-shadow:0 0 26px rgba(88,244,226,.27);transition:transform .2s,box-shadow .2s}.track-play:hover{transform:scale(1.05);box-shadow:0 0 34px rgba(88,244,226,.42)}.track-play span{font-size:1rem;transform:translateX(1px)}.track-progress{min-width:0}.track-meta{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.7rem;font:500 .72rem DM Mono;text-transform:uppercase;letter-spacing:.08em;color:#bcb6ce}.track-seek{display:block;width:100%;height:4px;margin:0;accent-color:var(--pink);cursor:pointer}.track-mute{min-width:6.6rem;padding:.8rem 1rem;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);color:var(--ink);font:500 .68rem DM Mono;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:border-color .2s,color .2s}.track-mute:hover{border-color:var(--cyan);color:var(--cyan)}.track-play:focus-visible,.track-mute:focus-visible,.track-seek:focus-visible{outline:2px solid #fff;outline-offset:3px}
.studio{background:linear-gradient(180deg,#080719,#100821)}.gear-list{border-top:1px solid var(--line)}.gear-list article{display:grid;grid-template-columns:.75fr 1.1fr 1fr;gap:2rem;align-items:center;padding:2.2rem 0;border-bottom:1px solid var(--line);transition:padding .25s,background .25s}.gear-list article:hover{padding-left:1rem;background:linear-gradient(90deg,rgba(255,91,223,.07),transparent)}.gear-list h3{margin:0;font-size:clamp(1.8rem,4vw,4rem);letter-spacing:-.04em}.gear-list article>p:last-child{max-width:26rem;color:#aaa4bd}
.about{display:grid;grid-template-columns:.6fr 2.4fr;gap:3rem;background:radial-gradient(circle at 85% 70%,rgba(74,51,214,.35),transparent 30%),#070716}.about h2{grid-column:2;margin:0;font-size:clamp(4rem,9vw,9rem)}.about-copy{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:850px;font-size:clamp(1rem,1.5vw,1.25rem);color:#cbc5d8}
.visualizer+.visualizer{margin-top:clamp(2rem,5vw,5rem)}
.visualizer--portals{background:#060311;border-color:rgba(179,135,255,.42);box-shadow:0 35px 110px rgba(0,0,0,.38),inset 0 0 90px rgba(143,70,230,.13)}
.visualizer--portals .mono{color:#e3cafa}.visualizer--portals .visualizer-credit{color:#8cf9ee}
.visualizer--portals .visualizer-controls{background:rgba(9,4,22,.82)}
.visualizer--portals .track-play{background:#d8b5ff;border-color:#d8b5ff;color:#180a30;box-shadow:0 0 26px rgba(184,122,255,.28)}
.visualizer--portals .track-play:hover{box-shadow:0 0 34px rgba(184,122,255,.48)}
.visualizer--portals .track-seek{accent-color:#ff9cdb}.visualizer--portals .track-mute:hover{border-color:#d8b5ff;color:#d8b5ff}
.visualizer--portals .visualizer-scanlines{opacity:1;mix-blend-mode:normal;background:linear-gradient(180deg,rgba(3,2,11,.08) 30%,rgba(3,2,11,.18) 48%,rgba(3,2,11,.78) 79%,rgba(3,2,11,.92)),radial-gradient(ellipse at 50% 38%,transparent 24%,rgba(3,2,11,.12) 80%)}
footer{display:grid;grid-template-columns:1fr 1fr auto;gap:2rem;align-items:center;padding:2rem var(--pad);font:500 .7rem DM Mono;text-transform:uppercase;letter-spacing:.08em;color:#9f98b3}footer p{margin:0}footer p:last-child{text-align:right}
@media(max-width:800px){.site-header{grid-template-columns:1fr auto}.site-header nav{grid-column:1/-1;display:none;position:absolute;top:78px;left:0;right:0;padding:1.5rem var(--pad);background:#070716;border-bottom:1px solid var(--line);flex-direction:column}.site-header nav.open{display:flex}.menu-toggle{display:block;grid-column:2;justify-self:end}.duo-tag{display:none}.video-hero{min-height:560px}.hero-brand{top:47%;width:94vw}.hero-brand h1{font-size:clamp(2.55rem,13.2vw,6rem);letter-spacing:-.07em}.hero-brand p{letter-spacing:.15em}.hero-brand span{font-size:.6rem;letter-spacing:.22em}.hero-edge{align-items:start;flex-direction:column}.manifesto{min-height:0}.manifesto h1{font-size:clamp(3.4rem,18vw,6rem)}.manifesto-copy,.about-copy{width:auto;grid-template-columns:1fr}.orbit{opacity:.42;right:-20vw;top:8rem;width:65vw}.section-head,.gear-list article,.about{grid-template-columns:1fr}.section-head h2{margin-top:2rem}.visualizer{min-height:620px}.visualizer-copy{bottom:11.5rem}.visualizer-controls{grid-template-columns:auto 1fr}.track-mute{grid-column:1/-1}.about h2,.about-copy{grid-column:1}.about h2{font-size:clamp(3.5rem,17vw,6rem)}footer{grid-template-columns:1fr}footer p:last-child{text-align:left}}
@media(max-width:480px){.visualizer{min-height:560px}.visualizer-copy{right:1rem;bottom:11rem}.visualizer-copy h3{max-width:100%;font-size:clamp(2rem,10.5vw,3.1rem);line-height:.86;letter-spacing:-.06em}.visualizer-controls{padding:.8rem}.track-play{width:46px;height:46px}.track-meta{font-size:.64rem}.track-mute{padding:.65rem}.visualizer-scanlines{opacity:.28}}
@media(max-aspect-ratio:4/5){.video-hero video{object-position:50% 50%}.video-wash{background:linear-gradient(180deg,rgba(2,3,10,.54) 0,transparent 34%,transparent 59%,rgba(2,3,10,.82) 100%),radial-gradient(circle at 50% 48%,transparent 8%,rgba(2,3,10,.25) 55%,rgba(2,3,10,.66) 100%)}.hero-edge{bottom:1.25rem}.hero-edge p{max-width:18rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div,.signal-grid{animation:none}.video-hero video{display:none}.video-hero{background:#02040a url("./assets/soundbookerz-transmission-poster.jpg") center/cover no-repeat}.track-play:hover{transform:none}}