.wordmark{font-family:var(--font-headline);letter-spacing:-.01em;font-weight:800}.crate-stage{perspective:1400px;perspective-origin:50% 0;position:relative}.crate-stack{position:absolute;inset:7rem .75rem 0}.crate-card{transform-origin:50% 100%;transform:translateY(calc(var(--depth) * -1.3rem)) scale(calc(1 - var(--depth) * .025));border-radius:calc(var(--radius) * .4);box-shadow:0 -1px 0 var(--sleeve-shadow), 0 10px 24px var(--sleeve-shadow);position:absolute;inset:0}.crate-card[data-state=past]{opacity:0;pointer-events:none;transform:translateY(22%)rotateX(-82deg)}.crate-card[data-state=far]{opacity:0;pointer-events:none}.crate-tab{top:-1.75rem;left:var(--tab-x);border-radius:calc(var(--radius) * .6) calc(var(--radius) * .6) 0 0;min-width:5.5rem;height:1.85rem;font-family:var(--font-accent);letter-spacing:.04em;cursor:pointer;align-items:center;padding:0 .75rem;font-size:.7rem;display:flex;position:absolute}.crate-tab:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.crate-front{z-index:300;border-radius:calc(var(--radius) * .5);background:repeating-linear-gradient(180deg, transparent 0 22px, color-mix(in oklch, var(--sleeve-kraft-foreground) 9%, transparent) 22px 23px), var(--sleeve-kraft);height:30%;color:var(--sleeve-kraft-foreground);box-shadow:0 -6px 14px var(--sleeve-shadow);position:absolute;bottom:0;left:0;right:0}.crate-handle{background:var(--vinyl);border-radius:9999px;width:5.5rem;height:1.1rem}@media (prefers-reduced-motion:no-preference){.crate-card{transition:transform .46s cubic-bezier(.2,.7,.2,1),opacity .32s}}.vinyl-disc{background:conic-gradient(from 30deg, transparent 0deg, color-mix(in oklch, var(--vinyl-foreground) 10%, transparent) 40deg, transparent 80deg, transparent 180deg, color-mix(in oklch, var(--vinyl-foreground) 7%, transparent) 220deg, transparent 260deg), repeating-radial-gradient(circle at center, var(--vinyl) 0 2px, var(--vinyl-groove) 2px 3px);border-radius:9999px}.vinyl-scratch{stroke:var(--vinyl-scratch);fill:none;opacity:0}.vinyl-scratch[data-on=true]{opacity:1}.vinyl-inspect{transform:rotate(var(--turn))}@media (prefers-reduced-motion:no-preference){.vinyl-scratch{transition:opacity .26s}.vinyl-inspect{transition:transform .7s cubic-bezier(.2,.7,.2,1)}.vinyl-spin{animation:1.8s linear infinite vinyl-spin}}@keyframes vinyl-spin{to{transform:rotate(360deg)}}.back-cover-row+.back-cover-row{border-top:1px solid var(--border)}.hold-slip{background:var(--sleeve-kraft);color:var(--sleeve-kraft-foreground);border-radius:calc(var(--radius) * .4);box-shadow:0 10px 24px var(--sleeve-shadow)}.hold-slip-line{border-bottom:1px dashed color-mix(in oklch, var(--sleeve-kraft-foreground) 45%, transparent)}.hold-slip-hole{background:var(--background);border-radius:9999px;width:.9rem;height:.9rem}