:root{--ink:#080807;--paper:#eee8dc;--warm:#b87539;--muted:#a39d92;--line:rgba(255,255,255,.16)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;background:#050505;color:#f1eee8;font-family:Inter,system-ui,sans-serif;overflow:hidden}button,a{font:inherit}.site-nav{position:fixed;z-index:100;left:0;right:0;top:0;height:76px;padding:0 3vw;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.site-nav button,.site-nav a{pointer-events:auto;background:none;border:0;color:#eee;text-decoration:none;font:500 10px DM Mono,monospace;letter-spacing:.34em;cursor:pointer}.site-nav nav{display:flex;gap:3.1vw;align-items:center}.app-shell{position:fixed;inset:0}.page{position:absolute;inset:0;overflow:hidden;opacity:0;visibility:hidden;transform:scale(1.015);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.7,.1,1),visibility .7s;pointer-events:none}.page--active{opacity:1;visibility:visible;transform:none;pointer-events:auto}.audio-gate{position:fixed;z-index:999;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,#241a12 0,#0b0907 38%,#030303 80%);transition:opacity .7s,visibility .7s}.audio-gate.hidden{opacity:0;visibility:hidden;pointer-events:none}.gate-card{text-align:center;padding:44px}.gate-kicker,.section-num,.mini-label{font:500 9px DM Mono,monospace;letter-spacing:.3em;color:#aaa}.gate-card h1{font:400 clamp(48px,6vw,92px)/.9 Instrument Serif,serif;margin:22px 0 14px}.gate-card h1 em{font-weight:400}.gate-card p{color:#aaa}.gate-button{display:block;margin:28px auto 12px;padding:15px 24px;border:1px solid #eee;border-radius:4px;background:#eee;color:#111;font:500 10px DM Mono,monospace;letter-spacing:.13em;cursor:pointer}.gate-muted{border:0;background:none;color:#777;font:9px DM Mono,monospace;letter-spacing:.15em;cursor:pointer}.ambient-room,.music-room{position:absolute;inset:0;background:radial-gradient(circle at 77% 18%,rgba(197,100,26,.24),transparent 22%),radial-gradient(circle at 15% 45%,rgba(107,80,45,.22),transparent 30%),linear-gradient(110deg,#070706,#17100b 52%,#050504);z-index:-2}.ambient-room:after,.music-room:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.45),transparent 30%,transparent 72%,rgba(0,0,0,.35)),radial-gradient(ellipse at center,transparent 35%,rgba(0,0,0,.72));}.intro-page:after,.music-page:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.09;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.78' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.scribble{position:absolute;font:500 clamp(27px,2.4vw,44px)/1.1 Caveat,cursive;color:#e9e0d1;transform:rotate(-4deg);opacity:.9}.intro-note{left:13vw;top:31vh}.tv-stage{position:absolute;inset:11vh 0 9vh;display:grid;place-items:center}.tv-set{width:min(44vw,700px);min-width:480px;filter:drop-shadow(0 35px 55px #000)}.tv-bezel{aspect-ratio:1.18;background:linear-gradient(145deg,#28251f,#0e0e0d 40%,#27231d);border-radius:20px;padding:6.5% 6.5% 11%;position:relative;box-shadow:inset 0 0 0 2px #39342c,0 0 0 1px #070707}.tv-screen{height:100%;position:relative;overflow:hidden;border-radius:15%/11%;background:#050505;box-shadow:inset 0 0 60px #000,0 0 0 12px #090909}.tv-screen:after{content:"";position:absolute;inset:0;z-index:12;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.56)),repeating-linear-gradient(0deg,rgba(0,0,0,.12) 0 2px,rgba(255,255,255,.025) 3px 4px);pointer-events:none}.signal-layer{position:absolute;inset:0;z-index:10;pointer-events:none}.signal-layer--snow{opacity:.18;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' seed='9'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23s)'/%3E%3C/svg%3E");animation:snow .12s steps(2) infinite}.signal-layer--tear{opacity:0;background:linear-gradient(transparent 35%,rgba(255,255,255,.14) 36%,rgba(0,0,0,.7) 38%,transparent 42%);animation:tear 4.2s steps(1) infinite}.signal-layer--scan{background:linear-gradient(transparent 0 48%,rgba(255,255,255,.08) 50%,transparent 52%);opacity:.15;animation:scan 5s linear infinite}.montage{position:absolute;inset:0}.montage figure{position:absolute;inset:0;margin:0;opacity:0;overflow:hidden}.montage img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);filter:sepia(.38) saturate(.48) contrast(.86) brightness(1.08) grayscale(.1);mix-blend-mode:screen}.tv-set.playing .montage figure{animation:memory 12.5s linear forwards}.tv-set.playing .montage figure:nth-child(1){animation-delay:.15s}.tv-set.playing .montage figure:nth-child(2){animation-delay:2.45s}.tv-set.playing .montage figure:nth-child(3){animation-delay:4.75s}.tv-set.playing .montage figure:nth-child(4){animation-delay:7.05s}.tv-set.playing .montage figure:nth-child(5){animation-delay:9.35s}.tv-set.playing .montage figure:nth-child(odd) img{animation:driftA 2.25s ease-out both}.tv-set.playing .montage figure:nth-child(even) img{animation:driftB 2.25s ease-out both}.tv-copy{position:absolute;inset:0;display:grid;place-content:center;gap:22px;text-align:center;z-index:15}.tv-copy span{font:500 12px DM Mono,monospace;letter-spacing:.16em}.play-intro{justify-self:center;border:1px solid #eee;background:rgba(0,0,0,.35);color:#eee;padding:12px 22px;font:500 11px DM Mono,monospace;letter-spacing:.14em;cursor:pointer}.tv-set.playing .tv-copy{display:none}.signal-lost{display:none;position:absolute;inset:0;z-index:20;place-items:center;font:500 12px DM Mono,monospace;letter-spacing:.25em;color:#ddd;background:rgba(0,0,0,.12)}.signal-lost.show{display:grid;animation:badSignal .45s steps(2) 4}.tv-footer{position:absolute;left:6.5%;right:6.5%;bottom:3.8%;height:34px;border-top:1px solid #292721;display:flex;align-items:center;justify-content:center;color:#555;font:600 15px serif;letter-spacing:.08em}.tv-footer i{position:absolute;right:7%;width:5px;height:5px;border-radius:50%;background:#e33322;box-shadow:0 0 9px #f33}.sound-note{position:absolute;bottom:3vh;left:50%;transform:translateX(-50%);font:8px DM Mono,monospace;letter-spacing:.2em;color:#aaa}.page-next,.page-back{position:absolute;z-index:80;bottom:3vh;border:0;background:none;color:#ddd;font:500 9px DM Mono,monospace;letter-spacing:.2em;text-decoration:none;cursor:pointer}.page-next{right:3vw}.page-back{left:3vw}.page-next:disabled{opacity:0;pointer-events:none}.music-room{background:radial-gradient(circle at 87% 13%,rgba(229,123,29,.35),transparent 17%),linear-gradient(105deg,#090806,#21170f 50%,#0b0805)}.deck-wrap{position:absolute;left:17%;right:18%;top:13%;height:55%;display:grid;place-items:center}.turntable{position:relative;width:min(74vw,1020px);aspect-ratio:1.78;background:linear-gradient(145deg,#f2f0ea,#cfcac0 72%,#aaa49a);border-radius:4px;box-shadow:0 38px 70px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.7);transform:perspective(1200px) rotateX(55deg) rotateZ(-1deg);transform-style:preserve-3d}.platter{position:absolute;width:58%;aspect-ratio:1;left:8%;top:5%;border-radius:50%;background:#222;box-shadow:0 0 0 9px #aab8b3,0 15px 25px rgba(0,0,0,.6)}.record{position:absolute;inset:1.7%;border-radius:50%;background:repeating-radial-gradient(circle,#080808 0 3px,#151515 4px 6px);box-shadow:inset 0 0 18px #000}.record.spinning{animation:spin 2.4s linear infinite}.record-label{position:absolute;left:50%;top:50%;width:29%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;background:#ddd2bd;color:#1d1a17}.record-label em{font:600 28px Caveat,cursive}.record-label span{font:500 8px DM Mono,monospace;letter-spacing:.22em}.tonearm{position:absolute;right:6%;top:3%;width:38%;height:82%;border:0;background:transparent;cursor:grab;transform-origin:82% 15%;transition:transform 1.2s cubic-bezier(.16,.8,.18,1);z-index:12}.tonearm:active{cursor:grabbing}.tonearm-pivot{position:absolute;right:5%;top:4%;width:66px;height:66px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#555,#111 38%,#050505 70%);box-shadow:0 0 0 9px #171717,0 12px 18px rgba(0,0,0,.45)}.tonearm-counterweight{position:absolute;right:0;top:0;width:46px;height:46px;border-radius:50%;background:linear-gradient(90deg,#111,#555,#111)}.tonearm-tube{position:absolute;right:14%;top:13%;width:13px;height:75%;border-radius:12px;background:linear-gradient(90deg,#1b1b1b,#bdbdbd 45%,#222);transform:rotate(31deg);transform-origin:top;box-shadow:2px 2px 3px #000}.tonearm-head{position:absolute;left:20%;bottom:3%;width:52px;height:32px;background:#121212;border-radius:8px;transform:rotate(31deg);box-shadow:0 5px 8px #000}.tonearm-head i{position:absolute;left:7px;bottom:-8px;width:3px;height:11px;background:#b7a07b}.tonearm.dropped{transform:rotate(-29deg)}.turntable-mark{position:absolute;right:5%;bottom:7%;color:#777;font:400 36px Instrument Serif,serif}.needle-note{left:5vw;top:20vh}.record-copy{position:absolute;right:6vw;top:26vh;display:flex;flex-direction:column;font-family:Caveat,cursive;transform:rotate(-2deg)}.record-copy span{font-size:25px}.record-copy strong,.record-copy em{font-size:38px;font-weight:500}.player-card{position:absolute;left:50%;bottom:8vh;transform:translate(-50%,30px);width:min(420px,55vw);padding:18px 22px;background:rgba(5,5,5,.84);border:1px solid #3c3933;backdrop-filter:blur(15px);opacity:0;pointer-events:none;transition:.45s;border-radius:4px;text-align:center}.player-card.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}.player-card>span{font:8px DM Mono,monospace;letter-spacing:.2em;color:#aaa}.player-card strong{display:block;font:400 34px Instrument Serif,serif}.player-card small{color:#aaa}.progress{height:2px;background:#444;margin:13px 0}.progress i{display:block;width:0;height:100%;background:#eee}.player-card button{border:0;background:none;color:#aaa;font:8px DM Mono,monospace;letter-spacing:.18em;cursor:pointer}.artist-drawer{position:absolute;z-index:70;inset:12vh 6vw 6vh;background:rgba(6,6,5,.96);border:1px solid #302f2b;backdrop-filter:blur(24px);padding:3vw;transform:translateY(110%);transition:transform .75s cubic-bezier(.16,.8,.18,1);box-shadow:0 -30px 90px #000}.artist-drawer.open{transform:none}.drawer-head{display:flex;justify-content:space-between}.drawer-head h2{font:400 clamp(42px,5vw,72px)/.9 Instrument Serif,serif;margin:8px 0 30px}.drawer-head button{background:none;border:0;color:#eee;font-size:30px;cursor:pointer}.artist-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:2vw}.artist-card{background:none;border:0;color:#eee;display:flex;align-items:center;flex-direction:column;gap:12px;cursor:pointer}.mini-record{display:block;width:min(11vw,150px);aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#090909 0 3px,#181818 4px 7px);box-shadow:0 8px 25px #000;transition:transform .4s}.artist-card:hover .mini-record{transform:rotate(24deg) translateY(-5px)}.artist-card strong{font:500 9px DM Mono,monospace;letter-spacing:.16em}.artist-card small{color:#777}.placeholder{opacity:.45}.drawer-actions{display:flex;justify-content:center;gap:16px;margin-top:35px}.drawer-actions a,.drawer-actions button{border:1px solid #666;border-radius:999px;background:none;color:#eee;text-decoration:none;padding:13px 18px;font:500 9px DM Mono,monospace;letter-spacing:.13em;cursor:pointer}.content-page{background:#080807}.content-wrap{height:100%;padding:13vh 6vw 8vh;overflow:auto}.content-wrap h2,.about-text h2{font:400 clamp(56px,7vw,105px)/.88 Instrument Serif,serif;margin:15px 0 4vh}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #292929;border-left:1px solid #292929}.work-grid article{min-height:260px;padding:25px;border-right:1px solid #292929;border-bottom:1px solid #292929}.work-grid article>span,.work-grid small{font:9px DM Mono,monospace;color:#777}.work-grid h3{font:400 42px Instrument Serif,serif;margin:32px 0 8px}.work-grid p{color:#999;max-width:450px}.work-grid strong{display:block;font:400 45px Instrument Serif,serif;margin-top:25px}.about-wrap{height:100%;padding:13vh 8vw 8vh;display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw;align-items:center}.about-photo{height:68vh;overflow:hidden}.about-photo img{width:100%;height:100%;object-fit:cover;filter:sepia(.2) saturate(.7)}.about-text p{max-width:670px;color:#aaa;line-height:1.7}.about-text h2{font-size:clamp(50px,6vw,92px)}@keyframes snow{50%{transform:translate(2px,-1px)}}@keyframes tear{0%,86%{opacity:0;transform:translateY(-30%)}87%,90%{opacity:.7;transform:translateY(10%)}91%,94%{opacity:.2;transform:translateY(55%)}95%,100%{opacity:0}}@keyframes scan{from{transform:translateY(-70%)}to{transform:translateY(70%)}}@keyframes memory{0%,2%{opacity:0}4%,15%{opacity:1}17%,100%{opacity:0}}@keyframes driftA{from{transform:scale(1.1) translate(-1%,1%)}to{transform:scale(1.03) translate(1%,-1%)}}@keyframes driftB{from{transform:scale(1.03) translate(1%,-1%)}to{transform:scale(1.1) translate(-1%,1%)}}@keyframes badSignal{0%{transform:translateX(-7px);filter:blur(0)}50%{transform:translateX(9px);filter:blur(1px)}100%{transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:850px){.site-nav nav{gap:16px}.site-nav nav button:nth-child(1),.site-nav nav button:nth-child(2){display:none}.tv-set{width:88vw;min-width:0}.intro-note,.needle-note,.record-copy{display:none}.deck-wrap{left:3vw;right:3vw;top:19%;height:45%}.turntable{width:94vw}.artist-grid{grid-template-columns:repeat(5,1fr);gap:5px}.artist-card strong{font-size:6px}.mini-record{width:16vw}.drawer-actions{flex-direction:column}.work-grid{grid-template-columns:1fr}.about-wrap{grid-template-columns:1fr;padding-top:10vh;overflow:auto}.about-photo{height:35vh}.player-card{bottom:12vh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}