/* Full-screen rooms. The home remains the physical DJ desk. */
.human-prompt{background:none;padding:0 0 7px;border-bottom:1px solid #b4bd93;font-size:12px;pointer-events:auto;text-align:left}.human-prompt:hover{color:var(--acid)}
.content-shell{position:fixed;inset:0;z-index:30;background:var(--ink);overflow-y:auto;overflow-x:clip;overscroll-behavior:contain}
.section-top{position:fixed;top:0;left:0;right:0;z-index:40;height:88px;padding:20px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(#0b0d0ca6,transparent);pointer-events:none}
.section-top a{pointer-events:auto}.back-button{display:flex;align-items:center;gap:12px;font-size:11px}.back-button img{width:30px;height:30px;object-fit:contain;filter:grayscale(1) brightness(7);mix-blend-mode:screen}.room-heading{display:flex;align-items:center;gap:24px}.room-heading>span{font:9px monospace;text-transform:uppercase;letter-spacing:2px;color:#c5c8bc}.room-heading .socials{gap:2px}.room-heading .socials svg{width:18px;height:18px}
.section-body{position:relative;isolation:isolate;width:100%;min-height:100svh;margin:0;padding:110px 6vw 130px}.section-body h2:focus{outline:0}.section-body p{line-height:1.6}.section-foot{position:fixed;left:5%;bottom:18px;z-index:43;font:7px monospace;color:#929887;letter-spacing:.3px;pointer-events:none}
.text-link{display:inline-flex;align-items:center;min-height:44px;padding:10px 0;border-bottom:1px solid #788164;background:none;font-size:12px;color:var(--paper)}.text-link:hover{color:var(--acid);border-color:var(--acid)}
/* The cover, the song, the controls. */
.music-room{display:block;background:#0b0d0c;--cover-glow:#006c8a66}
.music-room:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 20% 45%,var(--cover-glow),transparent 70%);opacity:.8;transition:background .5s;pointer-events:none}
.now-playing{min-width:0;max-width:580px;width:100%}.record-topline{display:flex;align-items:center;justify-content:space-between;gap:15px}.now-label{display:flex;align-items:center;gap:10px;font:9px monospace;letter-spacing:1.5px;color:var(--acid)}.music-random{font-size:11px;border-color:#ffffff35}.equalizer{display:flex;gap:2px;align-items:end;height:12px}.equalizer i{width:2px;height:3px;background:var(--acid)}.equalizer i:nth-child(2){height:9px}.equalizer i:nth-child(3){height:5px}.is-listening .equalizer i{animation:audioBars .7s alternate infinite}.is-listening .equalizer i:nth-child(2){animation-delay:-.3s}.is-listening .equalizer i:nth-child(3){animation-delay:-.6s}@keyframes audioBars{to{height:12px}}
.now-playing h3{font:600 clamp(52px,6.1vw,105px)/.94 var(--display);text-transform:uppercase;letter-spacing:-.6px;margin:24px 0 17px;text-wrap:balance}.credits{font-size:12px;color:#b3bbab;margin:0 0 40px}.transport{display:flex;align-items:center;gap:17px}.play-large{width:59px;height:59px;display:grid;place-items:center;border-radius:50%;background:var(--acid);color:var(--ink);flex-shrink:0}.play-large svg{width:16px;fill:currentColor}.transport-copy{font-size:12px}.transport-copy small{display:block;font-size:10px;color:#919b83;margin-top:5px}.transport-next{margin-left:auto;background:none;font-size:11px;border-bottom:1px solid #75845b;padding:12px 0;min-height:44px}.transport-next:hover{color:var(--acid)}
.timeline{display:grid;grid-template-columns:30px 1fr 30px;gap:12px;align-items:center;margin:24px 0 10px;font:9px monospace;color:#aab49d}.timeline input{width:100%;height:3px;accent-color:var(--acid);cursor:pointer;margin:0}.listening-actions{display:flex;align-items:center;justify-content:space-between;gap:20px}.save-pick{display:flex;align-items:center;gap:8px;background:none;padding:12px 0;min-height:44px;font-size:11px;color:#b4bfa6}.save-pick svg{width:12px;height:15px;fill:none;stroke:currentColor;stroke-width:1.3}.save-pick[aria-pressed=true]{color:var(--acid)}.save-pick[aria-pressed=true] svg{fill:var(--acid)}.listening-actions .text-link{font-size:11px;border-color:#ffffff30}.music-more{margin-top:26px;border-top:1px solid #ffffff20}.music-more>summary{font-size:11px;color:#a0ad90;padding:16px 0;cursor:pointer;list-style:none;min-height:44px}.music-more>summary:after{content:' +';color:var(--acid)}.music-more[open]>summary:after{content:' −'}.music-extras{padding-bottom:12px}.volume-control{display:flex;gap:15px;align-items:center;font-size:10px;color:#a0ad90;margin:6px 0 17px}.volume-control input{accent-color:var(--acid);height:3px;width:110px}.my-picks summary{cursor:pointer;font-size:12px;padding:10px 0;min-height:44px;list-style:none}.my-picks summary:after{content:' +';color:var(--acid)}.my-picks[open] summary:after{content:' −'}.my-picks p{font-size:10px;color:#9eac8e;margin:5px 0 12px}.pick-row{display:flex;align-items:center;gap:12px;border-top:1px solid #ffffff19;padding:8px 0}.pick-play{background:none;padding:10px 0;flex:1;text-align:left;font-size:12px}.pick-row a,.remove-pick{font-size:10px;padding:10px 0;background:none;color:#a7b591}.music-extras>.text-link{font-size:11px;margin-top:8px}.preview-error{font-size:11px;color:var(--acid)}
/* A single portrait, a short introduction. */
.story-room{display:flex;align-items:center;min-height:100svh;background:#080b0a;padding-top:120px;padding-bottom:150px}
.story-figure{position:absolute;inset:0 0 0 30%;margin:0;z-index:-1}.story-figure:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080b0a,transparent 70%),linear-gradient(0deg,#080b0a,transparent 28%),linear-gradient(180deg,#080b0a77,transparent 25%);pointer-events:none}.story-photo{width:100%;height:100%;position:absolute;object-fit:cover;object-position:50% 38%;transition:opacity .25s}.story-copy{width:50%;max-width:680px}.story-name{font:10px monospace;letter-spacing:2px;color:var(--acid);margin:0 0 22px}.story-copy h2{font:700 clamp(100px,15vw,220px)/.8 var(--display);text-transform:uppercase;margin:0 0 36px;letter-spacing:-2px}.story-intro{font-size:clamp(20px,2.05vw,30px);font-weight:400;line-height:1.45!important;margin:0 0 24px}.story-collabs{font-size:12px;color:#b9c1af;margin:0 0 26px;line-height:1.7!important}.story-switch{position:absolute;right:6%;bottom:110px;display:flex;gap:26px}.story-switch button{min-height:44px;padding:10px 0;background:none;border-bottom:1px solid #ffffff42;font-size:11px;color:#c3cabc}.story-switch button[aria-pressed=true]{color:var(--acid);border-color:var(--acid)}
/* Live film and dates share one space. */
.live-room{padding:0;background:#050706;min-height:100svh}.live-switch{position:absolute;top:100px;left:6%;z-index:5;display:flex;gap:30px}.live-switch button{min-height:44px;padding:10px 0;background:none;border-bottom:1px solid #ffffff40;color:#c7cdbf;font-size:12px}.live-switch button[aria-pressed=true]{color:var(--acid);border-color:var(--acid)}.live-film-view{position:relative;min-height:100svh}.live-film{position:absolute;inset:0 0 105px;margin:0}.live-film:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#050706,transparent 35%),linear-gradient(90deg,#050706bb,transparent 65%),linear-gradient(180deg,#05070688,transparent 35%);pointer-events:none}.live-video{display:block;width:100%;height:100%;object-fit:cover;background:#050706}.live-stage-copy{position:absolute;left:6%;bottom:175px;z-index:2;pointer-events:none}.live-stage-copy p{font:10px monospace;color:#d4dbca;letter-spacing:1px;margin:0 0 18px}.live-stage-copy h3{font:600 clamp(86px,12vw,185px)/.85 var(--display);text-transform:uppercase;margin:0 0 27px;letter-spacing:-1px}.live-start{display:flex;gap:15px;align-items:center;background:none;padding:0;font-size:12px;pointer-events:auto}.live-play{width:52px;height:52px;display:grid;place-items:center;border:1px solid var(--acid);border-radius:50%;color:var(--acid)}.live-play svg{width:12px;fill:currentColor}.live-start:hover .live-play{background:var(--acid);color:var(--ink)}.replay-live{position:absolute;right:6%;bottom:115px;font-size:10px;z-index:3;display:none}.video-started .live-stage-copy{display:none}.video-started .live-film:after{display:none}.video-started .live-film{inset:155px 0 155px}.video-started .live-video{object-fit:contain}.video-started .replay-live{display:inline-flex}.live-dates-view{min-height:100svh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%;padding:190px 6vw 140px;background:linear-gradient(90deg,#0b0d0cf5,#0b0d0ce8),url('live-poster.webp') center/cover}.dates-heading h3{font:600 clamp(76px,9vw,140px)/.9 var(--display);text-transform:uppercase;margin:0 0 35px}.dates-heading h3 em{font-style:normal;color:var(--acid)}.dates-content{min-width:0;max-width:620px;width:100%}.empty-dates{font-size:25px;color:var(--paper);line-height:1.35}.dates-list p{font-size:12px;color:#a8b299}.dates-list .text-link{font-size:11px}.tour-archive{margin-top:35px;border-top:1px solid #ffffff2a}.tour-archive summary{cursor:pointer;min-height:44px;padding:20px 0;font-size:12px;color:#b2bfa2;list-style:none}.tour-archive summary:after{content:' +';color:var(--acid)}.tour-archive[open] summary:after{content:' −'}.date-row{display:grid;grid-template-columns:60px 1fr auto;gap:18px;align-items:center;padding:15px 0;border-bottom:1px solid #ffffff20}.date-row time{font:25px var(--display);color:var(--acid)}.date-row h4{font-size:12px;margin:0 0 5px}.date-row .city{font-size:10px;color:#a7b196}.date-row .past{font:8px monospace;color:#7a866e}
/* Booking is one short conversation. */
.booking-room{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center;min-height:100svh}.booking-backdrop{position:absolute;inset:0 45% 0 0;background:linear-gradient(90deg,#0b0d0c66,#0b0d0c),linear-gradient(0deg,#0b0d0c,transparent 65%),url('artist-portrait.webp') center/cover;opacity:.18;z-index:-1;pointer-events:none}.room-kicker{font:10px monospace;color:var(--acid);letter-spacing:2px;margin:0 0 30px}.booking-copy h2{font:600 clamp(95px,13vw,200px)/.85 var(--display);letter-spacing:-2px;text-transform:uppercase;margin:0 0 32px}.booking-copy>p:not(.room-kicker){font-size:20px;color:#c6cdbf;margin:0 0 30px}.booking-mail{display:inline-block;font-size:clamp(15px,1.7vw,25px);padding:10px 0;border-bottom:1px solid #87936b;min-height:44px}.booking-mail:hover{color:var(--acid)}.booking-form{width:100%;max-width:700px;display:grid;grid-template-columns:1fr 1fr;gap:30px 25px}.field{display:flex;flex-direction:column;gap:10px;min-width:0}.field label{font-size:12px;color:#b6c0a8}.field input,.field select,.field textarea{width:100%;min-height:48px;background:transparent;border:0;border-bottom:1px solid #737e60;border-radius:0;color:var(--paper);font-size:16px;padding:11px 0}.field input::placeholder,.field textarea::placeholder{color:#6c775c}.field select option{background:var(--ink)}.field textarea{resize:vertical;min-height:90px}.field.full{grid-column:1/-1}.booking-more{grid-column:1/-1}.booking-more summary{font-size:11px;color:#a8b495;cursor:pointer;padding:10px 0;min-height:44px;list-style:none}.booking-more summary:after{content:' +';color:var(--acid)}.booking-more[open] summary:after{content:' −'}.booking-extra{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:20px}.human-cta{grid-column:1/-1;justify-self:start;padding:12px 0;border-bottom:1px solid var(--acid);min-height:48px;background:none;color:var(--acid);font:500 19px var(--sans)}.human-cta:hover{color:var(--paper);border-color:var(--paper)}.form-note{grid-column:1/-1;font-size:10px;color:#96a286;margin:-12px 0 0;max-width:360px}.booking-result{grid-column:1/-1;color:var(--acid);font-size:12px}
/* One branded navigation control, in every room. */
.dock-shade{opacity:0;position:fixed;bottom:0;left:0;right:0;height:100px;background:linear-gradient(transparent,#0b0d0cf5);z-index:44;pointer-events:none}.in-room .dock-shade{opacity:1}.brand-dock{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:122px;min-height:64px;padding:8px 16px 0;background:none;z-index:65}.dock-wordmark{display:flex;align-items:center;gap:9px;transition:transform .2s}.dock-wordmark img{width:28px;height:32px;object-fit:contain;filter:grayscale(1) brightness(7);mix-blend-mode:screen}.dock-wordmark strong{font:800 italic 29px/.9 var(--display);letter-spacing:-.8px;color:var(--paper)}.dock-wordmark strong span{color:var(--acid)}.dock-caption{font:8px monospace;text-transform:uppercase;letter-spacing:2px;color:#adb69f;line-height:1.4}.brand-dock:hover .dock-wordmark{transform:translateY(-3px)}.brand-dock:hover .dock-caption{color:var(--acid)}
.menu-dialog{position:fixed;inset:0;padding:0;border:0;margin:0;max-width:none;max-height:none;width:100%;height:100%;background:#0b0d0cf5;color:var(--paper);overflow-y:auto}.menu-dialog::backdrop{background:#0009;backdrop-filter:blur(12px)}.menu-head{position:absolute;top:38px;left:6%;font:9px monospace;letter-spacing:2px;color:#a7b199}.menu-links{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:100%;width:max-content;max-width:100%;margin:auto;padding:100px 24px 120px;gap:7px}.menu-links a{display:flex;align-items:center;gap:24px;font:600 clamp(40px,6.8vw,94px)/1.06 var(--display);text-transform:uppercase;padding:3px 0;transition:color .2s}.menu-links small{font:10px monospace;color:#889779;align-self:center}.menu-links a:hover,.menu-links a[aria-current=page]{color:var(--acid)}.menu-links a[aria-current=page] small{color:var(--acid)}.menu-dialog .brand-dock{z-index:2}.menu-dialog .brand-dock:before{content:'';position:absolute;inset:-25px -80px -16px;background:radial-gradient(ellipse,#0b0d0c 50%,transparent 72%);z-index:-1}
/* Keep the shared player away from the navigation logo. */
.mini-player{position:fixed;bottom:22px;right:5%;z-index:60;display:flex;gap:11px;align-items:center;max-width:340px;width:28%;min-width:270px;background:#0b0d0ce6;padding:9px 0 9px 11px;border-left:1px solid #8b9c61}.mini-cover{width:34px;height:34px;object-fit:cover}.mini-track{min-width:0;flex:1}.mini-track a{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-track span{display:block;font-size:8px;color:#94a180;margin-top:5px}.mini-player button{background:none;padding:9px;color:var(--acid);min-height:38px}.mini-player svg{width:11px;height:13px;fill:currentColor}.mini-close{font-size:19px;color:#b0bda0!important}.audio-play .pause-symbol{display:none}.audio-play.is-playing .play-symbol{display:none}.audio-play.is-playing .pause-symbol{display:block}.toast{position:fixed;z-index:70;bottom:110px;left:50%;transform:translateX(-50%);background:var(--acid);color:var(--ink);padding:12px 20px;font-size:12px;max-width:calc(100% - 30px);text-align:center}
@media(min-width:760px){.home-footer{z-index:48}.home-footer .home-surprise{position:absolute;left:0;bottom:55px}.home-footer .next-show{position:absolute;right:0;bottom:55px}.home-footer>.socials{margin-left:auto}.home>.proposal{z-index:48}}
@media(min-width:760px) and (max-height:800px){.section-body{padding-top:100px;padding-bottom:115px}.now-playing h3{font-size:clamp(45px,5.1vw,76px);margin-top:17px}.credits{margin-bottom:25px}.music-more{margin-top:14px}.live-room{padding:0}.live-dates-view{padding-top:175px;padding-bottom:120px}.story-switch{bottom:110px}.booking-form{gap:22px}.story-intro{font-size:24px}}
@media(min-width:760px) and (max-width:1050px){.section-body{padding-left:5%;padding-right:5%}.music-room{gap:4vw}.now-playing h3{font-size:clamp(48px,6.8vw,72px)}.credits{font-size:10px}.record-topline{gap:9px}.now-label{font-size:8px}.transport-copy{font-size:11px}.transport-next{font-size:10px}.story-copy{width:56%}.story-copy h2{font-size:140px}.story-intro{font-size:23px}.booking-room{gap:5%}.booking-copy h2{font-size:113px}.booking-form{gap:23px 17px}.room-heading>span{display:none}.mini-player{right:4%;width:30%;min-width:240px}.mini-next{display:none}.live-room{padding:0}}
@media(max-width:759px){
 .section-top{height:76px;padding:14px 5%;gap:14px}.back-button{gap:8px;font-size:10px}.back-button img{width:25px;height:25px}.room-heading{gap:0}.room-heading>span{display:none}.room-heading .socials a{width:36px;height:44px}.room-heading .socials svg{width:18px;height:18px}.section-body{padding:93px 6% 140px;min-height:100svh}.section-foot{font-size:6px;bottom:8px;left:5%}.dock-shade{height:95px}.brand-dock{bottom:14px;min-height:58px;padding-top:3px;gap:5px}.dock-wordmark img{width:24px;height:28px}.dock-wordmark strong{font-size:27px}.dock-caption{font-size:7px}.home{padding-bottom:130px}.home .proposal{bottom:95px}.home-footer .home-surprise{position:static}.home-footer .next-show{position:static}.home-footer{z-index:10}
 .now-playing{max-width:none}.record-topline{gap:14px}.music-random{font-size:10px;min-height:37px}.now-label{font-size:8px;letter-spacing:1px}.now-playing h3{font-size:clamp(39px,11.7vw,56px);line-height:.98;margin:16px 0 10px;letter-spacing:-.4px}.credits{font-size:10px;margin:0 0 22px}.play-large{width:48px;height:48px}.play-large svg{width:13px}.transport{gap:12px}.transport-copy{font-size:11px}.transport-copy small{font-size:9px}.transport-next{font-size:10px}.timeline{margin:20px 0 8px;gap:9px}.listening-actions .text-link,.save-pick{font-size:10px}.music-more{margin-top:16px}.music-more>summary{font-size:10px}.music-extras>.text-link{font-size:10px}
 .story-room{display:block;padding:50svh 6% 145px;min-height:100svh}.story-figure{inset:0 0 auto;height:79svh}.story-photo{object-position:50% 38%}.story-figure:after{background:linear-gradient(0deg,#080b0a 5%,#080b0a99 32%,transparent 75%),linear-gradient(180deg,#080b0a88,transparent 25%)}.story-copy{width:100%;max-width:none;position:relative}.story-name{font-size:8px;letter-spacing:1.6px;margin:0 0 16px}.story-copy h2{font-size:clamp(88px,26vw,125px);letter-spacing:-1px;margin-bottom:22px}.story-intro{font-size:20px!important;margin-bottom:18px}.story-collabs{font-size:11px;margin-bottom:14px}.story-switch{position:static;justify-content:flex-start;gap:25px;margin-top:20px}.story-switch button{font-size:10px;min-height:44px}
 .live-room{padding:0}.live-switch{top:85px;left:6%;gap:24px}.live-switch button{font-size:11px}.live-film{inset:0 0 110px}.live-video{object-position:50% 50%}.live-film:after{background:linear-gradient(0deg,#050706 4%,#05070644 65%),linear-gradient(180deg,#05070688,transparent 35%)}.live-stage-copy{left:6%;bottom:165px}.live-stage-copy h3{font-size:clamp(68px,18vw,110px);margin-bottom:24px}.live-stage-copy p{font-size:8px}.live-start{font-size:11px}.live-play{width:46px;height:46px}.video-started .live-film{inset:145px 0 180px}.replay-live{bottom:120px}.live-dates-view{display:block;min-height:100svh;padding:175px 6% 140px}.dates-heading h3{font-size:76px;margin-bottom:24px}.dates-heading>.text-link{font-size:11px}.dates-content{margin-top:38px}.empty-dates{font-size:22px}.dates-list p{font-size:11px}.tour-archive{margin-top:25px}.tour-archive summary{font-size:11px}.date-row{gap:12px;grid-template-columns:48px 1fr auto}.date-row h4{font-size:11px}.date-row .past{font-size:7px}
 .booking-room{display:block;padding-top:112px;padding-bottom:140px}.booking-backdrop{inset:0;height:100svh;opacity:.12}.room-kicker{font-size:8px;margin-bottom:23px}.booking-copy h2{font-size:clamp(88px,25vw,120px);margin-bottom:20px;letter-spacing:-1px}.booking-copy>p:not(.room-kicker){font-size:16px;margin-bottom:10px}.booking-mail{font-size:17px}.booking-form{margin-top:38px;gap:25px 18px}.field{gap:7px}.field label{font-size:10px}.field input,.field select,.field textarea{font-size:16px;min-height:46px}.booking-more summary{font-size:10px}.booking-extra{gap:23px 18px}.human-cta{font-size:17px}.form-note{font-size:9px;line-height:1.5}.booking-result{font-size:11px}
 .menu-head{top:31px;font-size:8px;left:6%}.menu-links{width:auto;padding:95px 8% 120px;gap:13px}.menu-links a{font-size:clamp(38px,10.9vw,63px);gap:16px;min-height:44px}.menu-links small{font-size:9px}.mini-player{bottom:94px;right:5%;width:90%;max-width:none;min-width:0;padding:8px 11px;border-left:1px solid #8b9c61;background:#0b0d0cf5}.mini-cover{width:32px;height:32px}.mini-track a{font-size:11px}.mini-track span{font-size:8px}.has-mini .section-body{padding-bottom:205px}.has-mini .live-room{padding:0}.has-mini .story-room{padding-bottom:205px}.has-mini .toast{bottom:163px}.toast{bottom:97px;font-size:11px}
}
@media(max-width:359px){.booking-form,.booking-extra{grid-template-columns:1fr}.field{grid-column:1/-1}.now-playing h3{font-size:38px}.section-foot{font-size:5px}.back-button span{display:none}.story-intro{font-size:18px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.brand-dock:hover .dock-wordmark{transform:none}}

/* Four releases on a full-width, draggable shelf. No decorative arrows. */
.music-room{padding:100px 0 125px;--record-size:clamp(240px,37svh,430px)}
.record-rail{display:flex;gap:clamp(40px,7vw,120px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:calc((100% - var(--record-size))/2);padding:22px calc((100% - var(--record-size))/2) 16px;scrollbar-width:none;cursor:grab;touch-action:pan-x pan-y;user-select:none;-webkit-user-select:none}
.record-rail::-webkit-scrollbar{display:none}.record-rail:focus-visible{outline-offset:-5px}.record-rail.dragging{cursor:grabbing;scroll-snap-type:none}
.record-slide{flex:0 0 var(--record-size);min-width:0;scroll-snap-align:center;opacity:.38;transform:scale(.88);transition:opacity .3s,transform .3s}.record-slide.is-active{opacity:1;transform:scale(1)}
.record-pick{display:block;padding:0;background:none;width:100%;aspect-ratio:1;cursor:inherit}.record-pick img{display:block;width:100%;height:100%;object-fit:cover;transform:rotate(-3deg);pointer-events:none;-webkit-user-drag:none;transition:transform .3s}.record-slide:nth-child(even) img{transform:rotate(3deg)}.record-slide.is-active:hover img{transform:rotate(0)}
.record-browse{display:flex;justify-content:center;align-items:center;gap:23px;margin:2px 6% 22px;font:9px monospace;letter-spacing:1px;color:#9eac91}.record-browse .touch-hint{display:none}.record-dots{display:flex;gap:2px}.record-dots button{display:grid;place-items:center;width:27px;height:35px;background:none;padding:0}.record-dots span{width:5px;height:5px;border-radius:50%;background:#69765c;transition:background .2s,transform .2s}.record-dots button[aria-pressed=true] span{background:var(--acid);transform:scale(1.4)}
.music-room .now-playing{display:grid;grid-template-columns:1fr 1.05fr;column-gap:7%;width:88%;max-width:1220px;margin:0 auto;align-items:start}.record-topline{grid-column:1;grid-row:1}.music-room .now-playing h3{grid-column:1;grid-row:2/4;font-size:clamp(38px,4.3vw,72px);margin:10px 0 12px;line-height:.97;text-wrap:balance}.music-room .credits{grid-column:1;grid-row:4;margin:0;font-size:11px}.transport{grid-column:2;grid-row:1/3;align-self:center}.music-room .timeline{grid-column:2;grid-row:3;margin:18px 0 4px}.listening-actions{grid-column:2;grid-row:4}.music-room .music-more{grid-column:2;grid-row:6;margin-top:12px}.preview-error{grid-column:2;grid-row:5}.music-room .music-random{min-height:32px;padding:5px 0}.music-room .now-label{font-size:8px}
@media(min-width:760px) and (max-height:800px){.music-room{padding-top:87px;padding-bottom:105px;--record-size:clamp(205px,32svh,280px)}.record-browse{margin-bottom:12px}.music-room .now-playing h3{font-size:42px}.music-room .music-more{margin-top:5px}}
@media(max-width:759px){.music-room{padding:87px 0 135px;--record-size:min(69vw,310px)}.record-rail{gap:24px;padding-top:14px;padding-bottom:10px}.record-browse{gap:15px;font-size:8px;margin:5px 5% 13px}.record-browse .mouse-hint{display:none}.record-browse .touch-hint{display:inline}.record-dots button{width:29px;height:38px}.music-room .now-playing{display:block;width:88%;max-width:480px}.music-room .now-playing h3{font-size:clamp(38px,11vw,53px);margin:15px 0 11px}.music-room .credits{font-size:10px;margin:0 0 22px}.music-room .timeline{margin:20px 0 7px}.music-room .music-more{margin-top:12px}.music-room .now-label{font-size:8px}}
@media(prefers-reduced-motion:reduce){.record-rail{scroll-behavior:auto}.record-slide,.record-pick img{transition:none}}