@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#151513;--cream:#eeeadd;--red:#f15a39;--display:'Barlow Condensed',Impact,sans-serif;--muted:#aaa79e;--line:#ffffff24}
body{background:var(--bg)}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:8;opacity:.045;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='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.65' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}header{height:98px;background:var(--bg);padding:0 4%;border-color:#ffffff1a}.brand{gap:15px}.vd-mark{width:48px;height:40px;color:var(--red);flex-shrink:0}.wordmark{font:800 23px/.86 var(--display);letter-spacing:-.4px;position:relative}.wordmark:after{content:'';position:absolute;left:0;right:0;height:2px;background:var(--bg);top:14px;transform:rotate(-7deg)}nav{font-size:12px;gap:35px}nav a{position:relative}nav a:after{content:'';position:absolute;width:0;height:1px;bottom:-8px;left:0;background:var(--red);transition:width .25s}nav a:hover:after{width:100%}.library-button{font-size:11px}.library-button>span:last-child{border-radius:50%;background:#eeeadd15}
.sound-map{height:clamp(680px,calc(100svh - 98px),900px);min-height:680px;position:relative;overflow:hidden;padding:25px 4% 0;background:radial-gradient(ellipse at 56% 50%,#24231d44,transparent 60%),var(--bg)}.map-top{display:flex;justify-content:space-between;align-items:center}.map-top>.eyebrow{font-size:8px;letter-spacing:2px;margin:0}.map-top button{font-size:9px;color:var(--muted)}.map-heading{position:absolute;top:100px;left:4%;z-index:1;pointer-events:none}.map-heading h1{font-family:var(--display);font-weight:800;font-size:clamp(62px,7.8vw,126px);letter-spacing:-.035em;line-height:.86;margin:0 0 22px}.map-heading h1 span{color:var(--cream)}.map-heading p{font:14px/1.6 Georgia,serif;letter-spacing:.2px;color:#bbb7ab}.interference{position:absolute;inset:125px -5% auto;width:110%;height:65%;overflow:visible;pointer-events:none}.interference path{stroke:var(--red);stroke-width:.7;fill:none;vector-effect:non-scaling-stroke}.interference g{transform-origin:center;animation:interference 16s ease-in-out infinite alternate}.is-playing .interference g{animation-duration:7s}@keyframes interference{from{transform:translateY(-9px) scaleY(.96)}to{transform:translateY(12px) scaleY(1.09)}}.map-waypoint{position:absolute;font-size:8px;letter-spacing:2px;z-index:1;color:#c5c0b1}.map-waypoint span{display:block;width:1px;height:33px;background:#d9d2bd66;margin:9px auto}.map-waypoint span:after{content:'';display:block;width:5px;height:5px;background:var(--red);border-radius:50%;position:relative;top:32px;left:-2px}.waypoint-one{left:39%;top:37%}.waypoint-two{right:8%;top:16%}.song-node{position:absolute;display:flex;align-items:center;gap:20px;z-index:2}.node-disc{padding:7px;border:1px solid #eeeadd5a;border-radius:50%;position:relative;width:150px;aspect-ratio:1;flex-shrink:0;background:#171715;box-shadow:0 0 0 8px #15151388,0 16px 40px #0007;transition:transform .4s,border-color .4s}.node-disc:hover,.node-disc.active{border-color:var(--red);transform:scale(1.045)}.node-disc img{width:100%;height:100%;object-fit:cover;border-radius:50%;filter:saturate(.65);transition:filter .4s}.node-disc:hover img,.node-disc.active img{filter:saturate(1)}.node-disc:after{content:'';position:absolute;inset:42%;border:1px solid #ffffff88;background:#151513aa;border-radius:50%;pointer-events:none}.node-play{position:absolute;inset:0;display:grid;place-items:center;color:var(--cream);z-index:1;font-size:11px}.node-caption{max-width:215px}.node-caption>.eyebrow{font-size:7px;letter-spacing:1.6px;color:var(--muted);display:block;margin-bottom:12px}.node-caption>button:not(.map-save){display:block;text-align:left;padding:0;font:22px/1.1 Georgia,serif;text-wrap:balance}.node-caption small{font-size:10px;color:#b8b4a9;display:block;margin-top:8px}.node-caption .map-save{display:block;font-size:10px;margin-top:14px;border-top:1px solid #ffffff33;padding:10px 0 0}.node-0{left:39%;top:42%}.node-0 .node-disc{width:clamp(200px,18vw,280px);border-color:var(--red);padding:10px}.node-0 .node-caption>button:not(.map-save){font-size:30px}.node-0 .node-play{inset:auto 2% 2% auto;width:48px;height:48px;background:var(--red);border-radius:50%;color:#151513;font-size:14px}.node-1{left:6%;top:61%;gap:15px}.node-1 .node-disc{width:115px}.node-1 .node-caption{max-width:145px}.node-1 .node-caption>button:not(.map-save){font-size:19px}.node-2{left:62%;top:13%;gap:18px}.node-2 .node-disc{width:132px}.node-2 .node-caption{max-width:210px}.node-3{right:5%;top:76%;gap:15px}.node-3 .node-disc{width:86px}.node-3 .node-caption{max-width:210px}.node-3 .node-caption>button:not(.map-save){font-size:18px}.node-3 .node-caption>.eyebrow{display:none}.map-bottom{position:absolute;left:4%;right:4%;bottom:25px;display:flex;align-items:flex-end;gap:30px}.frequency-control>.eyebrow{display:block;font-size:7px;color:var(--muted);margin-bottom:12px}.frequency-control>div{display:flex;gap:18px}.frequency{padding:0 0 7px;font-size:12px;border-bottom:1px solid #ffffff30}.frequency.selected{color:var(--red);border-color:var(--red)}.map-bottom>.text-button{font-size:10px;margin-bottom:0}.map-scroll{margin-left:auto;font-size:8px;color:var(--muted)}
.map-recommendations{padding:12px 4% 28px;border-bottom:1px solid var(--line);background:#121210}.map-recommendations .recommend-heading{margin:5px 0 10px;font-size:8px}.map-recommendations #recommendations{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.map-recommendations .track-row{border:0;gap:10px;min-width:0;padding:5px 0}.map-recommendations .track-number,.map-recommendations .track-length,.map-recommendations .track-tag,.map-recommendations .icon-button{display:none}.map-recommendations .track-title{font-size:11px}.map-recommendations .track-cover{width:36px;height:36px}.identity-ribbon{display:flex;align-items:center;justify-content:space-between;background:var(--cream);color:#191916;padding:24px 4%;font:700 clamp(17px,2.1vw,33px)/1 var(--display);letter-spacing:-.3px}.identity-ribbon .vd-mark{color:#191916;width:37px}.listening-desk{padding:80px 4% 65px;overflow:hidden;background:radial-gradient(ellipse at 58% 40%,#34312a65,transparent 65%),#1d1c19;border-bottom:1px solid var(--line)}.desk-top{display:flex;justify-content:space-between;align-items:flex-end}.desk-top .eyebrow{color:var(--red);font-size:9px}.desk-top h2{font-family:var(--display);font-size:64px;font-weight:600;line-height:.95;letter-spacing:-1.5px}.desk-top h2 em{font:italic 44px/1.1 Georgia,serif;letter-spacing:-2px}.desk-top>p{font-size:11px;line-height:1.7;color:var(--muted);margin:0}.desk-stage{position:relative;display:grid;grid-template-columns:29% 53% 18%;align-items:center;min-height:550px;padding-block:40px;gap:0}.desk-info{position:relative;z-index:2;align-self:center;padding-right:25px}.desk-counter{font-size:8px;color:var(--muted);margin-bottom:19px}.desk-info h3{font:46px/.95 var(--display);font-weight:600;letter-spacing:-1px;margin-bottom:13px}.desk-info #desk-artist{font-size:9px;text-transform:uppercase;letter-spacing:1.2px;line-height:1.7;color:var(--red)}#desk-description{font-size:12px;color:var(--muted);line-height:1.7;margin:18px 0}.desk-track{display:flex;align-items:center;text-align:left;gap:12px;width:100%;padding:14px 0;border-bottom:1px solid var(--line);font-size:11px}.desk-track>span:first-child{color:var(--red);font-size:8px}.desk-track b{font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desk-track>span:last-child{margin-left:auto}.desk-info>.primary{margin-top:25px;padding:13px 17px}.desk-info>.text-button{font-size:10px;display:block;margin-top:8px}.record-object{height:440px;position:relative;display:flex;align-items:center;perspective:1000px}.desk-cover{width:72%;aspect-ratio:1;object-fit:cover;position:relative;z-index:2;transform:rotate(-8deg);box-shadow:2px 9px 15px #0009,0 0 0 1px #ffffff25;transition:transform .7s}.record-object:hover .desk-cover{transform:rotate(-4deg) translateX(-10px)}.desk-vinyl{position:absolute;width:76%;aspect-ratio:1;border-radius:50%;right:-1%;background:repeating-radial-gradient(circle,#151515 0px,#151515 2px,#272725 3px,#161616 4px);box-shadow:10px 16px 25px #0009;border:2px solid #32322e;display:grid;place-items:center}.desk-vinyl:after{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent 10%,#eeeadd18 20%,transparent 27%,transparent 55%,#eeeadd12 65%,transparent 70%)}.record-label{width:32%;aspect-ratio:1;border-radius:50%;overflow:hidden;position:relative}.record-label img{width:100%;height:100%;object-fit:cover}.record-label:after{content:'';position:absolute;inset:44%;background:#111;border-radius:50%;border:1px solid #eeeadd}.is-playing .desk-vinyl{animation:spin 16s linear infinite}.record-sticker{position:absolute;right:0;bottom:25px;z-index:3;width:80px;height:80px;background:var(--red);color:#151513;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font:700 12px/1.3 var(--display);letter-spacing:1px;transform:rotate(12deg)}.session-slip{margin-left:25px;transform:rotate(6deg);background:#e7e1d0;color:#282820;padding:26px 20px;box-shadow:5px 8px 20px #0008;min-height:245px;position:relative;z-index:2}.session-slip .eyebrow{font-size:7px;letter-spacing:1.4px}.session-slip p{font:italic 20px/1.35 Georgia,serif;margin:25px 0}.slip-line{display:block;border-top:1px dashed #716c5b88}.session-slip button{font-size:10px}.session-slip small{display:block;font-size:8px;line-height:1.5;margin-top:10px;color:#655f50}.changing .desk-cover{animation:sleeve-in .6s ease-out}.changing .desk-info{animation:info-in .4s ease-out}@keyframes sleeve-in{from{transform:rotate(-12deg) translateY(25px);opacity:.6}to{transform:rotate(-8deg);opacity:1}}@keyframes info-in{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:none}}.sleeve-heading{display:flex;align-items:center;justify-content:space-between;margin:15px 0 30px}.sleeve-heading>.eyebrow{font-size:8px;color:var(--muted)}.sleeve-heading>div{display:flex;align-items:center;gap:22px;font-size:9px;color:var(--muted)}.sleeve-heading button{font-size:24px}.sleeve-shelf{display:flex;align-items:flex-end;padding:15px 5% 0;isolation:isolate}.sleeve{flex:1;min-width:0;padding:0;position:relative;transform:rotate(var(--r,-4deg));transition:transform .4s,filter .4s;filter:saturate(.65);margin-left:-14px;text-align:left}.sleeve:nth-child(2){--r:3deg}.sleeve:nth-child(3){--r:-3deg}.sleeve:nth-child(4){--r:4deg}.sleeve:nth-child(5){--r:-2deg}.sleeve img{width:100%;aspect-ratio:1;object-fit:cover;box-shadow:0 1px 20px #0009;border:1px solid #ffffff20}.sleeve>span{display:block;background:#e6e0d1;color:#24231f;padding:13px 15px;min-height:58px;border-top:1px solid #3333}.sleeve b{display:block;font:600 21px/1 var(--display)}.sleeve small{font-size:8px;display:block;margin-top:6px}.sleeve:hover,.sleeve.active{transform:translateY(-17px) rotate(0);filter:saturate(1);z-index:3}.sleeve.active>span{background:var(--red)}
.latest{padding:65px 4%}.latest .section-heading{padding-top:0;border:0}.section-heading h2{font:600 56px/.95 var(--display);letter-spacing:-1px}.section-heading h2 em{font:italic 42px/1.1 Georgia,serif}.section-heading>.eyebrow{font-size:8px}.live-feed{border:0;border-top:1px solid var(--line);padding:18px 0;font-size:11px}.artist-room{display:grid;grid-template-columns:1fr 1fr;background:#e8e3d6;color:#25231e;min-height:550px}.artist-photo{min-height:550px;overflow:hidden}.artist-photo img{width:100%;height:100%;max-height:650px;object-fit:cover;object-position:center 28%;filter:saturate(.75)}.artist-story{align-self:center;padding:55px 12%}.artist-story>.eyebrow{font-size:8px;color:#706c60}.artist-switch{display:flex;gap:20px;border-bottom:1px solid #28282033;padding-bottom:15px;flex-wrap:wrap}.artist-switch button{font-size:10px;padding:0}.artist-switch button.active{color:#c84328}.artist-story h2{font:italic 90px/1 Georgia,serif;letter-spacing:-5px;margin:45px 0 25px;text-wrap:balance}.artist-story>p:not(.eyebrow){font:17px/1.7 Georgia,serif;max-width:360px}.artist-story>.text-button{border-bottom:1px solid #282820;letter-spacing:.5px;margin-top:15px}.artist-story .world-link{color:#5e584b}.catalogue{padding:80px 4%}.vinyl-section{background:#e8e3d6;color:#26241f}.vinyl-copy .eyebrow{color:#676153}.vinyl-copy h2{font:600 68px/.94 var(--display);letter-spacing:-2px}.vinyl-copy h2 em{font:italic 59px/1.1 Georgia,serif}.vinyl-copy p:not(.eyebrow),.vinyl-copy small{color:#605c51}.vinyl-copy .text-button{color:#302c24}.vinyl-spec{border-color:#302c2450}.vinyl-caption{color:#39352c}.vinyl-cover{box-shadow:8px 15px 25px #0003}footer{background:#141412;padding:65px 4% 30px}.footer-identity{display:flex;align-items:center;gap:30px}.footer-identity>.vd-mark{width:105px;height:95px}.footer-identity>span{font:800 66px/.85 var(--display);letter-spacing:-1px}.footer-top{margin-bottom:50px}.footer-bottom{border-color:var(--line)}.player{background:#11110ff5;border-top:1px solid #eeeadd33;backdrop-filter:blur(20px);z-index:12}.transport-buttons .play-main{background:transparent;border:1px solid var(--red);color:var(--cream)}.timeline input,.player-extra input{accent-color:var(--red)}.is-playing .node-disc.active{box-shadow:0 0 0 8px #ef4d3e10,0 0 35px #ef4d3e20}.motion-paused *{transition:none!important}.track-row{border-color:var(--line)}
@media(min-width:701px){.sound-map{height:clamp(510px,calc(100svh - 198px),900px);min-height:510px}.map-heading{top:85px}.node-3{top:73%}.map-bottom{bottom:20px}}
@media(min-width:1700px){.sound-map{max-height:900px}.node-0{left:40%;top:43%}.node-1{top:64%}.node-2{left:65%}.desk-stage{min-height:650px}.record-object{height:540px}.listening-desk{padding-inline:7%}}
@media(max-width:1100px){.map-heading h1{font-size:85px}.node-0{left:35%;top:44%}.node-0 .node-disc{width:205px}.node-0 .node-caption{max-width:150px}.node-0 .node-caption>button:not(.map-save){font-size:25px}.node-2{left:60%;top:16%}.node-2 .node-disc{width:106px}.node-2 .node-caption{max-width:150px}.node-1{left:4%;top:65%}.node-1 .node-disc{width:95px}.node-1 .node-caption{max-width:125px}.node-3{right:4%;top:75%}.node-3 .node-disc{width:70px}.node-3 .node-caption{max-width:160px}.desk-stage{grid-template-columns:34% 66%;min-height:480px}.session-slip{display:none}.record-object{height:400px}.desk-cover{width:69%}.desk-vinyl{width:72%;right:3%}.desk-top h2{font-size:58px}.sleeve b{font-size:18px}.artist-story{padding:40px 9%}.artist-story h2{font-size:70px}.artist-photo{min-height:500px}.artist-switch{gap:14px}.map-recommendations #recommendations{grid-template-columns:repeat(2,1fr);gap:12px 35px}}
@media(max-width:700px){header{height:80px;padding:0 5%}.vd-mark{width:34px;height:34px}.brand{gap:8px}.wordmark{font-size:19px}nav{gap:17px;font-size:10px}.library-button{font-size:0}.library-button>span:first-child{font-size:20px}.sound-map{height:910px;min-height:910px;padding:18px 5% 0}.map-top>.eyebrow{font-size:6px;letter-spacing:1px;max-width:180px}.map-top button{font-size:7px}.map-heading{top:92px;left:5%}.map-heading h1{font-size:clamp(66px,15vw,100px);line-height:.88}.map-heading p{font-size:12px;line-height:1.5}.interference{top:270px;left:-65%;width:220%;height:480px;opacity:.8}.map-waypoint{display:none}.node-0{left:8%;top:350px;gap:17px}.node-0 .node-disc{width:160px;padding:6px}.node-0 .node-caption{max-width:150px}.node-0 .node-caption>button:not(.map-save){font-size:24px}.node-0 .node-caption>.eyebrow{font-size:6px;letter-spacing:1px}.node-0 .node-play{width:38px;height:38px}.node-1{left:7%;top:560px;gap:12px}.node-1 .node-disc{width:82px}.node-1 .node-caption{max-width:155px}.node-1 .node-caption>button:not(.map-save){font-size:17px}.node-2{left:auto;right:5%;top:700px;gap:12px;flex-direction:row-reverse}.node-2 .node-disc{width:83px}.node-2 .node-caption{text-align:right;max-width:205px}.node-2 .node-caption>button:not(.map-save){font-size:19px;text-align:right}.node-3{right:5%;top:270px;gap:10px}.node-3 .node-disc{width:58px;padding:4px}.node-3 .node-caption{max-width:170px}.node-3 .node-caption>button:not(.map-save){font-size:16px}.node-3 .node-caption small{font-size:8px}.node-caption>.eyebrow{font-size:6px;margin-bottom:7px}.map-bottom{left:5%;right:5%;bottom:22px;gap:15px}.frequency-control>div{gap:17px}.frequency{font-size:11px}.map-bottom>.text-button{margin-left:auto;font-size:9px}.map-scroll{display:none}.map-recommendations{padding:15px 5% 25px}.map-recommendations #recommendations{grid-template-columns:1fr}.map-recommendations .track-row:nth-child(n+3){display:none}.map-recommendations .recommend-heading{font-size:7px}.identity-ribbon{padding:20px 5%;gap:14px;font-size:18px}.identity-ribbon>span:nth-last-child(2){display:none}.identity-ribbon .vd-mark{width:27px;height:27px}.listening-desk{padding:45px 5%}.desk-top{display:block}.desk-top h2{font-size:51px}.desk-top h2 em{font-size:35px;letter-spacing:-1px}.desk-top>p{margin-top:20px;font-size:11px}.desk-stage{display:flex;flex-direction:column;min-height:0;padding-top:40px}.record-object{order:-1;width:100%;height:auto;aspect-ratio:1.22;margin-bottom:35px}.desk-cover{width:69%;margin-left:5%}.desk-vinyl{width:73%;right:0}.record-sticker{width:60px;height:60px;font-size:9px;bottom:0}.desk-info{padding:0;width:100%}.desk-info h3{font-size:44px}.desk-counter{margin-bottom:12px}#desk-description{margin-block:12px}.desk-info>.primary{display:inline-flex;margin-right:15px}.desk-info>.text-button{display:inline-block}.desk-track{font-size:12px;padding:15px 0}.sleeve-heading{margin:0 0 15px}.sleeve-shelf{overflow-x:auto;overflow-y:hidden;padding:25px 10px 20px;scroll-snap-type:x mandatory;margin-inline:-5%;gap:8px}.sleeve{flex:0 0 42%;margin-left:0;scroll-snap-align:center}.sleeve>span{padding:10px}.sleeve b{font-size:20px}.sleeve.active,.sleeve:hover{transform:translateY(-10px) rotate(0)}.latest{padding:45px 5%}.section-heading h2{font-size:45px}.section-heading h2 em{font-size:34px}.artist-room{grid-template-columns:1fr}.artist-photo{height:410px;min-height:0}.artist-photo img{height:410px;object-position:center 25%}.artist-story{padding:35px 7% 45px}.artist-story h2{font-size:74px;margin:35px 0 20px}.artist-story>p:not(.eyebrow){font-size:16px}.artist-switch{gap:24px}.artist-switch button{font-size:10px}.catalogue{padding:50px 5%}.vinyl-copy h2{font-size:56px}.vinyl-copy h2 em{font-size:49px}.vinyl-section{padding-top:40px}.footer-identity{gap:15px}.footer-identity>.vd-mark{width:68px;height:65px}.footer-identity>span{font-size:46px}footer{padding:45px 5% 25px}.footer-top{margin-bottom:35px}.player-extra #source-open{display:block}}
@media(max-width:360px){.node-0 .node-disc{width:135px}.node-0 .node-caption{max-width:130px}.node-0 .node-caption>button:not(.map-save){font-size:21px}.wordmark{font-size:16px}nav{gap:10px}.brand .vd-mark{width:28px}.map-heading h1{font-size:62px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.sound-map{scroll-behavior:auto}}

.brand .house-emblem{width:52px;height:58px;object-fit:contain}.house-wordmark{font:25px/1.1 Georgia,serif;letter-spacing:-1px}.brand{gap:8px}