.listening{display:grid;grid-template-columns:minmax(0,1.15fr)minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);align-items:start;margin-bottom:3.5rem}.listening-deck{padding:clamp(14px,3vw,28px);background:linear-gradient(oklch(22% .035 145),oklch(19% .03 145));box-shadow:inset 0 0 0 1.5px oklch(80% .02 85/.12)}.listening-deck .turntable{filter:drop-shadow(10px 16px 18px oklch(8% .02 145/.55))}.now-playing-label,.crate-title{margin:0 0 .5rem;font-size:.75rem;font-weight:300;letter-spacing:.12em;text-transform:uppercase;opacity:.6}.now-playing h2{margin:0 0 .25rem;font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:800;letter-spacing:-.03em;color:var(--color-highlight)}.now-playing-artist{margin:0 0 .25rem}.now-playing-work{margin:0 0 .75rem;font-size:.9rem;opacity:.7}.now-playing-note{font-size:.95rem}.now-playing-screen{margin:1rem 0 .75rem;aspect-ratio:16/9;background:oklch(12% .02 145)}.now-playing-screen iframe{width:100%;height:100%;border:0;display:block}.now-playing-stop{padding:.4rem .8rem;min-height:36px;font-size:.8rem;border:1px solid color-mix(in srgb,var(--color-highlight) 45%,transparent);border-radius:3px;color:var(--color-highlight);cursor:pointer}.now-playing-stop:hover{background:color-mix(in srgb,var(--color-highlight) 10%,transparent)}.now-playing [hidden]{display:none}.crate-title{opacity:1;font-size:.875rem;margin-bottom:1.25rem}.crate-title span{opacity:.5;margin-left:.4em}.record-crate{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:2rem 1.75rem;padding:0;margin:0;list-style:none}.record-crate li{margin:0}.record-sleeve{display:block;color:inherit;text-decoration:none}.record-sleeve:hover{text-decoration:none}.record-art{position:relative;display:block;aspect-ratio:1;margin-bottom:.6rem}.record-art img{position:relative;width:100%;height:100%;object-fit:cover;background:var(--terracotta);box-shadow:0 0 0 1px oklch(0% 0 0/.2),6px 10px 18px oklch(8% .02 145/.5)}.record-disc{position:absolute;inset:3%;border-radius:50%;background:repeating-radial-gradient(circle,oklch(16% 0 0) 0 2px,oklch(22% 0 0) 2px 3px);transition:translate .45s var(--room-ease),opacity .3s}.record-disc::before{content:"";position:absolute;inset:34%;border-radius:50%;background:radial-gradient(circle,oklch(85% .01 80) 0 6%,transparent 7%),var(--label)50%/cover,var(--terracotta)}.record-sleeve:hover .record-disc,.record-sleeve:focus-visible .record-disc{translate:22% 0}.record-sleeve.is-pulled .record-disc{translate:60% 0;opacity:0}.record-sleeve.is-playing .record-disc{translate:60% 0;opacity:0}.record-sleeve:focus-visible{outline:none}.record-sleeve:focus-visible img{outline:2px solid var(--color-highlight);outline-offset:4px}.record-title{display:block;font-weight:600;color:var(--color-highlight);line-height:1.3}.record-artist{display:block;font-size:.85rem;opacity:.7}.record-sleeve.is-playing .record-title::before{content:"▶ ";font-size:.7em;vertical-align:.1em}@media(max-width:720px){.listening{grid-template-columns:1fr}.record-crate{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 1.25rem}}@media(prefers-reduced-motion:reduce){.record-disc{transition:none}}