:root{--bg:#101013;--panel:#1b1a1e;--card:#242327;--line:#3b383b;--warm:#f7f2e9;--muted:#b8b0af;--orange:#ff623e;--gold:#dcab62}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--warm);font:400 16px/1.5 'DM Sans',system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.grain{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.04;background-image:url('data:image/svg+xml,%3Csvg viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="n"%3E%3CfeTurbulence type="fractalNoise" baseFrequency=".8" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23n)"/%3E%3C/svg%3E')}::selection{background:var(--orange);color:#100f13}.skip{position:absolute;left:10px;top:-60px;padding:12px;background:#fff;color:#000;z-index:100}.skip:focus{top:10px}a:focus-visible,button:focus-visible,input:focus-visible,[role=button]:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.wrap{width:min(1420px,calc(100% - 80px));margin:auto}.studio-header{min-height:92px;padding:15px max(40px,calc((100vw - 1420px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff26}.brand img{width:190px;max-width:100%;display:block}.header-kicker,.back-home,.eyebrow,.mini-label,.panel-top,.panel-serial,.deck-meta,.player-help,.crate-footer,.track-head,.footer,.intro-stamp span,.file-picker,.album-number,.album-count,.below-line,.seek-row,.speed-button,.volume,.track-number{font:700 11px/1.5 'Space Mono',monospace;letter-spacing:.07em}.header-kicker{color:var(--muted)}.live-led,.orange-led{display:inline-block;width:8px;height:8px;background:var(--orange);border-radius:50%;margin-right:7px;box-shadow:0 0 11px #ff623e88}.sep{color:var(--orange);margin:0 8px}.back-home{font-size:11px}.back-home span{color:var(--orange);margin-left:10px}.back-home:hover{color:var(--gold)}.intro{padding:65px 0 45px;display:flex;align-items:end;gap:40px;justify-content:space-between}.intro-copy{max-width:970px}.eyebrow{color:var(--orange);letter-spacing:.16em;display:flex;gap:10px;flex-wrap:wrap}.eyebrow span{color:#d7c7bb}.intro h1,.crate-head h2,.below h2{font:900 clamp(70px,9.2vw,157px)/.78 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.015em;margin:24px 0;text-transform:uppercase}.intro h1 em,.below h2 em{color:var(--orange);font-style:normal}.intro-copy>p:last-child{max-width:690px;color:#cec7c5;font-size:clamp(15px,1.6vw,19px);line-height:1.65}.intro-stamp{display:flex;flex-direction:column;min-width:175px;padding:25px;border:1px solid #ffffff2c;font:800 26px/1 'Barlow Condensed',sans-serif;transform:rotate(-4deg);text-transform:uppercase}.intro-stamp strong{color:var(--orange);font-size:45px}.intro-stamp span{font-size:9px;line-height:1.6;margin-top:20px;color:var(--muted)}.record-lounge{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);border:1px solid #565055;align-items:stretch;box-shadow:0 40px 95px #0006}.deck-panel{background:radial-gradient(ellipse at 45% 25%,#323036 0,#1d1b20 55%,#121115 95%);padding:26px clamp(20px,2.4vw,38px);border-right:1px solid #4a4549;min-width:0}.panel-top{display:flex;justify-content:space-between;color:#d1c5bc;gap:12px}.panel-top .orange-led{vertical-align:middle}.panel-serial{color:var(--muted)}.turntable-shell{width:100%;padding:13px 0 7px}.deck-stage{width:min(100%,630px);aspect-ratio:1.23/1;position:relative;isolation:isolate;margin:10px auto 0;background:linear-gradient(145deg,#3e3b40 0%,#1c1b20 40%,#0f0f12 100%);border:1px solid #534d50;border-radius:17px;box-shadow:inset 0 2px 4px #ffffff0c,inset 0 -5px 12px #0009,0 24px 35px #0005;overflow:hidden}.deck-stage:before{content:"";position:absolute;inset:14px;border:1px solid #ffffff1d;border-radius:10px;pointer-events:none}.record-wrapper{position:absolute;left:4%;top:4%;height:91%;aspect-ratio:1;max-width:77%;display:grid;place-items:center}.platter{position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,#929197 0 1px,#25242a 2px 3px);box-shadow:0 2px 8px #000,0 0 0 7px #0a0a0c,0 0 0 9px #5d5756,0 0 0 12px #1c191b}.record{position:absolute;inset:2.5%;border-radius:50%;touch-action:none;cursor:grab;background:radial-gradient(circle at center,transparent 0 16%,#141418 16.5% 30%,#0b0b0e 30.5% 33%,#202026 34% 35%,#0d0d10 36% 37%,#1a1a20 38% 39%,#101013 40% 60%,#202027 62%,#07070a 74%,#191a1e 85%,#08080b 100%);box-shadow:inset 0 0 22px #ffffff20,0 1px 16px #000d;will-change:transform;transform:rotate(var(--vinyl-angle,0deg))}.record:active{cursor:grabbing}.record:before{position:absolute;content:"";inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 24deg,#ffffff0c 25deg 31deg,transparent 32deg 130deg,#ffffff12 132deg 140deg,transparent 141deg 220deg,#ffffff0d 221deg 228deg,transparent 229deg 360deg);mix-blend-mode:screen}.record-groove{position:absolute;border:1px solid #ffffff1f;border-radius:50%;pointer-events:none;z-index:2;mix-blend-mode:screen}.groove-a{inset:8%}.groove-b{inset:13%}.groove-c{inset:21%}.record-label{position:absolute;inset:0;border-radius:50%;overflow:hidden;display:grid;place-items:center;border:none;background:#111;box-shadow:inset 0 0 0 1px #ffffff12}.record-label img{height:100%;width:100%;object-fit:cover;filter:saturate(1.03) contrast(1.02)}.record-label:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at center,transparent 0 8%,transparent 9%,#00000015 58%,#0000004d 100%);pointer-events:none}.spindle{width:16px;height:16px;border-radius:50%;position:absolute;background:#e6e6e6;border:4px solid #444;box-shadow:0 0 8px #000;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3}.edge-glint{width:94%;height:94%;border-radius:50%;position:absolute;box-shadow:0 0 0 1px #ffffff13;pointer-events:none}.tonearm{position:absolute;right:10%;top:8%;height:69%;width:14%;transform:rotate(-26deg);transform-origin:50% 10%;transition:transform .5s cubic-bezier(.2,.8,.3,1);z-index:4;pointer-events:none}.is-playing .tonearm{transform:rotate(9deg)}.pivot{width:58%;aspect-ratio:1;border-radius:50%;position:absolute;top:0;left:19%;background:radial-gradient(circle,#777 0 16%,#1a1818 18% 24%,#a9a4a1 25% 28%,#29292d 30% 72%,#666 76%,#161619 84%);box-shadow:0 4px 8px #000a}.arm-rod{position:absolute;left:48%;top:11%;width:7px;height:80%;border-radius:8px;transform:rotate(4deg);transform-origin:center top;background:linear-gradient(90deg,#56504f,#d4c9c0 45%,#393536);box-shadow:2px 1px 8px #000a}.headshell{position:absolute;top:82%;left:41%;height:17%;width:18%;border-radius:3px;background:linear-gradient(90deg,#171618,#aaa2a0,#181819);transform:rotate(15deg)}.needle-point{position:absolute;bottom:-1.5%;left:51%;height:5%;width:2px;background:var(--orange)}.deck-controls-edge{position:absolute;right:4%;bottom:5%;display:flex;flex-direction:column;gap:12px;text-align:right;color:#b4aba7;font:700 9px/1.5 'Space Mono',monospace;letter-spacing:.1em}.deck-controls-edge i{display:inline-block;width:7px;height:7px;background:var(--gold);border-radius:50%;margin-left:4px}.deck-meta{display:flex;justify-content:space-between;gap:12px;color:#c8c1bd;border-bottom:1px solid #ffffff24;padding:16px 0}.deck-meta span:first-child{color:var(--gold)}.player-meta{display:flex;align-items:end;justify-content:space-between;gap:15px;padding-top:17px}.mini-label{color:var(--muted);font-size:10px}.player-meta h2{font:800 clamp(25px,3vw,39px)/1.05 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:3px 0}.player-meta p:last-child{color:#b8b0ae;font-size:13px;margin:0}.playing-equalizer{height:35px;min-width:62px;display:flex;gap:4px;align-items:end}.playing-equalizer i{width:6px;height:20%;background:var(--orange);border-radius:1px}.is-playing .playing-equalizer i{animation:meter .65s ease-in-out infinite alternate}.is-playing .playing-equalizer i:nth-child(2){animation-delay:.22s}.is-playing .playing-equalizer i:nth-child(3){animation-delay:.35s}.is-playing .playing-equalizer i:nth-child(4){animation-delay:.13s}.is-playing .playing-equalizer i:nth-child(5){animation-delay:.44s}@keyframes meter{to{height:90%}}.seek-row{display:flex;align-items:center;gap:12px;color:#b2aaa5;margin:18px 0 24px}.seek-row input{flex:1;min-width:0}input[type=range]{accent-color:var(--orange);cursor:pointer}.player-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.icon-button,.play-button,.speed-button{background:#232125;color:var(--warm);border:1px solid #514b4f;min-height:52px;border-radius:3px;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .2s,border-color .2s}.icon-button{width:52px}.icon-button:hover,.speed-button:hover{border-color:var(--gold);background:#302b2b}.icon-button svg,.play-button svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}.play-button{background:var(--orange);color:#0f0e11;border:0;padding:0 23px;font-weight:800;font-size:13px;min-width:120px}.play-button svg{fill:currentColor;stroke:currentColor}.play-button:hover{background:#ff8060}.control-divider{height:40px;width:1px;background:#ffffff28;margin:0 4px}.speed-button{padding:0 15px;color:var(--gold);font-size:13px}.speed-button small{font-size:9px}.volume{display:flex;gap:12px;align-items:center;color:var(--muted);margin-left:auto}.volume input{width:90px}.player-help{font-size:10px;color:#aaa09e;margin:17px 0 0}.crate-panel{background:#1b191f;padding:clamp(22px,2.8vw,45px);min-width:0}.crate-head h2{font-size:clamp(50px,5.5vw,88px);line-height:.86;margin:14px 0 12px}.crate-head h2 span{color:var(--gold)}.crate-head>p:last-child{color:#c8bebd;font-size:14px;max-width:470px}.album-showcase{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:16px;align-items:center;margin:20px 0 16px;padding:16px;border:1px solid #534b4f;background:linear-gradient(135deg,#2b272d 0%,#1b181d 100%);box-shadow:0 18px 36px #0000002a}.album-showcase-art{width:96px;height:96px;object-fit:cover;background:#101014;border:1px solid #ffffff12}.album-showcase-copy{min-width:0}.album-showcase-copy h3{font:800 clamp(28px,2.7vw,38px)/.92 'Barlow Condensed',sans-serif;margin:5px 0 7px;text-transform:uppercase;letter-spacing:.01em}.album-showcase-copy p{margin:0}.album-showcase-copy #showcase-subtitle{color:#d2c4c0;font-size:13px;line-height:1.55;max-width:48ch}.album-showcase-meta{display:flex;gap:10px;flex-wrap:wrap;padding-top:11px}.album-showcase-meta span,.track-subtitle,.album-pill{display:inline-flex;align-items:center;gap:7px;font:700 10px/1.3 'Space Mono',monospace;letter-spacing:.07em}.album-showcase-meta span{padding:8px 10px;border:1px solid #64575c;background:#17151a;color:#dfd2c9}.showcase-button{min-height:54px;padding:0 18px;border:1px solid var(--orange);background:transparent;color:var(--orange);font:800 11px/1.2 'Space Mono',monospace;letter-spacing:.08em;display:inline-flex;align-items:center;gap:10px;justify-content:center;white-space:nowrap}.showcase-button:hover{background:#ff603a;color:#171216}.showcase-button:disabled{opacity:.45}.album-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:4px 0 23px}.album-card{position:relative;border:1px solid #50474b;background:linear-gradient(135deg,#252228 0%,#1b181d 100%);display:flex;align-items:center;gap:13px;text-align:left;color:var(--warm);padding:12px 13px;min-height:106px;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;min-width:0;overflow:hidden}.album-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ff603a0f,transparent 42%);opacity:0;transition:opacity .2s}.album-card:hover{background:#373037;transform:translateY(-3px);box-shadow:0 12px 25px #0000002a}.album-card:hover:before,.album-card.active:before{opacity:1}.album-card.active{border-color:var(--orange);background:#312427;box-shadow:0 0 0 1px #ff603a22 inset,0 16px 32px #0000002e}.album-card.active .album-name{color:#fff}.album-art{width:78px;height:78px;object-fit:cover;flex:0 0 78px;background:#111;border:1px solid #ffffff12}.album-info{display:flex;flex-direction:column;gap:5px;min-width:0}.album-number{font-size:9px;color:var(--gold)}.album-name{font:800 clamp(17px,1.6vw,21px)/.98 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.015em;overflow-wrap:anywhere}.album-count{font-size:9px;color:#afa5a4}.album-pill{align-self:flex-start;padding:6px 8px;border:1px solid #5d5558;background:#17161b;color:#d7cbc3;margin-top:2px}.track-collection{background:linear-gradient(180deg,#151419 0%,#111015 100%);border:1px solid #50464a;box-shadow:inset 0 1px 0 #ffffff08}.track-head{padding:16px 18px;display:flex;justify-content:space-between;gap:8px;align-items:center;border-bottom:1px solid #4b4446;color:var(--muted)}.track-head #track-count{color:var(--gold)}.track-list{min-height:170px;max-height:410px;overflow:auto;padding:12px;display:grid;gap:10px}.track-item{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;text-align:left;color:#f7f1e8;border:1px solid #443d41;border-radius:8px;background:linear-gradient(135deg,#1a171b 0%,#201c21 100%);padding:14px 15px;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}.track-item:hover{background:#2b2226;border-color:#69535b;transform:translateY(-1px)}.track-item.active{background:linear-gradient(135deg,#35272b 0%,#281e22 100%);border-color:var(--orange);box-shadow:0 0 0 1px #ff603a1f inset,0 8px 24px #00000022}.track-number{width:auto;color:var(--gold);flex:0 0 auto}.track-body{display:flex;flex-direction:column;gap:6px;min-width:0}.track-title{font-size:15px;font-weight:700;line-height:1.25;min-width:0}.track-subtitle{color:#a69b99}.track-action{font:800 10px/1.2 'Space Mono',monospace;color:var(--orange);padding:8px 10px;border:1px solid #5e4746;background:#161317;white-space:nowrap}.track-item.active .track-action{background:var(--orange);color:#151116;border-color:var(--orange)}.track-empty{padding:23px 17px;color:#c1b5b4;line-height:1.65;font-size:13px}.track-empty p{margin:0 0 10px}.track-empty a{color:var(--gold);font-weight:700;text-decoration:underline;text-underline-offset:3px}.loading{color:#c8c0be;padding:20px}.release-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;margin-top:16px;padding:0 18px;border:1px solid #8e7451;color:var(--gold);font:800 11px/1.2 'Space Mono',monospace;letter-spacing:.08em}.release-link:hover{background:#413227}.local-import{border:1px dashed #686167;margin-top:17px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.local-import strong{font:800 20px/1 'Barlow Condensed',sans-serif}.local-import p{color:#ac9e9d;font-size:11px;line-height:1.5;margin:5px 0 0}.file-picker{position:relative;overflow:hidden;border:1px solid var(--gold);color:var(--gold);padding:12px;white-space:nowrap;font-size:10px;cursor:pointer}.file-picker:hover{background:#45342f}.file-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.crate-footer{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-top:21px;color:#98918f;font-size:9px}.crate-footer span{max-width:290px}.crate-footer a{white-space:nowrap;color:var(--gold)}.below{padding:90px 0}.below-line{display:flex;justify-content:space-between;gap:20px;padding-bottom:17px;border-bottom:1px solid #ffffff2e;color:var(--gold)}.below-line a{color:#f9f1e9}.below-grid{display:grid;grid-template-columns:1fr .6fr;align-items:end;gap:50px}.below h2{font-size:clamp(65px,7vw,110px);margin:16px 0}.below-grid>p{color:#c7bcba;max-width:440px;font-size:16px;line-height:1.65}.footer{border-top:1px solid #ffffff2e;padding:30px 40px;display:flex;justify-content:space-between;gap:20px;color:#a9a3a1}.footer a{color:var(--gold)}
@media(max-width:1180px){.wrap{width:calc(100% - 48px)}.studio-header{padding:16px 24px}.header-kicker{display:none}.record-lounge{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}.record-wrapper{max-width:75%}.album-showcase{grid-template-columns:90px minmax(0,1fr)}.showcase-button{grid-column:1/-1}.album-list{grid-template-columns:1fr}}
@media(max-width:850px){.record-lounge{grid-template-columns:1fr}.deck-panel{border-right:0;border-bottom:1px solid #4c4649}.deck-stage{max-width:620px}.intro{align-items:start}.intro-stamp{display:none}.intro h1{font-size:clamp(65px,12vw,100px)}.crate-head h2{font-size:clamp(65px,10vw,92px)}.album-showcase{grid-template-columns:78px minmax(0,1fr)}.album-showcase-art{width:78px;height:78px}.album-showcase-copy h3{font-size:31px}.showcase-button{grid-column:1/-1;width:100%}.below-grid{grid-template-columns:1fr}.below-grid>p{margin:0}}
@media(max-width:600px){.wrap{width:calc(100% - 30px)}.studio-header{padding:12px 15px;min-height:70px}.brand img{width:150px}.back-home{font-size:9px}.intro{padding:45px 0 28px}.intro h1{font-size:clamp(52px,14vw,88px);line-height:.83}.intro-copy>p:last-child{font-size:14px}.deck-panel,.crate-panel{padding:19px 15px}.panel-top{font-size:9px}.deck-stage{aspect-ratio:1.13/1}.record-wrapper{max-width:76%;height:86%;top:7%;left:3.5%}.tonearm{right:8%}.deck-meta{font-size:9px}.player-controls{gap:8px}.icon-button{width:45px;min-height:47px}.play-button{min-height:47px;min-width:95px;padding:0 14px}.control-divider{display:none}.speed-button{min-height:45px}.volume{width:100%;justify-content:space-between;margin-left:0;padding-top:6px}.volume input{width:77%}.album-showcase{grid-template-columns:1fr;padding:14px}.album-showcase-art{width:100%;height:auto;aspect-ratio:1/1;max-width:96px}.album-list{grid-template-columns:1fr}.album-card{min-height:86px}.album-art{height:58px;width:58px;flex-basis:58px}.album-name{font-size:19px}.track-list{padding:10px;max-height:390px}.track-item{grid-template-columns:auto minmax(0,1fr);align-items:start}.track-action{grid-column:2;justify-self:start}.local-import{flex-wrap:wrap}.file-picker{text-align:center;width:100%}.crate-footer{flex-direction:column;align-items:start}.below{padding:65px 0}.below h2{font-size:clamp(54px,13vw,80px)}.below-line{font-size:9px}.footer{padding:25px 15px;flex-wrap:wrap;font-size:9px}.footer span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}

.release-link{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 16px;background:#2b2225;color:#e8af68;border:1px solid #5a4841;border-top:0;font:700 10px/1.4 'Space Mono',monospace;letter-spacing:.06em;transition:background .2s,color .2s}.release-link[hidden]{display:none}.release-link:hover,.release-link:focus-visible{color:#fff;background:#48302b}.release-link span{font-size:18px;line-height:1}