.scene{padding:116px 0;min-height:900px;display:flex;align-items:center;isolation:isolate}
    .scene-bg{position:absolute;inset:-8% -5%;z-index:-3;background:var(--scene) center/cover no-repeat;filter:saturate(.8) contrast(1.08);transform:scale(1.07) translateY(calc(var(--parallax,0) * 34px));will-change:transform}
    .scene::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#050407 0 11%,rgba(5,4,7,.58) 44%,rgba(5,4,7,.14) 70%,#050407 100%),linear-gradient(180deg,#050407,transparent 17%,transparent 79%,#050407)}
    .scene::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 80% 36%,rgba(143,42,184,.24),transparent 27rem)}
    .scene-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:44px}.scene-head .copy{margin:0}

    .event-stage{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:18px}
    .next-event{min-height:545px;padding:40px;display:flex;flex-direction:column;justify-content:flex-end;border-top:1px solid rgba(231,182,98,.35);border-bottom:1px solid rgba(181,72,224,.25);background:linear-gradient(90deg,rgba(7,5,9,.82),rgba(7,5,9,.18));backdrop-filter:blur(3px)}
    .meta{color:var(--amber);font-size:.65rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
    .next-event h3{margin:15px 0 10px;font-family:var(--serif);font-size:clamp(3.2rem,5vw,5.8rem);font-weight:400;line-height:.92}.next-event p{max-width:500px;margin:0;color:#c0b7c2;line-height:1.65}.next-event .btn{align-self:flex-start;margin-top:27px}
    .event-rail{display:grid;gap:12px}.event-note{padding:26px;border:1px solid rgba(255,255,255,.075);background:rgba(8,6,10,.72);backdrop-filter:blur(8px)}.event-note h3{margin:13px 0 8px;font-family:var(--serif);font-size:2rem;font-weight:400}.event-note p{margin:0;color:var(--muted);line-height:1.58}
    .event-archive-mini{position:relative;min-height:190px;overflow:hidden;border:1px solid rgba(255,255,255,.075);display:flex;align-items:flex-end;padding:20px}.event-archive-mini::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(5,4,7,.94)),var(--img) center/cover no-repeat;filter:saturate(.82);transition:transform .55s ease}.event-archive-mini:hover::before{transform:scale(1.04)}.event-archive-mini div{position:relative;z-index:1}.event-archive-mini strong{display:block;font-family:var(--serif);font-size:1.7rem;font-weight:400}.event-archive-mini small{display:block;margin-top:5px;color:#aaa2ad}

    .soundtrack{padding:122px 0 128px;isolation:isolate}
    .soundtrack::before{content:"";position:absolute;inset:-5% -3%;z-index:-4;background:linear-gradient(90deg,#050407 0,rgba(5,4,7,.72) 37%,rgba(5,4,7,.18) 73%,#050407),linear-gradient(180deg,#050407,transparent 18%,transparent 81%,#050407),url('assets/sound-turntable.jpg') center/cover no-repeat;filter:saturate(.75) contrast(1.08);transform:translateY(calc(var(--parallax,0) * 25px)) scale(1.05)}
    .soundtrack::after{content:"";position:absolute;inset:0;z-index:-3;background:radial-gradient(circle at 66% 42%,rgba(154,46,196,.3),transparent 31rem),radial-gradient(circle at 84% 60%,rgba(255,111,27,.1),transparent 22rem)}
    .soundtrack-head{display:flex;align-items:end;justify-content:space-between;gap:34px;margin-bottom:44px}.soundtrack-head .copy{margin:0}
    .sound-system{display:grid;grid-template-columns:minmax(330px,.72fr) minmax(580px,1.28fr);gap:26px;align-items:stretch}
    .record-library{padding:28px;border:1px solid rgba(255,255,255,.075);background:linear-gradient(180deg,rgba(10,7,13,.86),rgba(6,5,8,.9));box-shadow:var(--shadow);backdrop-filter:blur(12px)}
    .library-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:21px}.library-head h3{margin:0;font-family:var(--serif);font-size:2rem;font-weight:400}.library-head span{color:#8f8792;font-size:.58rem;letter-spacing:.15em;text-transform:uppercase}
    .sleeves{display:grid;grid-template-columns:1fr 1fr;gap:12px}
    .record-sleeve{position:relative;min-width:0;aspect-ratio:1/1.1;padding:10px 10px 14px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#09070b;cursor:grab;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.record-sleeve:active{cursor:grabbing}.record-sleeve::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,3,5,.03),rgba(4,3,5,.88)),var(--cover) center/cover no-repeat;filter:saturate(.76) contrast(1.07);transition:transform .45s ease}.record-sleeve:hover,.record-sleeve.selected{transform:translateY(-3px);border-color:rgba(218,164,81,.46);box-shadow:0 17px 38px rgba(0,0,0,.28)}.record-sleeve:hover::before,.record-sleeve.selected::before{transform:scale(1.035)}
    .sleeve-vinyl{position:absolute;right:-27%;top:8%;width:72%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#111 0 2px,#050505 3px 5px);box-shadow:-10px 8px 25px rgba(0,0,0,.58);transition:right .32s ease,transform .32s ease}.sleeve-vinyl::after{content:"";position:absolute;inset:36%;border-radius:50%;background:var(--cover) center/cover no-repeat;border:2px solid rgba(255,255,255,.08)}.record-sleeve:hover .sleeve-vinyl,.record-sleeve.selected .sleeve-vinyl{right:-10%;transform:rotate(18deg)}
    .record-sleeve>*:not(.sleeve-vinyl){position:relative;z-index:1}.record-sleeve strong{display:block;max-width:72%;font-family:var(--serif);font-size:1.25rem;font-weight:400}.record-sleeve small{display:block;margin-top:5px;color:#a79fab;font-size:.63rem;letter-spacing:.1em;text-transform:uppercase}.drag-note{margin:18px 0 0;color:#7f7682;font-size:.68rem;line-height:1.55}.drag-note b{color:var(--amber);font-weight:600}
    .deck-panel{position:relative;min-height:650px;padding:32px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);gap:24px;border:1px solid rgba(188,75,229,.24);background:linear-gradient(145deg,rgba(11,8,14,.93),rgba(5,4,7,.96));box-shadow:var(--shadow);overflow:hidden}.deck-panel::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 26% 43%,rgba(146,45,185,.17),transparent 26rem),linear-gradient(120deg,transparent 48%,rgba(226,164,68,.05));pointer-events:none}.deck-panel.drop-ready{border-color:rgba(237,181,88,.72);box-shadow:0 0 0 4px rgba(225,159,54,.09),var(--shadow)}
    .turntable{position:relative;min-height:520px;align-self:center;border-radius:18px;background:linear-gradient(145deg,#17141a,#070608 68%);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px rgba(255,255,255,.04),0 22px 55px rgba(0,0,0,.42);overflow:hidden}.turntable::before{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.035);border-radius:13px}.platter{position:absolute;left:8%;top:50%;width:68%;aspect-ratio:1;border-radius:50%;transform:translateY(-50%);background:radial-gradient(circle at center,#171717 0 4%,#090909 4.5% 10%,#171717 10.5% 11%,#050505 11.5% 48%,#171717 48.5% 49%,#030303 49.5% 100%);box-shadow:0 0 0 7px #111,0 0 0 9px #27232b,0 20px 45px rgba(0,0,0,.55)}
    .vinyl{position:absolute;inset:4%;border-radius:50%;background:repeating-radial-gradient(circle,#111 0 2px,#050505 3px 5px);box-shadow:inset 0 0 20px rgba(255,255,255,.035),0 0 36px rgba(0,0,0,.58)}.vinyl::before{content:"";position:absolute;inset:34%;border-radius:50%;background:var(--label-image,url('assets/artist-aisak.jpg')) center/cover no-repeat;border:3px solid #111;box-shadow:0 0 0 2px rgba(225,163,67,.35)}.vinyl::after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;border-radius:50%;background:#d6b56f;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #0c0b0d}.deck-panel.playing .vinyl{animation:vinylSpin 3s linear infinite}@keyframes vinylSpin{to{transform:rotate(360deg)}}
    .tonearm-base{position:absolute;right:6%;top:12%;width:18%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#2c2830 0 18%,#0a090b 19% 48%,#26222a 49% 55%,#0b090c 56%);box-shadow:0 7px 22px rgba(0,0,0,.4)}
    .tonearm{position:absolute;right:12%;top:22%;width:8px;height:56%;border-radius:8px;background:linear-gradient(90deg,#8c858d,#d4ced5,#6c666e);transform-origin:50% 5%;transform:rotate(-23deg);transition:transform .7s cubic-bezier(.22,.78,.24,1);box-shadow:0 4px 8px rgba(0,0,0,.5)}.tonearm::after{content:"";position:absolute;left:-7px;bottom:-13px;width:22px;height:30px;border-radius:4px;background:#262329;border:1px solid #5d5760}.deck-panel.playing .tonearm{transform:rotate(3deg)}
    .deck-button{position:absolute;right:8%;bottom:8%;width:52px;height:52px;border:1px solid rgba(227,171,80,.44);border-radius:50%;background:#0b090c;color:var(--amber);font-size:1rem;box-shadow:0 0 20px rgba(218,153,48,.1)}
    .deck-button::before{content:"";position:absolute;inset:7px;border:1px solid rgba(255,255,255,.06);border-radius:50%}
    .deck-copy{position:relative;z-index:1;align-self:end;padding:14px 0 6px}.deck-copy .meta{display:block}.deck-copy h3{margin:14px 0 8px;font-family:var(--serif);font-size:clamp(2.5rem,4vw,4.8rem);font-weight:400;line-height:.95}.deck-copy p{margin:0;color:var(--muted);line-height:1.58}.now-playing{margin-top:25px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}.now-playing strong{display:block;color:#e7dfe8;font-size:.72rem;letter-spacing:.15em;text-transform:uppercase}.now-playing span{display:block;margin-top:7px;color:#8d8490;font-size:.72rem}.play-main{width:100%;margin-top:20px}.play-main[aria-pressed="true"]{border-color:rgba(214,159,68,.72);color:#090707;background:linear-gradient(105deg,#b9812e,#e2ad50 53%,#c88c32)}