.vinyl-room{color:#f3efe5;max-width:1440px;margin:auto;padding:70px 40px;scroll-margin-top:90px}.vr-top{justify-content:space-between;align-items:end;gap:24px;margin-bottom:36px;display:flex}.vr-eyebrow{letter-spacing:.18em;color:#b9bd96;font:10px monospace}.vr-top h2{letter-spacing:-.065em;margin:12px 0;font-size:clamp(48px,7vw,96px);font-weight:900;line-height:1.1}.vr-top h2 em{color:#d5ed76;font-weight:300}.vr-top p:not(.vr-eyebrow){color:#aaa}.vr-top>a{white-space:nowrap;border-bottom:1px solid #6e7552;align-items:center;gap:10px;padding-bottom:8px;font-size:13px;display:flex}.vr-deck{background:linear-gradient(135deg,#1b1e17,#0b0c0b);border:1px solid #373b30;border-radius:12px;grid-template-columns:1.15fr 1fr;display:grid;overflow:hidden}.vr-art{background:radial-gradient(at 50% 45%,#555a302e,#0000 70%);align-items:center;min-height:420px;padding:12% 22% 16% 8%;display:flex;position:relative;overflow:hidden}.vr-sleeve{z-index:1;text-align:left;width:100%;transition:transform .4s;position:relative;transform:rotate(-4deg);box-shadow:4px 20px 45px #0009}.vr-sleeve:hover{transform:rotate(0)scale(1.025)}.vr-sleeve>img{aspect-ratio:1;object-fit:cover;width:100%}.vr-sleeve>span{background:#000b;border-radius:4px;align-items:center;gap:7px;padding:7px;font-size:10px;display:flex;position:absolute;bottom:10px;left:10px}.vr-disc{aspect-ratio:1;background:repeating-radial-gradient(circle,#141414 0 2px,#272727 3px,#111 4px);border-radius:50%;place-items:center;width:65%;animation:12s linear infinite paused vinyl-spin;display:grid;position:absolute;left:29%;box-shadow:0 0 0 2px #353535,10px 10px 30px #000}.vr-disc.is-playing{animation-play-state:running}.vr-disc>img{object-fit:cover;border-radius:50%;width:32%;height:32%}.vr-disc>i{background:#080808;border-radius:50%;width:7px;height:7px;position:absolute}.vr-stamp{letter-spacing:.22em;color:#b8bbab;font:9px monospace;position:absolute;bottom:20px;left:25px}.vr-details{border-left:1px solid #373b30;flex-direction:column;justify-content:center;min-width:0;padding:32px;display:flex}.vr-meta{color:#a6ad8a;text-transform:uppercase;justify-content:space-between;gap:10px;font:11px monospace;display:flex}.vr-artist{color:#d5ed76;margin-top:26px;font-size:14px}.vr-details h3{letter-spacing:-.035em;margin:8px 0 12px;font-size:clamp(24px,3vw,42px);font-weight:800;line-height:1.1}.vr-format{color:#95998e;font-size:12px}.vr-listen{max-height:230px;margin:24px 0;overflow:auto}.vr-track{border-bottom:1px solid #ffffff12;align-items:center;gap:10px;padding:9px 0;display:flex}.vr-track>span{flex:1;font-size:12px}.vr-track>small{color:#949b85;font:10px monospace}.vr-buy{color:#171b0b;letter-spacing:.08em;background:#d5ed76;border-radius:5px;justify-content:space-between;align-items:center;padding:15px 20px;font:700 13px monospace;display:flex}.vr-buy:hover{background:#e8ffa0}.vr-note{color:#999e90;margin-top:9px;font-size:10px}.vr-nav{align-items:center;gap:8px;margin-top:20px;display:flex}.vr-nav button{border:1px solid #404536;border-radius:4px;padding:8px;font-size:11px}.vr-nav>span{color:#999e90;align-items:center;gap:6px;margin-left:auto;font-size:10px;display:flex}.vr-unavailable{color:#b1b5a8;margin-top:12px;font-size:12px;line-height:1.7}.vr-crate{grid-template-columns:repeat(8,minmax(0,1fr));gap:15px;margin-top:28px;display:grid}.vr-crate button{text-align:left;opacity:.64;min-width:0;transition:opacity .2s,transform .2s}.vr-crate button:hover,.vr-crate button.selected{opacity:1;transform:translateY(-5px)}.vr-crate button>div{border:2px solid #0000;position:relative}.vr-crate img{aspect-ratio:1;object-fit:cover;width:100%}.vr-crate button>div>span{background:#000b;padding:2px 5px;font:10px monospace;position:absolute;bottom:5px;left:5px}.vr-crate strong{margin-top:10px;font-size:11px;line-height:1.4;display:block}.vr-crate small{color:#a0a496;margin-top:4px;font-size:10px;display:block}.vr-modal{z-index:150;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000e;place-items:center;padding:50px 20px;display:grid;position:fixed;inset:0}.vr-modal>img{object-fit:contain;max-width:100%;max-height:85vh}.vr-modal>button{background:#272727;border-radius:50%;padding:10px;position:absolute;top:15px;right:20px}.vinyl-room button:focus-visible,.vinyl-room a:focus-visible{outline-offset:5px;outline:2px solid #d5ed76}@keyframes vinyl-spin{to{transform:rotate(360deg)}}@media(max-width:800px){.vinyl-room{padding:45px 20px}.vr-top{display:block}.vr-top>a{width:fit-content;margin-top:22px}.vr-deck{grid-template-columns:1fr}.vr-art{min-height:0;padding-top:10%;padding-bottom:14%}.vr-details{border-top:1px solid #373b30;border-left:0;padding:24px}.vr-crate{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px 10px}.vr-nav>span{font-size:9px}}@media(prefers-reduced-motion:reduce){.vr-disc{animation:none}.vr-sleeve,.vr-crate button{transition:none}}.vinyl-room{color:var(--foreground);padding-inline:clamp(20px,4vw,56px)}.vr-top .vr-eyebrow,.vr-top p:not(.vr-eyebrow){color:var(--muted-foreground)}.vr-top h2 em{color:var(--foreground)}.vr-top>a{border-color:var(--border)}.vr-deck{color:#f3efe5;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.vr-details{padding:clamp(28px,4vw,56px)}.vr-listen{margin:30px 0}.vr-track{gap:16px;padding:13px 0}.vr-track.is-current{border-color:color-mix(in srgb,var(--foreground) 55%,transparent)}.vr-track>span{min-width:0;line-height:1.5}.vr-track>small{text-align:right;min-width:58px}.vr-crate button{opacity:1}.vr-crate small{color:var(--muted-foreground)}.vr-crate button.selected>div{border-color:var(--foreground)}.vr-crate-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-top:38px;display:flex}.vr-crate-toolbar>span{color:var(--muted-foreground);font-size:11px}.vr-crate-toolbar>div{gap:8px;display:flex}.vr-crate-toolbar button{border:1px solid var(--border);border-radius:5px;padding:8px}.vr-crate{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-x pan-y;gap:clamp(18px,2vw,28px);margin-top:10px;padding:12px 4px 24px;display:flex;overflow-x:auto}.vr-crate::-webkit-scrollbar{display:none}.vr-crate:active{cursor:grabbing}.vr-crate>button{scroll-snap-align:start;flex:0 0 clamp(160px,16vw,210px)}.vr-crate img{pointer-events:none;-webkit-user-select:none;user-select:none}.vr-crate:focus-visible{outline:2px solid var(--foreground);outline-offset:4px}@media(max-width:800px){.vinyl-room{padding-inline:20px}.vr-deck{grid-template-columns:1fr}.vr-details{padding:28px 24px}.vr-crate{gap:16px;display:flex}.vr-crate>button{flex-basis:155px}}