:root{
  --ink:var(--axysyn-ink,#07090C);--panel:#0D1014;--paper:var(--axysyn-paper,#E8E6DF);--muted:var(--axysyn-muted,#9A9B99);
  --pink:var(--axysyn-violet,#A879FF);--cyan:var(--axysyn-cyan,#46E8FF);--acid:var(--axysyn-acid,#D8FF3E);--amber:var(--axysyn-ember,#FF5A29);
  --chrome:linear-gradient(105deg,#202834 0,#eaf8ff 8%,#52606e 17%,#111720 30%,#a9c2d0 43%,#27313c 56%,#f1fbff 66%,#35404d 78%,#9aafbd 91%,#1a202a);
  --headline:"Bahnschrift SemiCondensed","Bahnschrift","Arial Narrow","Segoe UI",sans-serif;
  --body:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"Cascadia Mono",Consolas,monospace;--ease:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;overflow-x:hidden;background:var(--ink);color:var(--paper);font-family:var(--body);-webkit-font-smoothing:antialiased}body::after{content:"";position:fixed;z-index:90;inset:0;pointer-events:none;box-shadow:inset 0 0 130px rgba(0,0,0,.86)}a{color:inherit}button,input{font:inherit}button{color:inherit}img{max-width:100%}::selection{background:var(--pink);color:#fff}:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.skip-link{position:fixed;z-index:500;left:1rem;top:1rem;padding:.8rem 1rem;background:var(--acid);color:var(--ink);font:900 .62rem var(--mono);text-transform:uppercase;transform:translateY(-180%)}.skip-link:focus{transform:none}

.room{position:fixed;z-index:-2;inset:0;overflow:hidden;background:radial-gradient(circle at 50% 26%,rgba(168,121,255,.12),transparent 24%),linear-gradient(120deg,#12050e,#030711 56%,#041016)}.brick{position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,.58)),linear-gradient(0deg,#020207 3px,transparent 3px),linear-gradient(90deg,#020207 3px,transparent 3px);background-size:100% 100%,100% 46px,92px 92px;opacity:.92}.brick::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 48%,rgba(0,0,0,.85) 49% 52%,transparent 53%);background-size:92px 46px;transform:translateX(46px);mask-image:repeating-linear-gradient(0deg,#000 0 46px,transparent 46px 92px)}.ceiling-grid{position:absolute;left:-20%;right:-20%;top:-9%;height:35%;background:repeating-linear-gradient(90deg,transparent 0 6vw,rgba(130,175,200,.16) 6vw calc(6vw + 2px)),repeating-linear-gradient(0deg,transparent 0 38px,rgba(130,175,200,.12) 38px 40px);transform:perspective(420px) rotateX(-60deg);transform-origin:top}.neon-tube{position:absolute;top:12%;width:6px;height:40%;background:#fff;box-shadow:0 0 7px #fff,0 0 20px currentColor,0 0 55px currentColor;animation:flicker 8s steps(1) infinite}.tube-pink{left:4%;color:var(--pink);transform:rotate(10deg)}.tube-cyan{right:4%;color:var(--cyan);transform:rotate(-10deg);animation-delay:-3.7s}.wall-wire{position:absolute;top:7%;width:31%;height:38%;border:8px solid #11151d;border-top:0;filter:drop-shadow(4px 5px #000)}.wire-a{left:0;border-left:0;border-radius:0 0 65px 0}.wire-b{right:0;border-right:0;border-radius:0 0 0 65px}.graffiti{position:absolute;font:900 clamp(1rem,2.5vw,2.4rem) var(--mono);text-shadow:3px 3px #000,0 0 20px currentColor;opacity:.7}.g-one{left:3%;top:58%;color:var(--pink);transform:rotate(-11deg)}.g-two{right:4%;top:47%;color:var(--cyan);transform:rotate(8deg)}.floor-grid{position:absolute;left:-35%;right:-35%;bottom:-28%;height:58%;background:repeating-linear-gradient(90deg,transparent 0 7vw,rgba(70,232,255,.16) 7vw calc(7vw + 1px)),repeating-linear-gradient(0deg,transparent 0 50px,rgba(168,121,255,.13) 50px 52px);transform:perspective(500px) rotateX(58deg);transform-origin:bottom;mask-image:linear-gradient(transparent,#000 50%)}.fog{position:absolute;left:-10%;right:-10%;bottom:-8%;height:35%;background:radial-gradient(ellipse,rgba(61,100,122,.2),transparent 70%);filter:blur(20px);animation:fog 9s ease-in-out infinite alternate}.noise{position:fixed;z-index:80;inset:-50%;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:noise .2s steps(2) infinite}

.music-topbar{position:fixed;z-index:100;left:0;right:0;top:0;display:grid;grid-template-columns:1fr auto auto 1fr;align-items:center;min-height:66px;padding:0 clamp(1rem,3vw,2.5rem);border-bottom:1px solid rgba(70,232,255,.3);background:linear-gradient(180deg,rgba(4,4,10,.97),rgba(5,4,11,.82));backdrop-filter:blur(18px);box-shadow:0 15px 50px #000}.music-topbar::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,var(--pink),transparent 38% 62%,var(--cyan))}.brand{display:inline-flex;align-items:center;gap:.8rem;text-decoration:none}.brand>span:last-child{display:grid}.brand strong{font:900 1rem var(--headline);letter-spacing:.06em}.brand small{color:#697585;font:700 .42rem var(--mono);letter-spacing:.17em}.brand-mark{display:grid;place-items:center;width:38px;aspect-ratio:1;border:1px solid var(--cyan);transform:rotate(45deg);box-shadow:inset 0 0 15px rgba(70,232,255,.15),0 0 15px rgba(70,232,255,.1)}.brand-mark img{width:25px;filter:brightness(0) invert(1);transform:rotate(-45deg)}.music-topbar>p{display:flex;align-items:center;gap:.55rem;margin:0;color:#7d8795;font:700 .48rem var(--mono);letter-spacing:.1em}.music-topbar>p i{width:6px;height:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 11px var(--acid);animation:pulse 1s infinite}.music-topbar>p b{color:var(--acid)}.music-topbar nav{display:flex;margin:0 1.4rem}.music-topbar nav a{padding:.6rem .8rem;color:#7e8997;font:800 .5rem var(--mono);letter-spacing:.09em;text-decoration:none;text-transform:uppercase}.music-topbar nav a:hover,.music-topbar nav a.active{color:#fff;text-shadow:0 0 12px var(--cyan)}.room-fx{justify-self:end;display:flex;align-items:center;gap:.55rem;min-height:36px;padding:0 .8rem;border:1px solid rgba(255,255,255,.18);background:#080a10;color:#8b96a5;font:800 .48rem var(--mono);letter-spacing:.08em;cursor:pointer}.room-fx span{width:8px;height:8px;border-radius:50%;background:#555}.room-fx[aria-pressed=true]{color:#fff;border-color:var(--cyan)}.room-fx[aria-pressed=true] span{background:var(--cyan);box-shadow:0 0 11px var(--cyan)}body.fx-off .neon-tube,body.fx-off .fog,body.fx-off .noise{animation:none}body.fx-off .neon-tube{filter:brightness(.55);box-shadow:0 0 8px currentColor}

main{position:relative;z-index:1;padding-top:66px}.page-intro{display:grid;grid-template-columns:1fr minmax(300px,470px);align-items:end;gap:5vw;width:min(1600px,calc(100% - 8vw));min-height:clamp(490px,65vh,720px);margin:auto;padding:7rem 0 3rem}.eyebrow{display:flex;align-items:center;gap:.65rem;margin:0 0 1rem;color:#bbc5d2;font:800 .54rem var(--mono);letter-spacing:.13em}.eyebrow i{width:28px;height:2px;background:linear-gradient(90deg,var(--pink),var(--cyan));box-shadow:0 0 10px var(--pink)}.page-intro h1{margin:0;font:900 clamp(6.3rem,12vw,13rem)/.73 var(--headline);letter-spacing:-.055em;text-transform:uppercase;filter:drop-shadow(0 25px 35px #000)}.page-intro h1 em{font-style:normal;color:transparent;-webkit-text-stroke:2px #fff;text-shadow:-7px 0 0 rgba(168,121,255,.8),7px 0 0 rgba(70,232,255,.75),0 0 36px rgba(255,255,255,.3)}.intro-copy{margin-bottom:1rem;padding:1.5rem;border-left:4px solid var(--pink);background:linear-gradient(90deg,rgba(168,121,255,.12),rgba(2,4,9,.75));box-shadow:20px 24px 60px #000}.intro-copy>span{color:var(--cyan);font:800 .5rem var(--mono);letter-spacing:.15em}.intro-copy p{color:#adb6c3;font-size:.95rem;line-height:1.7}.intro-copy>div{display:flex;align-items:center;gap:1rem;color:#697483;font:700 .5rem var(--mono);letter-spacing:.1em}.intro-copy>div b{color:#fff;font:900 1.3rem var(--headline)}.intro-copy>div i{flex:1;height:1px;background:linear-gradient(90deg,var(--pink),var(--cyan))}

.jukebox-wrap{position:relative;width:min(1640px,calc(100% - 5vw));margin:0 auto;padding:4.5rem clamp(.75rem,2vw,2rem) 8rem}.jukebox-wrap::before{content:"";position:absolute;left:50%;top:17%;width:80%;height:75%;border-radius:50%;background:radial-gradient(ellipse,rgba(168,121,255,.15),rgba(70,232,255,.06) 43%,transparent 70%);filter:blur(35px);transform:translateX(-50%);pointer-events:none}.machine-shadow{position:absolute;left:10%;right:10%;bottom:6rem;height:8%;border-radius:50%;background:#000;filter:blur(26px)}.jukebox{position:relative;isolation:isolate;max-width:1480px;margin:auto;padding:12rem 2.1rem 1.2rem;border:3px solid rgba(255,255,255,.65);border-radius:45% 45% 28px 28px/12rem 12rem 28px 28px;background:linear-gradient(90deg,rgba(168,121,255,.12),transparent 10% 90%,rgba(70,232,255,.12)),#06070b;box-shadow:0 0 0 9px #151c25,0 0 0 11px rgba(255,255,255,.38),0 0 65px rgba(168,121,255,.17),0 80px 130px #000,inset 0 0 70px #000}.jukebox::before,.jukebox::after{content:"";position:absolute;z-index:8;top:8rem;bottom:1rem;width:14px;background:var(--chrome);border:1px solid #8ca2af;box-shadow:0 0 18px currentColor}.jukebox::before{left:7px;color:var(--pink)}.jukebox::after{right:7px;color:var(--cyan)}.juke-canopy{position:absolute;z-index:0;left:1rem;right:1rem;top:1rem;height:13rem;overflow:hidden;border-radius:50% 50% 12px 12px/100% 100% 12px 12px;background:radial-gradient(ellipse at 50% 100%,rgba(70,232,255,.15),transparent 55%),#03050a;box-shadow:inset 0 0 60px #000}.canopy-ring{position:absolute;left:50%;bottom:-1.5rem;border:solid;border-radius:50% 50% 0 0/100% 100% 0 0;transform:translateX(-50%)}.ring-one{width:96%;height:13rem;border-width:7px;border-color:#f7ffff;box-shadow:0 0 9px #fff,0 0 28px var(--pink),inset 0 0 26px var(--pink)}.ring-two{width:88%;height:11.4rem;border-width:4px;border-color:var(--cyan);box-shadow:0 0 18px var(--cyan),inset 0 0 18px var(--cyan)}.ring-three{width:78%;height:9.6rem;border-width:3px;border-color:var(--pink);box-shadow:0 0 15px var(--pink),inset 0 0 15px var(--pink)}.marquee{position:absolute;z-index:4;left:50%;top:2.6rem;display:grid;width:min(620px,51%);padding:1.1rem 2rem;border:1px solid rgba(255,255,255,.32);background:rgba(2,3,8,.78);text-align:center;transform:translateX(-50%) rotate(-1deg);box-shadow:0 20px 45px #000}.marquee small,.marquee span{font:800 .46rem var(--mono);letter-spacing:.22em}.marquee small{color:var(--pink)}.marquee span{color:var(--cyan)}.marquee strong{font:900 clamp(2.6rem,5vw,5.4rem)/.82 var(--headline);letter-spacing:.04em;text-shadow:-4px 0 var(--pink),4px 0 var(--cyan),0 0 20px #fff}.marquee strong i{font-style:normal;color:var(--acid)}.canopy-lights{position:absolute;z-index:5;inset:0}.canopy-lights i{position:absolute;left:calc(7% + var(--n,0) * 7.7%);bottom:14px;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 7px #fff,0 0 18px var(--cyan);animation:chase 1.2s calc(var(--n,0) * -.1s) steps(1) infinite}.canopy-lights i:nth-child(1){--n:0}.canopy-lights i:nth-child(2){--n:1}.canopy-lights i:nth-child(3){--n:2}.canopy-lights i:nth-child(4){--n:3}.canopy-lights i:nth-child(5){--n:4}.canopy-lights i:nth-child(6){--n:5}.canopy-lights i:nth-child(7){--n:6}.canopy-lights i:nth-child(8){--n:7}.canopy-lights i:nth-child(9){--n:8}.canopy-lights i:nth-child(10){--n:9}.canopy-lights i:nth-child(11){--n:10}.canopy-lights i:nth-child(12){--n:11}

.machine-body{position:relative;z-index:3;display:grid;grid-template-columns:minmax(310px,.9fr) minmax(430px,1.35fr) minmax(275px,.72fr);min-height:690px;border:2px solid rgba(255,255,255,.24);background:linear-gradient(135deg,rgba(168,121,255,.06),transparent 34%,rgba(70,232,255,.05)),#06090e;box-shadow:inset 0 0 90px #000,0 24px 60px #000}.machine-body::before{content:"";position:absolute;z-index:10;inset:0;pointer-events:none;border:10px solid transparent;border-image:var(--chrome) 20;opacity:.45}.selector-panel,.control-panel{position:relative;z-index:2;padding:2rem 1.5rem;background:linear-gradient(150deg,rgba(255,255,255,.04),transparent 35%),#090b11}.selector-panel{border-right:1px solid rgba(255,255,255,.18)}.selector-panel>header{display:grid;gap:.28rem;padding-bottom:1rem;border-bottom:1px solid rgba(168,121,255,.35)}.selector-panel>header span,.selector-panel>header small{font:700 .45rem var(--mono);letter-spacing:.13em}.selector-panel>header span{color:var(--pink)}.selector-panel>header b{font:900 1.25rem var(--headline);letter-spacing:.03em}.selector-panel>header small{color:#626d7c}.title-strips{display:grid;gap:.65rem;margin:1.25rem 0}.title-strip{position:relative;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:.7rem;width:100%;min-height:55px;padding:.45rem .6rem;border:1px solid rgba(255,255,255,.18);background:linear-gradient(90deg,#161b24,#0a0c12);text-align:left;cursor:pointer;overflow:hidden;transition:transform .3s var(--ease),border-color .3s,box-shadow .3s}.title-strip::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(168,121,255,.15),transparent 50%,rgba(70,232,255,.12));opacity:0;transition:opacity .25s}.title-strip:hover{border-color:rgba(70,232,255,.6);transform:translateX(5px)}.title-strip.active{border-color:#fff;box-shadow:-6px 0 0 var(--pink),6px 0 0 var(--cyan),0 0 24px rgba(70,232,255,.12)}.title-strip.active::before{opacity:1}.title-strip.queued{border-color:var(--acid)}.title-strip>span{position:relative;display:grid;place-items:center;height:36px;background:#f4f0dd;color:#111;font:900 .72rem var(--mono);box-shadow:inset 0 0 0 3px #d45d85}.title-strip>span::after{content:"";position:absolute;inset:4px;border:1px solid #111}.title-strip>div{position:relative;display:grid;gap:.12rem;min-width:0}.title-strip strong{overflow:hidden;color:#f2efe2;font:900 .66rem var(--mono);text-overflow:ellipsis;white-space:nowrap}.title-strip small{overflow:hidden;color:#82909e;font:600 .45rem var(--mono);letter-spacing:.05em;text-overflow:ellipsis;white-space:nowrap}.title-strip>i{position:relative;width:8px;height:8px;border-radius:50%;background:#343a44;box-shadow:inset 0 0 4px #000}.title-strip.active>i{background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.selector-footer{display:flex;align-items:center;justify-content:space-between;color:#636e7c;font:700 .42rem var(--mono);letter-spacing:.1em}.selector-footer b{display:grid;place-items:center;width:45px;height:32px;border:1px solid var(--pink);color:#fff;font-size:.8rem;box-shadow:inset 0 0 15px rgba(168,121,255,.15)}

.mechanism{position:relative;overflow:hidden;border-right:1px solid rgba(255,255,255,.16);background:radial-gradient(circle at 50% 35%,rgba(168,121,255,.13),transparent 33%),linear-gradient(#080b12,#020408)}.mechanism::before{content:"";position:absolute;left:50%;top:45%;width:490px;aspect-ratio:1;border:1px dashed rgba(70,232,255,.16);border-radius:50%;transform:translate(-50%,-50%);animation:orbit 24s linear infinite}.glass-reflection{position:absolute;z-index:8;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 12%,rgba(255,255,255,.11) 13%,transparent 23% 63%,rgba(70,232,255,.07) 64%,transparent 72%);mix-blend-mode:screen}.mechanism-label{position:absolute;z-index:5;left:1.25rem;right:1.25rem;top:1.2rem;display:flex;justify-content:space-between;padding-bottom:.65rem;border-bottom:1px solid rgba(70,232,255,.27);font:800 .43rem var(--mono);letter-spacing:.12em}.mechanism-label span{color:#657281}.mechanism-label b{color:var(--acid);text-shadow:0 0 9px var(--acid)}.record-carriage{position:absolute;left:50%;top:43%;width:min(78%,420px);aspect-ratio:1;transform:translate(-50%,-50%);transition:transform .55s var(--ease)}.record-stack{position:absolute;left:0;right:0;bottom:9%;height:28%}.record-stack i{position:absolute;left:5%;right:5%;bottom:calc(var(--n,0) * 7px);height:20%;border:2px solid #87929c;border-radius:50%;background:#08090c;box-shadow:0 4px 0 #111820}.record-stack i:nth-child(1){--n:0}.record-stack i:nth-child(2){--n:1}.record-stack i:nth-child(3){--n:2}.record-stack i:nth-child(4){--n:3}.record-stack i:nth-child(5){--n:4}.vinyl{position:absolute;left:8%;top:2%;width:84%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#13151a 0 2px,#030305 3px 6px);box-shadow:0 0 0 3px #252932,0 28px 35px #000;transform:perspective(500px) rotateX(57deg);transition:transform .75s var(--ease),top .75s var(--ease)}.vinyl::before,.vinyl::after{content:"";position:absolute;border-radius:50%;inset:8%;border:1px solid rgba(255,255,255,.07)}.vinyl::after{inset:19%;border-color:rgba(255,255,255,.05)}.vinyl-label{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:31%;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--pink),#45122e,var(--cyan),#12424b,var(--pink));transform:translate(-50%,-50%);box-shadow:inset 0 0 15px #000}.vinyl-label img{width:35%;filter:brightness(0) invert(1)}.vinyl-label span{position:absolute;bottom:15%;font:900 .38rem var(--mono);letter-spacing:.08em}.spindle{position:absolute;left:50%;top:45%;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 12px #fff;transform:translate(-50%,-50%)}.tonearm{position:absolute;right:0;top:6%;width:38%;height:55%;transform:rotate(-24deg);transform-origin:82% 16%;transition:transform .8s var(--ease)}.tonearm i{position:absolute;right:14%;top:4%;width:18px;height:18px;border-radius:50%;background:var(--chrome);box-shadow:0 0 0 6px #151a21}.tonearm b{position:absolute;right:19%;top:11%;width:9px;height:78%;border-radius:9px;background:linear-gradient(90deg,#222b35,#eefaff,#475461);transform:rotate(-23deg);transform-origin:top}.tonearm span{position:absolute;left:21%;bottom:0;width:38px;height:19px;background:#b8cad3;clip-path:polygon(0 0,100% 25%,88% 100%,12% 100%);box-shadow:0 5px 12px #000}.track-readout{position:absolute;z-index:6;left:9%;right:9%;bottom:13.5%;display:grid;gap:.2rem;padding:1rem 1.1rem;border-left:3px solid var(--pink);background:rgba(2,4,9,.78);backdrop-filter:blur(7px);box-shadow:0 18px 32px #000}.track-readout span{color:var(--cyan);font:800 .43rem var(--mono);letter-spacing:.13em}.track-readout strong{overflow:hidden;font:900 clamp(1.15rem,1.8vw,1.8rem) var(--headline);letter-spacing:.015em;text-overflow:ellipsis;white-space:nowrap}.track-readout small{color:#9aa5b3;font:700 .48rem var(--mono);letter-spacing:.1em}.spectrum{position:absolute;z-index:4;left:5%;right:5%;bottom:2%;width:90%;height:64px;opacity:.78}.speaker{position:absolute;top:54%;width:62px;aspect-ratio:1;border:2px solid rgba(255,255,255,.17);border-radius:50%;background:radial-gradient(circle,#111 0 23%,var(--cyan) 24% 26%,#020305 28% 61%,#181d27 63%);box-shadow:0 0 20px rgba(70,232,255,.15)}.speaker i{position:absolute;inset:-10px;border:1px dashed rgba(255,255,255,.16);border-radius:50%}.speaker b{position:absolute;inset:43%;border-radius:50%;background:#fff}.left-speaker{left:3%}.right-speaker{right:3%}.jukebox.playing .vinyl{animation:spin 1.35s linear infinite}.jukebox.playing .tonearm{transform:rotate(4deg)}.jukebox.playing .speaker{animation:speaker .34s ease-in-out infinite alternate}.jukebox.loading .record-carriage{transform:translate(-50%,-50%) scale(.86)}.jukebox.loading .vinyl{top:-14%;transform:perspective(500px) rotateX(72deg) rotate(120deg)}

.control-panel{display:flex;flex-direction:column;gap:1rem}.status-display{padding:.9rem;border:1px solid rgba(70,232,255,.3);background:#020605;box-shadow:inset 0 0 20px rgba(70,232,255,.08)}.status-display>span{color:var(--acid);font:800 .42rem var(--mono);letter-spacing:.12em}.status-display>span i{display:inline-block;width:6px;height:6px;margin-right:.35rem;border-radius:50%;background:var(--acid);box-shadow:0 0 8px var(--acid);animation:pulse 1s infinite}.status-display>b{float:right;color:#d9faff;font:700 .48rem var(--mono)}.ticker{clear:both;overflow:hidden;margin-top:.75rem;border-top:1px solid rgba(70,232,255,.16)}.ticker p{width:max-content;margin:.65rem 0 0;color:var(--cyan);font:700 .46rem var(--mono);letter-spacing:.08em;animation:ticker 13s linear infinite}.seek,.volume{display:grid;gap:.55rem;color:#7f8a98;font:800 .42rem var(--mono);letter-spacing:.11em}.seek input,.volume input{width:100%;height:4px;margin:0;accent-color:var(--pink);cursor:pointer}.transport{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:.55rem}.transport button{display:grid;place-items:center;gap:.25rem;min-height:70px;border:1px solid rgba(255,255,255,.22);background:linear-gradient(#1a202a,#080a0f);cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.12),0 5px 0 #020306;transition:transform .1s,box-shadow .1s}.transport button:hover{border-color:var(--cyan)}.transport button:active{transform:translateY(4px);box-shadow:inset 0 1px rgba(255,255,255,.12),0 1px 0 #020306}.transport button span{font-size:1rem}.transport button small{color:#7a8594;font:800 .42rem var(--mono);letter-spacing:.1em}.transport .play{border-color:var(--pink);background:linear-gradient(rgba(168,121,255,.32),#0b080e);box-shadow:inset 0 0 22px rgba(168,121,255,.15),0 5px 0 #270715}.transport .play span{font-size:1.35rem;text-shadow:0 0 13px #fff}.utility-controls{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.utility-controls button{min-height:38px;border:1px solid rgba(255,255,255,.17);background:#080a10;color:#76818e;font:800 .43rem var(--mono);cursor:pointer}.utility-controls button[aria-pressed=true]{border-color:var(--acid);color:var(--acid);box-shadow:inset 0 0 16px rgba(199,255,50,.08)}.volume span{display:flex;justify-content:space-between}.volume b{color:#fff}.coin-mech{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.12)}.coin-mech button{display:flex;align-items:center;justify-content:center;gap:.6rem;min-height:70px;border:1px solid #525d69;background:var(--chrome);color:#03050a;font:900 .48rem var(--mono);letter-spacing:.08em;cursor:pointer}.coin-mech button i{display:block;width:9px;height:37px;border-radius:8px;background:#050609;box-shadow:inset 0 0 0 2px #555}.coin-mech button:active i{transform:translateY(8px)}.coin-mech>div{display:grid;place-items:center;border:1px solid rgba(168,121,255,.34);background:#040408}.coin-mech small{color:#6f7885;font:700 .4rem var(--mono);letter-spacing:.13em}.coin-mech strong{font:900 1.6rem var(--headline)}.coin-mech b{color:var(--pink);font:800 .4rem var(--mono);letter-spacing:.1em}.queue-display{display:grid;gap:.3rem;padding:.75rem;border-left:2px solid var(--cyan);background:rgba(70,232,255,.04)}.queue-display span{color:#687583;font:700 .4rem var(--mono);letter-spacing:.12em}.queue-display strong{overflow:hidden;color:#d9faff;font:800 .5rem var(--mono);text-overflow:ellipsis;white-space:nowrap}.machine-base{display:grid;grid-template-columns:1fr auto auto auto 1fr;align-items:center;gap:1rem;min-height:54px;padding:0 1.5rem;border-top:3px solid #71828f;background:linear-gradient(#17202a,#05070a);color:#697685;font:700 .42rem var(--mono);letter-spacing:.11em}.machine-base span:last-child{text-align:right}.machine-base i{width:6px;height:6px;border-radius:50%;background:var(--pink);box-shadow:0 0 9px var(--pink)}.machine-base i:nth-of-type(2){background:var(--cyan);box-shadow:0 0 9px var(--cyan)}.machine-base b{color:#fff;font:900 1.25rem var(--headline);letter-spacing:.08em}.machine-help{position:relative;margin:2.3rem 0 0;color:#7d8896;font:700 .48rem var(--mono);letter-spacing:.08em;text-align:center}.machine-help kbd{display:inline-grid;place-items:center;min-width:28px;height:24px;margin:0 .18rem;padding:0 .4rem;border:1px solid #586371;background:#11151d;color:#fff;box-shadow:0 3px #010205}.machine-help i{margin:0 .6rem;color:var(--pink)}

.label-roster{position:relative;display:grid;grid-template-columns:minmax(320px,.6fr) 1.4fr;gap:5vw;width:min(1540px,calc(100% - 8vw));margin:0 auto 9rem;padding-top:8rem;border-top:1px solid rgba(70,232,255,.2)}.label-roster>header h2{margin:0;font:900 clamp(4rem,7vw,8rem)/.82 var(--headline);letter-spacing:-.04em}.label-roster>header h2 em{color:var(--pink);font-style:normal;text-shadow:4px 0 var(--cyan)}.label-roster>header>p:last-child{max-width:420px;color:#98a3b1;font-size:.9rem;line-height:1.7}.artist-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.artist-grid a{position:relative;display:grid;grid-template-columns:110px 1fr;grid-template-rows:auto 1fr auto;gap:.25rem 1rem;min-height:145px;padding:1rem;border:1px solid rgba(255,255,255,.17);background:linear-gradient(120deg,rgba(168,121,255,.08),rgba(2,5,9,.85));text-decoration:none;overflow:hidden;transition:transform .35s var(--ease),border-color .35s}.artist-grid a:hover{z-index:2;border-color:var(--cyan);transform:translateY(-6px) rotate(-1deg);box-shadow:12px 16px 0 rgba(70,232,255,.05),0 25px 60px #000}.artist-grid img{grid-row:1/4;width:110px;height:110px;object-fit:cover;box-shadow:7px 8px 0 rgba(168,121,255,.18)}.artist-grid span{color:var(--cyan);font:700 .42rem var(--mono);letter-spacing:.11em}.artist-grid strong{align-self:center;font:900 1.55rem var(--headline)}.artist-grid small{color:#747f8e;font:800 .43rem var(--mono);letter-spacing:.08em}footer{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;min-height:160px;padding:3rem 5vw;border-top:1px solid rgba(255,255,255,.15);background:#020307;color:#697381;font:700 .5rem var(--mono);letter-spacing:.09em}footer a{font-weight:900;text-decoration:none}footer a:first-child{display:flex;align-items:center;gap:.6rem;color:#fff}footer a:first-child img{width:30px;filter:brightness(0) invert(1)}footer>div{display:flex;justify-self:end;gap:1.2rem}footer>div a{color:var(--cyan)}.toast{position:fixed;z-index:200;left:50%;bottom:1.5rem;padding:.8rem 1.1rem;border:1px solid var(--cyan);background:rgba(2,5,9,.94);font:800 .52rem var(--mono);letter-spacing:.08em;opacity:0;pointer-events:none;transform:translate(-50%,20px);transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}

@keyframes flicker{0%,18%,20%,66%,68%,100%{opacity:1}19%,67%{opacity:.26}}@keyframes fog{to{transform:translateX(5%) scale(1.08)}}@keyframes noise{to{transform:translate(2%,-1%)}}@keyframes pulse{50%{opacity:.35;transform:scale(.75)}}@keyframes chase{0%,25%{filter:brightness(2)}26%,100%{filter:brightness(.4)}}@keyframes orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes spin{to{transform:perspective(500px) rotateX(57deg) rotate(360deg)}}@keyframes speaker{to{transform:scale(1.07);filter:brightness(1.4)}}@keyframes ticker{to{transform:translateX(-58%)}}

@media(max-width:1180px){.music-topbar{grid-template-columns:1fr auto auto}.music-topbar>p{display:none}.machine-body{grid-template-columns:minmax(270px,.8fr) minmax(390px,1.2fr)}.control-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;padding:1.5rem}.status-display,.seek,.queue-display{grid-column:1/-1}.coin-mech{margin-top:0}.mechanism{min-height:650px}.label-roster{grid-template-columns:1fr}.label-roster>header>p:last-child{max-width:620px}}
@media(max-width:820px){.music-topbar{grid-template-columns:1fr auto;padding:0 1rem}.music-topbar nav{display:none}.page-intro{grid-template-columns:1fr;gap:2rem;width:calc(100% - 2.4rem);min-height:700px;padding-top:6rem}.page-intro h1{font-size:clamp(5.3rem,23vw,8rem);line-height:.77}.intro-copy{margin:0}.jukebox-wrap{width:100%;padding-left:.7rem;padding-right:.7rem}.jukebox{padding:10.5rem .7rem .7rem;border-radius:44% 44% 18px 18px/9.5rem 9.5rem 18px 18px}.juke-canopy{height:11rem}.ring-one{height:11rem}.ring-two{height:9.8rem}.ring-three{height:8.4rem}.marquee{top:2.3rem;width:75%;padding:.8rem}.marquee strong{font-size:clamp(2rem,8vw,3.4rem)}.machine-body{display:flex;flex-direction:column}.selector-panel{border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}.title-strips{grid-template-columns:1fr 1fr}.mechanism{min-height:680px;border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}.control-panel{display:flex}.machine-base span{display:none}.machine-base{grid-template-columns:1fr auto 1fr}.machine-help{padding:0 1.5rem;line-height:2}.label-roster{width:calc(100% - 2.4rem);padding-top:6rem}.artist-grid{grid-template-columns:1fr}footer{grid-template-columns:1fr;text-align:center}footer a:first-child{justify-content:center}footer>div{justify-self:center}}
@media(max-width:520px){.room-fx{font-size:0;padding:0 .65rem}.room-fx span{margin:0}.brand small{display:none}.page-intro{min-height:620px}.page-intro h1{font-size:clamp(4.7rem,25vw,6.4rem)}.intro-copy{padding:1.1rem}.jukebox-wrap{padding-bottom:6rem}.jukebox{padding-top:8.8rem}.jukebox::before,.jukebox::after{width:8px;top:6rem}.juke-canopy{height:9rem}.ring-one{height:9rem}.ring-two{height:8rem}.ring-three{height:7rem}.marquee{top:1.6rem;width:83%;padding:.65rem}.marquee small,.marquee span{font-size:.35rem}.marquee strong{font-size:1.9rem}.canopy-lights i{width:5px;height:5px}.selector-panel,.control-panel{padding:1.1rem}.title-strips{grid-template-columns:1fr;gap:.5rem}.mechanism{min-height:560px}.mechanism::before{width:105vw}.record-carriage{top:40%;width:92%}.track-readout{left:5%;right:5%;bottom:14%}.track-readout strong{font-size:1rem}.speaker{display:none}.spectrum{bottom:2%;height:54px}.machine-base{min-height:44px}.machine-help{display:none}.label-roster>header h2{font-size:clamp(3.7rem,19vw,5.5rem)}.artist-grid a{grid-template-columns:88px 1fr;min-height:120px}.artist-grid img{width:88px;height:88px}.artist-grid strong{font-size:1.25rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.noise,.fog,.neon-tube,.canopy-lights i,.mechanism::before,.status-display>span i,.music-topbar>p i,.jukebox.playing .vinyl,.jukebox.playing .speaker,.ticker p{animation:none!important}.jukebox.playing .vinyl{transform:perspective(500px) rotateX(57deg)}.title-strip,.artist-grid a{transition:none}}

/* Mechanical vinyl artist archive */
.record-vault{--artist-accent:#A879FF;position:relative;isolation:isolate;max-width:1480px;margin:auto;padding:12rem 2.1rem 1.2rem;border:3px solid rgba(255,255,255,.65);border-radius:45% 45% 28px 28px/12rem 12rem 28px 28px;background:linear-gradient(90deg,rgba(168,121,255,.12),transparent 10% 90%,rgba(70,232,255,.12)),#06070b;box-shadow:0 0 0 9px #151c25,0 0 0 11px rgba(255,255,255,.38),0 0 65px color-mix(in srgb,var(--artist-accent) 20%,transparent),0 80px 130px #000,inset 0 0 70px #000;transition:--artist-accent .5s}
.record-vault::before,.record-vault::after{content:"";position:absolute;z-index:8;top:8rem;bottom:1rem;width:14px;background:var(--chrome);border:1px solid #8ca2af;box-shadow:0 0 18px currentColor}.record-vault::before{left:7px;color:var(--pink)}.record-vault::after{right:7px;color:var(--cyan)}
.vault-body{position:relative;z-index:3;display:grid;grid-template-columns:minmax(560px,1.45fr) minmax(340px,.72fr);grid-template-rows:auto minmax(650px,auto) auto;border:2px solid rgba(255,255,255,.24);background:linear-gradient(135deg,color-mix(in srgb,var(--artist-accent) 8%,transparent),transparent 38%,rgba(70,232,255,.05)),#05080d;box-shadow:inset 0 0 100px #000,0 24px 60px #000;overflow:hidden}.vault-body::before{content:"";position:absolute;z-index:12;inset:0;pointer-events:none;border:10px solid transparent;border-image:var(--chrome) 20;opacity:.42}
.vault-status{grid-column:1/-1;position:relative;z-index:13;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:2rem;min-height:48px;padding:0 1.35rem;border-bottom:1px solid rgba(255,255,255,.18);background:#080b10;font:800 .43rem var(--mono);letter-spacing:.12em}.vault-status span{color:var(--acid)}.vault-status span i{display:inline-block;width:6px;height:6px;margin-right:.45rem;border-radius:50%;background:var(--acid);box-shadow:0 0 10px var(--acid);animation:pulse 1.2s infinite}.vault-status b{color:var(--cyan)}.vault-status small{color:#697482;font:inherit}
.record-window{position:relative;min-width:0;overflow:hidden;border-right:1px solid rgba(255,255,255,.17);background:radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--artist-accent) 18%,transparent),transparent 32%),linear-gradient(180deg,#070a10,#020307);touch-action:pan-y;cursor:grab;perspective:1200px}.record-window.dragging{cursor:grabbing}.record-window::before{content:"";position:absolute;left:50%;top:47%;width:min(62vw,590px);aspect-ratio:1;border:1px dashed color-mix(in srgb,var(--artist-accent) 35%,transparent);border-radius:50%;transform:translate(-50%,-50%);animation:orbit 26s linear infinite}.record-window::after{content:"";position:absolute;z-index:8;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 13%,rgba(255,255,255,.11) 14%,transparent 25% 68%,rgba(70,232,255,.06) 69%,transparent 76%);mix-blend-mode:screen}.vault-rails i{position:absolute;z-index:0;left:-5%;right:-5%;height:2px;background:linear-gradient(90deg,transparent,#657482 15% 85%,transparent);box-shadow:0 5px 10px #000}.vault-rails i:nth-child(1){top:21%}.vault-rails i:nth-child(2){top:23%}.vault-rails i:nth-child(3){bottom:18%}.vault-rails i:nth-child(4){bottom:20%}
.record-carousel{position:absolute;z-index:4;inset:0}.artist-record{position:absolute;left:50%;top:47%;width:clamp(245px,25vw,360px);aspect-ratio:1;border:0;background:none;color:#fff;cursor:pointer;will-change:transform,opacity,filter;transition:transform .72s var(--ease),opacity .45s,filter .45s;transform-style:preserve-3d}.artist-record::after{content:"";position:absolute;left:8%;right:-35%;bottom:-9%;height:12%;border-radius:50%;background:#000;filter:blur(17px);opacity:.75}.record-sleeve{position:absolute;z-index:3;inset:0;padding:7px;background:linear-gradient(135deg,#f6fbff,#485763 8%,#111820 13%,#677985 95%);box-shadow:0 30px 45px #000,9px 9px 0 color-mix(in srgb,var(--record-color) 26%,transparent);transition:transform .75s var(--ease),box-shadow .4s}.record-sleeve::before{content:"";position:absolute;z-index:3;inset:7px;background:linear-gradient(115deg,rgba(255,255,255,.22),transparent 22% 78%,rgba(0,0,0,.3));pointer-events:none}.record-sleeve img{display:block;width:100%;height:100%;object-fit:cover}.record-sleeve>span{position:absolute;z-index:5;left:16px;top:16px;padding:.38rem .48rem;border:1px solid #fff;background:rgba(2,4,8,.78);font:900 .48rem var(--mono);letter-spacing:.09em;box-shadow:0 0 14px color-mix(in srgb,var(--record-color) 60%,transparent)}.record-sleeve>b{position:absolute;z-index:5;left:16px;right:16px;bottom:15px;padding:.48rem .6rem;background:rgba(2,4,8,.82);font:900 .66rem var(--mono);letter-spacing:.06em;text-align:left}.record-disc{position:absolute;z-index:1;inset:3%;border-radius:50%;background:repeating-radial-gradient(circle,#17191e 0 2px,#030305 3px 6px);box-shadow:0 20px 35px #000,0 0 0 2px #303641;transform:translateX(0) rotate(0);transition:transform .9s var(--ease)}.record-disc::before{content:"";position:absolute;left:50%;top:50%;width:34%;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--record-color),#111,var(--cyan),#111,var(--record-color));box-shadow:inset 0 0 15px #000;transform:translate(-50%,-50%)}.record-disc::after{content:"";position:absolute;left:50%;top:50%;width:5%;aspect-ratio:1;border-radius:50%;background:#eafaff;box-shadow:0 0 8px #fff;transform:translate(-50%,-50%)}.artist-record.active .record-disc{transform:translateX(51%) rotate(32deg);animation:display-record-spin 12s linear infinite}.artist-record.active .record-sleeve{transform:translateX(-16%);box-shadow:0 35px 55px #000,11px 11px 0 color-mix(in srgb,var(--record-color) 38%,transparent),-8px -8px 0 rgba(255,255,255,.06)}.artist-record:not(.active){pointer-events:auto}.artist-record:not(.active) .record-disc{opacity:.6}.artist-record:focus-visible{outline-offset:12px}
.retrieval-arm{position:absolute;z-index:5;right:3%;top:14%;width:22%;height:58%;pointer-events:none;transform:rotate(-18deg);transform-origin:80% 10%;transition:transform .8s var(--ease)}.retrieval-arm i{position:absolute;right:12%;top:0;width:30px;height:30px;border-radius:50%;background:var(--chrome);box-shadow:0 0 0 8px #111820,0 0 20px color-mix(in srgb,var(--artist-accent) 45%,transparent)}.retrieval-arm b{position:absolute;right:23%;top:9%;width:10px;height:78%;border-radius:8px;background:linear-gradient(90deg,#1e2832,#f0fbff,#465763);transform:rotate(-18deg);transform-origin:top}.retrieval-arm span{position:absolute;left:22%;bottom:0;width:54px;height:30px;background:var(--chrome);clip-path:polygon(0 0,100% 22%,88% 100%,12% 100%)}.record-vault.switching .retrieval-arm{transform:rotate(9deg)}.vault-scanner{position:absolute;z-index:7;left:8%;right:8%;top:17%;height:2px;background:#fff;box-shadow:0 0 8px #fff,0 0 26px var(--artist-accent);opacity:.7;animation:vault-scan 4s ease-in-out infinite alternate}
.vault-arrow{position:absolute;z-index:10;top:50%;display:grid;place-items:center;width:68px;height:68px;border:1px solid rgba(255,255,255,.35);background:rgba(3,5,10,.86);cursor:pointer;transform:translateY(-50%) skewX(-5deg);box-shadow:0 12px 30px #000;transition:border-color .25s,box-shadow .25s}.vault-arrow:hover{border-color:var(--artist-accent);box-shadow:0 0 24px color-mix(in srgb,var(--artist-accent) 30%,transparent)}.vault-arrow span{font-size:1.5rem}.vault-arrow small{color:#788492;font:800 .38rem var(--mono);letter-spacing:.08em}.vault-arrow.previous{left:1rem}.vault-arrow.next{right:1rem}
.artist-console{position:relative;z-index:5;display:flex;flex-direction:column;padding:clamp(2rem,3vw,3.4rem);background:linear-gradient(145deg,color-mix(in srgb,var(--artist-accent) 12%,transparent),transparent 42%),#080a10}.artist-console::before{content:"";position:absolute;left:0;top:12%;bottom:12%;width:2px;background:var(--artist-accent);box-shadow:0 0 18px var(--artist-accent)}.artist-code{display:flex;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid color-mix(in srgb,var(--artist-accent) 35%,transparent);font:800 .43rem var(--mono);letter-spacing:.12em}.artist-code span{color:var(--artist-accent)}.artist-code b{color:#6e7988}.artist-genre{margin:3rem 0 .7rem;color:var(--cyan);font:800 .52rem var(--mono);letter-spacing:.14em}.artist-console h2{margin:0;font:900 clamp(3.4rem,5vw,6.3rem)/.8 var(--headline);letter-spacing:-.04em;text-transform:uppercase;text-shadow:4px 0 0 color-mix(in srgb,var(--artist-accent) 35%,transparent)}.artist-console>p:not(.artist-genre){color:#a6b0bd;font-size:.9rem;line-height:1.75}.record-specs{display:grid;margin:1.5rem 0 2rem;border-top:1px solid rgba(255,255,255,.12)}.record-specs span{display:grid;grid-template-columns:80px 1fr;gap:1rem;padding:.8rem 0;border-bottom:1px solid rgba(255,255,255,.1);color:#64717f;font:700 .43rem var(--mono);letter-spacing:.09em}.record-specs b{color:#dce7f1}.artist-console>a{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:1rem 1.1rem;border:1px solid var(--artist-accent);background:color-mix(in srgb,var(--artist-accent) 13%,transparent);font:900 .52rem var(--mono);letter-spacing:.1em;text-decoration:none;transition:background .25s,color .25s,transform .25s}.artist-console>a:hover{background:var(--artist-accent);color:#020307;transform:translateX(5px)}.artist-console>a b{font-size:1.2rem}
.artist-selector{grid-column:1/-1;position:relative;z-index:14;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border-top:1px solid rgba(255,255,255,.17);background:#282f38}.artist-selector button{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.7rem;min-height:74px;padding:.7rem 1rem;border:0;background:#090c12;color:#7f8996;text-align:left;cursor:pointer;transition:background .25s,color .25s}.artist-selector button::before{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--button-color);transform:scaleX(0);transition:transform .3s}.artist-selector button:hover{color:#fff;background:#10151e}.artist-selector button.active{color:#fff;background:linear-gradient(90deg,color-mix(in srgb,var(--button-color) 18%,#090c12),#090c12)}.artist-selector button.active::before{transform:scaleX(1)}.artist-selector span{display:grid;place-items:center;width:37px;height:37px;border:1px solid var(--button-color);color:var(--button-color);font:900 .65rem var(--mono);box-shadow:inset 0 0 14px color-mix(in srgb,var(--button-color) 12%,transparent)}.artist-selector strong{display:grid;gap:.2rem;font:900 .68rem var(--mono);letter-spacing:.04em}.artist-selector small{color:#5e6977;font:700 .38rem var(--mono);letter-spacing:.09em}
.record-vault .machine-base{margin-top:0}.record-vault.switching .vault-scanner{animation:vault-retrieve .65s ease-out}.record-vault.switching .artist-console{filter:brightness(1.2)}
@keyframes display-record-spin{to{transform:translateX(51%) rotate(392deg)}}@keyframes vault-scan{from{transform:translateY(0);opacity:.2}to{transform:translateY(450px);opacity:.8}}@keyframes vault-retrieve{0%{top:15%;opacity:.2}45%{opacity:1}100%{top:78%;opacity:0}}

@media(max-width:1080px){.vault-body{grid-template-columns:1fr;grid-template-rows:auto 650px auto auto}.record-window{border-right:0;border-bottom:1px solid rgba(255,255,255,.17)}.artist-console{min-height:520px}.artist-console h2{font-size:clamp(4rem,9vw,6rem)}.artist-console>a{margin-top:1rem}.artist-selector{grid-template-columns:1fr 1fr}.record-vault{padding-left:1.1rem;padding-right:1.1rem}}
@media(max-width:820px){.record-vault{padding:10.5rem .7rem .7rem;border-radius:44% 44% 18px 18px/9.5rem 9.5rem 18px 18px}.record-vault::before,.record-vault::after{top:7rem;width:9px}.vault-status{grid-template-columns:1fr auto}.vault-status small{display:none}.record-window{min-height:590px}.artist-record{width:min(64vw,330px)}.artist-console{min-height:500px;padding:2rem 1.4rem}.artist-console h2{font-size:clamp(3.7rem,14vw,5.3rem)}.artist-selector button{min-height:68px}.vault-arrow{width:58px;height:58px}.retrieval-arm{display:none}}
@media(max-width:520px){.record-vault{padding-top:8.8rem}.record-vault::before,.record-vault::after{top:6rem}.vault-body{grid-template-rows:auto 500px auto auto}.vault-status{padding:0 .8rem;font-size:.35rem}.record-window{min-height:500px}.record-window::before{width:120vw}.artist-record{width:65vw}.record-sleeve>b{font-size:.48rem}.vault-arrow{top:auto;bottom:.7rem;width:54px;height:54px}.vault-arrow.previous{left:1rem}.vault-arrow.next{right:1rem}.vault-scanner{left:3%;right:3%}.artist-console{min-height:470px}.artist-console h2{font-size:clamp(3.4rem,16vw,4.7rem)}.artist-genre{margin-top:2rem}.artist-selector{grid-template-columns:1fr}.artist-selector button{min-height:60px}.record-vault .machine-base{grid-template-columns:1fr auto 1fr}}
@media(prefers-reduced-motion:reduce){.record-window::before,.vault-scanner,.artist-record.active .record-disc,.vault-status span i{animation:none!important}.artist-record,.record-disc,.record-sleeve,.retrieval-arm{transition:none!important}}
.record-sleeve img{user-select:none;-webkit-user-drag:none}
.brand-lockup{display:block;width:clamp(138px,12vw,176px);height:auto}
footer a:first-child img{width:128px;height:auto;filter:none}
@media(max-width:520px){.brand-lockup{width:124px}footer a:first-child img{width:118px}}

/* Current release archive */
.record-archive{position:relative;width:min(1540px,calc(100% - 8vw));margin:0 auto 10rem;padding-top:8rem;border-top:1px solid rgba(168,121,255,.24);overflow:hidden}
.record-archive::before{content:"CATALOG // CATALOG // CATALOG";position:absolute;z-index:-1;left:-4vw;top:8rem;color:transparent;font:900 clamp(7rem,16vw,18rem)/.7 var(--headline);white-space:nowrap;-webkit-text-stroke:1px rgba(255,255,255,.035);transform:rotate(-3deg)}
.record-archive>header{display:grid;grid-template-columns:1fr minmax(300px,480px);align-items:end;gap:4rem;margin-bottom:3.2rem}.record-archive h2{margin:0;font:900 clamp(4.2rem,8vw,9rem)/.78 var(--headline);letter-spacing:-.05em}.record-archive h2 em{color:var(--cyan);font-style:normal;text-shadow:5px 0 var(--pink)}.archive-intro p{color:#9da7b4;font-size:.95rem;line-height:1.75}.archive-intro nav{display:flex;gap:.6rem;flex-wrap:wrap}.archive-intro a{padding:.65rem .8rem;border:1px solid rgba(70,232,255,.35);color:var(--cyan);font:800 .43rem var(--mono);letter-spacing:.07em;text-decoration:none;text-transform:uppercase}.archive-intro a:hover{background:var(--cyan);color:var(--ink)}
.release-rack{display:grid;grid-template-columns:repeat(4,1fr);gap:1.15rem}.release-rack article{position:relative;display:grid;grid-template-rows:auto auto auto auto auto;align-content:start;gap:.7rem;min-height:510px;padding:1rem;border:1px solid rgba(255,255,255,.17);overflow:hidden;background:linear-gradient(145deg,rgba(168,121,255,.09),rgba(4,7,12,.94) 47%,rgba(70,232,255,.06));box-shadow:0 24px 60px #000;transition:transform .4s var(--ease),border-color .35s}.release-rack article::before{content:"";position:absolute;z-index:3;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.18),transparent 65%);pointer-events:none;transform:translateX(-110%);transition:transform .65s var(--ease)}.release-rack article:hover{z-index:2;border-color:var(--cyan);transform:translateY(-10px) rotate(-1deg)}.release-rack article:hover::before{transform:translateX(110%)}.release-rack article:nth-child(even):hover{transform:translateY(-10px) rotate(1deg)}.release-rack span{color:var(--cyan);font:800 .43rem var(--mono);letter-spacing:.1em}.release-cover{display:block;text-decoration:none}.release-rack img{display:block;width:100%;aspect-ratio:1;object-fit:cover;box-shadow:10px 12px 0 rgba(168,121,255,.13),0 22px 38px #000}.release-rack strong{font:900 clamp(1.35rem,2vw,2.2rem)/.92 var(--headline);letter-spacing:-.02em}.release-rack small{color:#7b8694;font:800 .43rem var(--mono);letter-spacing:.08em}.release-rack article:hover small{color:var(--acid)}.stream-links{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:auto}.stream-links a{padding:.48rem .55rem;border:1px solid rgba(255,255,255,.16);color:#98a4b2;font:800 .38rem var(--mono);letter-spacing:.04em;text-decoration:none;text-transform:uppercase}.stream-links a:hover{border-color:var(--acid);color:var(--acid)}
@media(max-width:1180px){.release-rack{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.record-archive{width:calc(100% - 2.4rem);padding-top:6rem}.record-archive>header{grid-template-columns:1fr;gap:1.4rem}.release-rack{grid-template-columns:repeat(2,1fr)}.release-rack article{min-height:460px}}
@media(max-width:520px){.record-archive h2{font-size:clamp(3.6rem,18vw,5.2rem)}.release-rack{grid-template-columns:1fr}.release-rack article{min-height:0}.release-rack strong{font-size:1.8rem}}
@media(prefers-reduced-motion:reduce){.release-rack article{transition:none}.release-rack article::before{display:none}}