@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-stretch:75% 100%;font-display:swap;src:url(../media/82a479d98881992e-s.p.24ik8ds6mfy86.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-stretch:75% 100%;font-display:swap;src:url(../media/0344c0a4a9df02b3-s.p.171shbaxyastj.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Fallback;src:local(Arial);ascent-override:94.42%;descent-override:24.33%;line-gap-override:0.0%;size-adjust:102.74%}.dtJXTq_className{font-family:Instrument Sans,Instrument Sans Fallback;font-style:normal}.dtJXTq_variable{--font-instrument:"Instrument Sans", "Instrument Sans Fallback"}
:root{--alu:#d9d8d2;--panel:#f2f1ec;--edge:#b5b4ad;--graphite:#1e1e1b;--signal:#f04e0f}body{background:var(--alu);color:var(--graphite);font-family:var(--font-instrument), system-ui, sans-serif;font-size:17px;line-height:1.5;overflow-x:clip}:focus-visible{outline:3px solid var(--signal);outline-offset:2px}.bar{z-index:5;background:var(--alu);border-bottom:2px solid var(--edge);justify-content:space-between;align-items:center;gap:24px;padding:12px clamp(16px,3vw,40px);display:flex;position:sticky;top:0}.bar__logo{letter-spacing:-.02em;font-size:30px;font-weight:700;font-stretch:75%;text-decoration:none}.bar__cart{background:var(--graphite);color:var(--panel);border:0;border-radius:6px;padding:8px 18px;font-weight:600}.hero{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,64px);padding:clamp(20px,3vw,40px);display:grid}.deck{width:100%;height:auto}.deck__platter{transform-origin:270px 260px;animation:spin var(--turn) linear infinite;animation-play-state:paused}.deck--playing .deck__platter{animation-play-state:running}.deck__arm{transform-origin:580px 82px;transition:transform .7s cubic-bezier(.4,0,.2,1)}.deck--playing .deck__arm{transform:rotate(31deg)}@keyframes spin{to{transform:rotate(360deg)}}.panel h1{letter-spacing:-.025em;font-size:clamp(40px,4.8vw,76px);font-weight:700;font-stretch:75%;line-height:.98}.now{background:var(--panel);border-radius:10px;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:18px;margin-top:28px;padding:14px;display:grid}.now__artist,.grid__artist{font-weight:600}.now h2{font-size:28px;font-weight:700;font-stretch:85%;line-height:1.1}.cover{width:100%;height:auto}.controls{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:14px;display:flex}.speed,.filters{flex-wrap:wrap;gap:6px;display:flex}.key{border:1px solid var(--edge);background:var(--panel);min-height:44px;box-shadow:0 2px 0 var(--edge);border-radius:6px;padding:8px 16px;font-weight:600;transition:transform 80ms,box-shadow 80ms,background-color .12s}.key:active{box-shadow:none;transform:translateY(2px)}.key[aria-pressed=true]{background:var(--signal);border-color:var(--signal);color:var(--graphite);box-shadow:0 2px #a93408}.buy{background:var(--graphite);width:100%;color:var(--panel);border:0;border-radius:6px;margin-top:14px;padding:16px;font-size:19px;font-weight:600;display:block}.buy:hover{background:#3a3a35}.crate{background:var(--panel);padding:clamp(40px,6vw,80px) clamp(20px,3vw,40px)}.crate__head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 32px;display:flex}.crate h2{letter-spacing:-.025em;font-size:clamp(44px,5.6vw,88px);font-weight:700;font-stretch:75%;line-height:1}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px clamp(16px,2.4vw,32px);margin-top:36px;display:grid}.sleeve{background:0 0;border:0;width:100%;padding:0;transition:transform .18s;display:block}.sleeve:hover{transform:translateY(-6px)rotate(-1.5deg)}.grid__artist{margin-top:12px}.grid h3{font-size:22px;font-weight:700;font-stretch:85%;line-height:1.15}.grid__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;font-weight:600;display:flex}.demo-note{background:var(--graphite);color:var(--panel)}.cart{background:var(--panel);width:min(460px,100vw);max-width:none;height:100dvh;max-height:none;color:var(--graphite);border:0;margin:0 0 0 auto;padding:0}.cart::backdrop{background:#1e1e1b80}.cart[open]{animation:.22s ease-out slide}@keyframes slide{0%{opacity:0;transform:translate(40px)}}.cart__inner{min-height:100%;padding:20px}.cart__head{justify-content:space-between;align-items:center;display:flex}.cart__head h2{font-size:40px;font-weight:700;font-stretch:75%}.cart__empty{margin-top:28px;font-size:20px;line-height:1.35}.cart__lines{margin-top:16px}.cart__lines li{border-bottom:1px solid var(--edge);grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px;padding-block:12px;display:grid}.cart__title{font-weight:700;line-height:1.2}.qty{align-items:center;gap:8px;font-weight:600;display:flex}.qty .key{width:44px;padding:0}.cart__sum{margin-block:14px}.cart__sum div{justify-content:space-between;padding-block:4px;display:flex}.cart__total{font-size:26px;font-weight:700}@media (max-width:900px){.hero{grid-template-columns:minmax(0,1fr)}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}