.record-room{background:#141515}.record-room-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:5vw;align-items:start}.listening-station{position:sticky;top:7rem;min-width:0}.deck{position:relative;width:100%;isolation:isolate;filter:drop-shadow(0 20px 16px #0007)}.deck-drawing{width:100%;height:auto;display:block;overflow:visible}.deck-start{position:absolute;left:2.5%;top:86.5%;width:13%;height:12%;min-width:48px;min-height:48px;padding:0;border:0;border-radius:2px;background:transparent;cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;display:grid;place-items:center;color:#161616}.deck-play-hint{margin:.8rem .5rem 0;color:var(--muted);font-size:.875rem}.deck-start:focus:not(:focus-visible){outline:none}.deck-start:active:not(:disabled){background:#0000000a}.deck-start:disabled{cursor:default}.deck-start:focus-visible{outline:2px solid #fff;outline-offset:3px}.deck-drop-hint{position:absolute;left:9%;right:31%;top:69%;text-align:center;color:#efeee8;background:#090909c9;padding:.5rem .3rem;font:.75rem/1.5 var(--font-sans);pointer-events:none}.deck-record{opacity:0;transform-box:view-box;transform-origin:211px 202px;animation:record-revolve 1.8s linear infinite;animation-play-state:paused;transition:opacity .45s}.deck[data-loaded] .deck-record{opacity:1}.deck[data-playing] .deck-record{animation-play-state:running}.deck-arm{transform-box:view-box;transform-origin:463px 90px;filter:drop-shadow(-3px 4px 2px #0005);transition:transform 1.15s cubic-bezier(.4,0,.2,1),filter 1.15s ease}.deck[data-playing] .deck-arm{transform:rotate(24deg);filter:drop-shadow(-.7px 1px .6px #0007)}.deck[data-drag-over]{outline:1px dashed #ccc;outline-offset:8px}.record-on-deck{margin:1.3rem 0 1.6rem;padding:0 .5rem}.record-eyebrow{font:.75rem var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.record-on-deck h3{font-size:clamp(1.5rem,2.1vw,2rem);font-weight:500;line-height:1.3;letter-spacing:-.025em;margin:.7rem 0}.record-on-deck p{font-size:1rem;color:#bcbcb8}.record-source-link{display:inline-block;margin-top:1rem;color:#bcbcb8;font:.8rem var(--font-sans);text-decoration:underline;text-underline-offset:5px}.record-source-link[hidden],.record-listening[hidden],.record-more[hidden],.record-player-dock[hidden]{display:none}.record-listening{display:grid;gap:.75rem;padding:0 .5rem}.record-listening label{font-size:.875rem;color:#bbb}.record-room select,.record-search input{width:100%;min-width:0;border:1px solid #484a49;border-radius:0;background:#1c1d1d;color:var(--paper);padding:.8rem .7rem;font:inherit;font-size:.875rem}.record-room select:focus-visible,.record-search input:focus-visible{outline:2px solid #ddd;outline-offset:3px}.record-play{padding:.9rem 1rem;border:1px solid #777;background:transparent;color:var(--paper);font:.875rem var(--font-sans);cursor:pointer;display:flex;justify-content:space-between;gap:1rem}.record-play:hover:not(:disabled){border-color:var(--paper);background:#ffffff08}.record-play:disabled{opacity:.4;cursor:default}.record-feedback{color:#bcbcb8;font-size:.875rem;min-height:1.4em}.record-feedback:empty{display:none}.shelf-toolbar{display:grid;gap:.7rem;grid-template-columns:1fr;margin-bottom:1rem}.record-crate{position:relative;padding:0;background:transparent;border:0;box-shadow:none}.crate-label{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:0 0 .8rem;border:0;border-bottom:1px solid var(--line);background:transparent;color:#e9e6dc;box-shadow:none}.crate-label span{font:1rem var(--font-sans);letter-spacing:.08em;text-transform:uppercase}.crate-label img{width:7rem;height:auto}.crate-label small{color:#aaa59a;font:.7rem var(--font-sans);text-align:right}.crate-tray{margin-top:.8rem;padding:1rem 0 0;background:transparent;border:0;box-shadow:none}.record-search input{border:0;border-bottom:1px solid #666;background:transparent;padding:.8rem 0;font-size:1rem}.record-search input::placeholder{color:#9b9b97}.shelf-status{font:.75rem/1.7 var(--font-sans);color:var(--muted);margin:1.2rem 0}.shelf-status:empty{display:none}.record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem 1rem}.record-card{min-width:0;text-align:left;color:var(--paper);border:0;background:transparent;padding:0;font:inherit;cursor:pointer}.record-card-cover{display:block;position:relative;aspect-ratio:1;background:#292a29;border:1px solid #ffffff15;box-shadow:3px 4px #060606;transition:transform .25s,box-shadow .25s}.record-card-cover:before{content:attr(data-initials);position:absolute;inset:0;display:grid;place-items:center;color:#999;font:1.7rem var(--font-serif)}.record-card-cover img{position:relative;width:100%;height:100%;object-fit:cover;filter:saturate(.6)}.record-card:hover .record-card-cover{transform:translateY(-5px) rotate(-2deg);box-shadow:5px 9px #060606}.record-card:hover img,.record-card[aria-pressed=true] img{filter:saturate(1)}.record-card[aria-pressed=true] .record-card-cover{outline:2px solid var(--paper);outline-offset:4px}.record-card-artist,.record-card-title{display:block;overflow-wrap:anywhere}.record-card-artist{font-size:.875rem;margin:.75rem 0 .2rem;line-height:1.35}.record-card-title{color:#a9a9a4;font-size:.8rem;line-height:1.4}.crate-browse{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1rem;padding-top:0;color:#a9a9a4;font:.72rem var(--font-sans)}.crate-browse-button{border:0;padding:.45rem 0;background:transparent;color:#e7e5dd;font:inherit;cursor:pointer}.crate-browse-button:hover:not(:disabled){color:#fff;text-decoration:underline;text-underline-offset:5px}.crate-browse-button:disabled{color:#555;border-color:#333;cursor:default}.record-more{display:block;margin:2rem auto 0;background:transparent;border:0;border-bottom:1px solid #aaa;color:var(--paper);padding:.6rem 0;cursor:pointer;font:.875rem var(--font-sans)}.discogs-credit{margin-top:3rem;padding-top:0;color:#9b9b96;font-size:.75rem;line-height:1.7;max-width:64rem}.discogs-credit a{text-decoration:underline;text-underline-offset:3px}.record-player-dock{position:fixed;bottom:1rem;right:1rem;z-index:40;width:300px;max-width:calc(100vw - 2rem);padding:0;background:#111;border:1px solid #777;box-shadow:0 10px 50px #0009}.record-player-header{display:flex;align-items:center;gap:.65rem;padding:.25rem .5rem .25rem .8rem;min-height:48px}.player-live-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#777}.record-player-dock[data-playing] .player-live-dot{background:#d0543a;box-shadow:0 0 0 3px #d0543a22}.record-player-header span{font:.75rem/1.5 var(--font-sans);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.record-player-header [data-player-title]{flex:1}.record-player-header button{min-width:44px;min-height:44px;border:0;color:#eee;background:transparent;font:.72rem var(--font-sans);cursor:pointer}.record-player-header [data-player-close]{font-size:1.5rem}.record-player-header button:hover{color:#fff;background:#ffffff12}.record-player-video{display:flex;justify-content:center;padding:0 .8rem .8rem}.record-player-video[hidden]{display:none}.record-player-video iframe{display:block;width:100%;max-width:350px;height:220px;border:0;background:#111;color-scheme:dark}.player-message{font-size:.8rem;color:#bbb;padding:0 .8rem}.player-message:not(:empty){padding:.7rem .8rem}@keyframes record-revolve{to{transform:rotate(360deg)}}@media(max-width:1050px){.record-room-layout{gap:3vw;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main-nav{gap:1.3rem}}@media(max-width:720px){.record-room-layout{display:flex;flex-direction:column;gap:2.5rem}.record-shelf{order:1}.listening-station{order:2;position:static}.record-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.deck-start{font-size:clamp(.55rem,1.6vw,.8rem)}.deck-drop-hint{font-size:clamp(.6rem,1.8vw,.8rem)}.record-room .section-heading{align-items:flex-start}.crate-label small{display:none}.crate-tray{padding:.75rem 0 0}}@media(max-width:400px){.record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.record-player-dock{bottom:.5rem;right:.5rem;max-width:calc(100vw - 1rem)}}@media(prefers-reduced-motion:reduce){.deck-record{animation:none;transition:none}.deck-arm{transition:none}.record-card:hover .record-card-cover{transform:none}}.record-crate{background:transparent;border:0;box-shadow:none}.crate-label{border:0;border-bottom:1px solid var(--line);background:transparent;box-shadow:none}.record-crate .record-grid{display:block;position:relative;aspect-ratio:1;padding:0;perspective:900px;touch-action:pan-y;isolation:isolate}.record-crate .record-card{position:absolute;left:8%;top:16%;width:84%;aspect-ratio:1;transform-origin:50% 0;transform:translateY(calc(var(--depth) * -14px)) scale(calc(1 - var(--depth) * .035))}.record-crate .record-card[aria-hidden=true]{pointer-events:none}.record-crate .record-card-cover{box-shadow:0 -2px #b2b0a177,0 12px 18px #0009;border:1px solid #7776}.record-crate .record-card[aria-hidden=true] img{filter:brightness(.55) saturate(.4)}.record-crate .record-card[aria-hidden=false]{animation:crate-reveal .3s ease-out}.record-crate .record-card:hover .record-card-cover{transform:translateY(-4px)}.record-crate .record-card:focus-visible,.record-grid:focus-visible{outline:2px solid #e3e2dc;outline-offset:5px}.crate-record-info{display:grid;gap:.3rem;margin:1.4rem 0 .8rem;min-height:3.5rem;text-align:center;overflow-wrap:anywhere}.crate-record-info strong{font-size:1.125rem;font-weight:500}.crate-record-info span{font-size:.95rem;color:#babcb5}.crate-hint{color:#a4a79f;font-size:.8125rem;line-height:1.6;text-align:center}.crate-browse{font-size:.875rem}.crate-browse-button{min-height:44px}@media(max-width:720px){.record-room-layout{align-items:stretch}.record-shelf{width:100%;min-width:0}.record-crate .record-grid{aspect-ratio:auto;height:0;padding:calc(100% + 48px) 0 0}.record-crate .record-card{left:0;top:48px;width:100%}}@keyframes crate-reveal{0%{opacity:.4;translate:0 10px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.record-crate .record-card[aria-hidden=false]{animation:none}.record-crate .record-card:hover .record-card-cover{transform:none}}.genre-strip[data-astro-cid-jcweeix4]{position:relative;padding:1.75rem 0;border-bottom:1px solid var(--line);background:#191a19}.genre-window[data-astro-cid-jcweeix4]{overflow:hidden;padding-block:.3rem}.genre-track[data-astro-cid-jcweeix4]{display:flex;width:max-content;animation:genre-scroll 48s linear infinite}.genre-group[data-astro-cid-jcweeix4]{display:flex;flex-shrink:0;align-items:center;justify-content:space-around;min-width:100vw}.genre-group[data-astro-cid-jcweeix4]>span[data-astro-cid-jcweeix4]{display:flex;align-items:center;white-space:nowrap;font:500 clamp(1.6rem,2.7vw,2.8rem)/1.3 var(--font-sans);letter-spacing:-.025em}.genre-group[data-astro-cid-jcweeix4]>.genre-italic[data-astro-cid-jcweeix4]{font-family:var(--font-serif);font-style:italic}.genre-separator[data-astro-cid-jcweeix4]{margin:0 clamp(1.5rem,3vw,3.5rem);color:#777;font:400 1.1rem var(--font-sans)}@keyframes genre-scroll{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.genre-track[data-astro-cid-jcweeix4]{width:100%;animation:none}.genre-group[data-astro-cid-jcweeix4]{min-width:0;width:100%;flex-wrap:wrap;justify-content:center;gap:.75rem 0;padding:0 1.2rem}.genre-group[data-astro-cid-jcweeix4]+.genre-group[data-astro-cid-jcweeix4]{display:none}}