.listening-page{--room-accent:var(--ink);--room-soft:#e8e7de}.listening-page .site-header{height:98px}.room-back{font-size:11px;display:flex;align-items:center;gap:12px;min-height:44px}.room-back svg{width:15px;height:15px}.room-edition{display:flex;align-items:center;justify-content:space-between;padding-top:26px;font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}.album-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:30px 0 39px}.album-heading h1{font:400 clamp(48px,6.75vw,108px)/1.03 var(--serif);letter-spacing:-.052em;margin:0}.album-heading em{font-weight:400}.album-count{font-size:10px;color:var(--muted);line-height:1.9;text-align:right;flex-shrink:0;margin-bottom:4px}.listening-layout{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(290px,1fr);gap:clamp(38px,6vw,100px);align-items:start;padding-bottom:45px}.record-space{min-width:0}.record-table{position:relative;isolation:isolate;aspect-ratio:1.42;overflow:visible;perspective:1100px;background:radial-gradient(ellipse at 60% 63%,#d8cfbe65,transparent 65%)}.album-sleeve{position:absolute;z-index:3;left:1%;top:8%;width:63%;padding:0;aspect-ratio:908/900;transform:rotate(-6deg);box-shadow:3px 10px 17px #2f271d24,1px 2px 3px #18140c50;transition:transform 1s var(--ease),box-shadow 1s var(--ease);border-radius:1px;outline-offset:10px!important}.album-sleeve img{width:100%;height:auto;border-radius:1px}.sleeve-edge{position:absolute;inset:0;box-shadow:inset 2px 0 3px #ffffff60,inset -3px 0 3px #0007;pointer-events:none}.album-sleeve:hover{transform:rotate(-8deg) translateY(-5px);box-shadow:3px 14px 22px #2f271d2a}.vinyl{position:absolute;z-index:2;width:62%;aspect-ratio:1;right:1%;top:9%;padding:0;border-radius:50%;background:#171819;box-shadow:4px 12px 16px #27201630,1px 1px 2px #08090a;transform:translateX(-6%);transition:transform 1.2s var(--ease);outline-offset:8px!important}.record-table:hover .vinyl,.record-table.is-playing .vinyl{transform:translateX(1%)}.disc-rotate{display:block;position:absolute;inset:0;border-radius:50%;overflow:hidden;background:conic-gradient(from 18deg,#111315,#2a2c2e 9%,#141618 18%,#303234 27%,#121415 34%,#0e1011 47%,#292c2d 58%,#181a1b 66%,#373a3b 77%,#161819 86%,#111315);animation:record-turn 12s linear infinite;animation-play-state:paused}.disc-grooves{position:absolute;inset:2%;border-radius:50%;background:repeating-radial-gradient(circle at center,transparent 0 1px,#b5b4aa16 1.3px 1.7px,transparent 2px 3px);box-shadow:inset 0 0 0 1px #7778,inset 0 0 0 6px #0b0c0d55}.disc-label{position:absolute;inset:35%;border-radius:50%;background:#dfd6ba;box-shadow:0 0 0 10px #121415,0 0 0 11px #454746;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#29251f}.disc-label>span{font-size:clamp(6px,.67vw,11px);letter-spacing:.21em;margin:7% 0 2%}.disc-label strong{font:normal clamp(16px,2vw,30px)/1 var(--serif);margin-bottom:15%}.disc-label small{font-size:clamp(4px,.4vw,7px);letter-spacing:.075em}.disc-label i{position:absolute;top:calc(50% - 3px);left:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:#f7f4ed;box-shadow:0 0 0 2px #332c2640}.disc-progress{position:absolute;inset:0;pointer-events:none;width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke-width:.25}.disc-progress circle:first-child{stroke:#e4d9b026}.disc-progress circle:last-child{stroke:#d4c695;stroke-width:.45;stroke-dasharray:100;stroke-dashoffset:100}.table-shadow{position:absolute;inset:23% 6% 5% 6%;filter:blur(22px);background:#34261220;border-radius:45%;transform:rotate(-7deg);z-index:0}.table-mark{position:absolute;right:0;bottom:0;color:#9e9687;font-size:9px;letter-spacing:.15em}.record-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted);padding:17px 0 12px}.record-caption button{padding:8px 0;display:flex;gap:16px;align-items:center}.record-caption button span{font-size:16px;font-weight:300}.player-panel{padding-top:24px}.now-playing{display:flex;justify-content:space-between;align-items:center;gap:20px}.player-kicker{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.now-playing h2{font:normal 32px/1.2 var(--serif);letter-spacing:-.025em;margin:7px 0 14px}.now-playing>span{font-size:10px;letter-spacing:.08em;color:var(--muted)}.transport{display:flex;align-items:center;gap:5px}.transport button{height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;padding:9px}.transport svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.2;fill:none;stroke-linejoin:round;stroke-linecap:round}.transport #play-toggle{min-width:126px;padding:9px 16px;border:1px solid #b5ada1;border-radius:50px}.transport #play-toggle:hover{background:#ebe5d9}.transport #previous-track{margin-left:-9px}.transport-spacer{flex:1}.transport #motion-toggle{font-size:10px;padding-right:0;color:var(--muted)}.transport #motion-toggle[aria-pressed=true]{text-decoration:underline;text-underline-offset:5px}.pause-symbol{display:none}.is-playing .disc-rotate{animation-play-state:running}.listening-page.is-playing .play-symbol{display:none}.listening-page.is-playing .pause-symbol{display:block}.listening-page.is-still .disc-rotate{animation-play-state:paused}.timeline{display:flex;gap:13px;align-items:center;margin-top:14px}.timeline time{font-size:9px;min-width:27px;color:var(--muted);font-variant-numeric:tabular-nums}.timeline time:last-child{text-align:right}.timeline input{width:100%;height:25px;appearance:none;background:transparent;cursor:pointer;margin:0;accent-color:var(--ink)}.timeline input:disabled{cursor:default;opacity:.5}.timeline input::-webkit-slider-runnable-track{height:1px;background:var(--line)}.timeline input::-webkit-slider-thumb{appearance:none;width:7px;height:7px;border-radius:50%;background:var(--ink);margin-top:-3px}.timeline input::-moz-range-track{height:1px;background:var(--line)}.timeline input::-moz-range-thumb{border:0;width:7px;height:7px;border-radius:50%;background:var(--ink)}.timeline input:focus-visible{outline:1px solid #846018;outline-offset:4px}.player-status{font-size:10px;color:var(--muted);line-height:1.5;min-height:30px;margin:8px 0 0}.player-status a{text-decoration:underline;text-underline-offset:3px}.tracklist-section{padding-top:4px}.tracklist-header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-bottom:20px;border-bottom:1px solid var(--line)}.tracklist-header h2{font:normal 27px/1 var(--serif);letter-spacing:-.02em;margin:0}.tracklist-header>span{font-size:9px;color:var(--muted)}.tracklist{list-style:none;padding:0;margin:0}.side-marker{margin:0;font-weight:400;display:flex;justify-content:space-between;gap:20px;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);padding:24px 0 11px}.side-marker span:last-child{font-size:8px;color:#948b7e}.track-row{display:grid;grid-template-columns:25px 1fr 30px 12px;align-items:center;width:100%;gap:10px;text-align:left;min-height:41px;padding:7px 3px;border-bottom:1px solid #ded8cd90;transition:background .3s,color .3s}.track-row:hover{background:#eae5d780}.track-row[aria-current=true]{background:#eae5da;color:var(--ink)}.track-number{font-size:9px;color:var(--muted);font-variant-numeric:tabular-nums}.track-name{font:normal 18px/1.25 var(--serif);letter-spacing:-.015em}.track-name small{font:9px/1.5 Arial,sans-serif;color:var(--muted);margin-left:9px;white-space:nowrap}.track-time{font-size:9px;font-variant-numeric:tabular-nums;color:var(--muted);text-align:right}.track-indicator{font-size:10px;opacity:0;transition:opacity .2s}.track-row:hover .track-indicator,.track-row[aria-current=true] .track-indicator{opacity:1}.own-record{border-top:1px solid var(--ink);margin-top:28px;min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px}.own-record>span:not(.sr-only){font-size:9px;color:var(--muted);display:flex;align-items:center;gap:18px}.own-record svg{width:13px;height:13px}.own-record:hover{text-decoration:underline;text-underline-offset:5px}.room-footnote{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0 28px;color:var(--muted);font-size:9px}.room-footnote>span:first-child{font:italic 21px var(--serif);color:var(--ink)}.room-footer{border-top:1px solid var(--line);padding:25px 0 35px;display:flex;justify-content:space-between;gap:20px}.room-footer a{font-size:11px;display:flex;gap:20px;min-height:44px;align-items:center}.room-footer a>span:first-child{font-size:9px;color:var(--muted)}.artwork-dialog{border:0;padding:24px;background:var(--paper);color:var(--ink);width:min(91vw,800px);max-height:95dvh;box-shadow:0 25px 100px #0004}.artwork-dialog::backdrop{background:#1b1b1ac7;backdrop-filter:blur(5px)}.artwork-dialog form{text-align:right;margin-bottom:15px}.artwork-dialog form button{font-size:11px;min-height:30px;display:inline-flex;gap:24px;align-items:center}.artwork-dialog form span{font-size:23px;font-weight:300}.artwork-dialog img{width:100%;height:auto;max-height:75dvh;object-fit:contain}.artwork-dialog>p{display:flex;justify-content:space-between;font:18px var(--serif);gap:20px;margin:17px 0 0}.artwork-dialog>p span{font:9px Arial,sans-serif;align-self:center;color:var(--muted)}.artwork-open{overflow:hidden}@keyframes record-turn{to{transform:rotate(360deg)}}
@media(min-width:1550px){.track-row{min-height:49px}.track-name{font-size:21px}.tracklist-header{padding-bottom:24px}.side-marker{padding-top:28px}.now-playing h2{font-size:39px}}
@media(max-width:1000px){.listening-layout{grid-template-columns:minmax(0,1.18fr) minmax(270px,1fr);gap:34px}.album-heading{padding-bottom:32px}.album-count{font-size:9px}.track-name{font-size:17px}.track-row{min-height:39px}.track-name small{display:block;margin:1px 0 0}.disc-label>span{font-size:7px}.disc-label small{font-size:4px}.disc-label strong{font-size:21px}}
@media(max-width:720px){.listening-page .site-header{height:85px}.room-edition{padding-top:23px;font-size:8px}.album-heading{padding:27px 0 27px;align-items:flex-start}.album-heading h1{font-size:clamp(46px,10.5vw,73px);max-width:530px}.album-count{display:none}.listening-layout{display:flex;flex-direction:column;gap:27px;padding-bottom:12px}.record-space,.tracklist-section{width:100%}.record-table{aspect-ratio:1.3;margin:4px 0 0}.album-sleeve{top:8%;left:2%;width:66%;transform:rotate(-5deg)}.vinyl{width:64%;top:11%;right:1%;transform:translateX(-5%)}.record-table:hover .vinyl,.record-table.is-playing .vinyl{transform:translateX(0)}.disc-label>span{font-size:clamp(6px,1.5vw,10px)}.disc-label strong{font-size:clamp(16px,4vw,28px)}.disc-label small{font-size:clamp(4px,.85vw,6px)}.record-caption{padding-top:9px;font-size:9px}.player-panel{padding-top:20px}.now-playing h2{font-size:31px}.player-status{min-height:15px;margin-bottom:0}.tracklist-section{padding-top:16px}.tracklist-header{padding-bottom:20px}.track-row{min-height:46px;grid-template-columns:25px 1fr 34px 12px}.track-name{font-size:20px}.track-name small{display:inline;margin-left:8px;font-size:9px}.track-time{font-size:10px}.own-record{margin-top:28px}.room-footnote{padding:5px 0 25px}.room-footer{padding-top:13px;font-size:10px;gap:12px}.room-footer a{gap:10px;font-size:10px}.room-footer a>span:first-child{font-size:8px}.artwork-dialog{padding:16px;width:94vw}.artwork-dialog>p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.disc-rotate{animation:none}.vinyl,.album-sleeve{transition:none}}
.track-indicator svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}

/* The same record and player, with space to listen. */
.listening-layout{overflow-anchor:none}.record-caption #listening-view{color:var(--ink);border-bottom:1px solid #b9b0a0;padding-bottom:5px}.record-caption #listening-view:hover{border-color:var(--ink)}
.focused-listening .listening-layout{grid-template-columns:minmax(0,1fr);width:100%;max-width:740px;margin-inline:auto;gap:0}.focused-listening .record-space{width:100%}.focused-listening .room-footnote{padding-top:10px}
@media(max-width:720px){.record-caption{gap:10px}.record-caption #listening-view{font-size:10px}.focused-listening .listening-layout{padding-bottom:26px}}