@font-face{font-family:"DM Serif Display";font-style:normal;font-display:swap;font-weight:400;src:url(./dm-serif-display-latin-ext-400-normal-p18AlW_x.woff2) format("woff2"),url(./dm-serif-display-latin-ext-400-normal-B1toqZab.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"DM Serif Display";font-style:normal;font-display:swap;font-weight:400;src:url(./dm-serif-display-latin-400-normal-C5_t9oOD.woff2) format("woff2"),url(./dm-serif-display-latin-400-normal-_kVFYEpx.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./dm-mono-latin-ext-400-normal-C2zvOubV.woff2) format("woff2"),url(./dm-mono-latin-ext-400-normal-1aZr6b2b.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./dm-mono-latin-400-normal-4GdczIuU.woff2) format("woff2"),url(./dm-mono-latin-400-normal--0xN8mdc.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./dm-mono-latin-ext-500-normal-BtRyHRi6.woff2) format("woff2"),url(./dm-mono-latin-ext-500-normal-Dw3M13d8.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./dm-mono-latin-500-normal-DRMDZjhP.woff2) format("woff2"),url(./dm-mono-latin-500-normal-CN8Miw6E.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.atropos{position:relative;display:block;perspective:1200px;transform:translateZ(0)}.atropos-rotate-touch,.atropos-rotate-scroll-x,.atropos-rotate-scroll-y{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.atropos-rotate-touch-scroll-y{touch-action:pan-y}.atropos-rotate-touch-scroll-x{touch-action:pan-x}.atropos-rotate-touch{touch-action:none}.atropos-scale,.atropos-rotate{width:100%;height:100%;transform-style:preserve-3d;transition-property:transform;display:block}.atropos-shadow,.atropos-highlight{position:absolute;pointer-events:none;transition-property:transform,opacity;display:block;opacity:0}.atropos-shadow{z-index:-1;background:#000;left:0;top:0;width:100%;height:100%;filter:blur(30px)}.atropos-highlight{left:-50%;top:-50%;width:200%;height:200%;background-image:radial-gradient(circle at 50%,rgba(255,255,255,.25),transparent 50%);z-index:0}.atropos-rotate{position:relative}.atropos-inner{width:100%;height:100%;position:relative;overflow:hidden;transform-style:preserve-3d;transform:translateZ(0);display:block}.atropos-active{z-index:1}.atropos-active .atropos-shadow{opacity:1!important}[data-atropos-offset],::slotted([data-atropos-offset]){transition-property:transform}[data-atropos-opacity]{transition-property:opacity}[data-atropos-offset][data-atropos-opacity],::slotted([data-atropos-offset][data-atropos-opacity]){transition-property:transform,opacity}html,body{margin:0;height:100%;overflow:hidden}*{box-sizing:border-box}:root{--wood:#1c1411;--cream:#efe4cf;--ox:#7a1f1b;--mustard:#d9a23a;--sage:#8fa88a}body{background:var(--wood);color:var(--cream);font-family:DM Mono,monospace;user-select:none;-webkit-user-select:none;background-image:repeating-linear-gradient(92deg,rgba(255,255,255,.018) 0 2px,transparent 2px 9px),repeating-linear-gradient(88deg,rgba(0,0,0,.25) 0 1px,transparent 1px 23px),radial-gradient(90% 70% at 50% 45%,#2c201a,#140e0c)}.top{position:fixed;left:20px;right:16px;top:14px;display:flex;justify-content:space-between;align-items:baseline;gap:12px;z-index:5}h1{margin:0;font:400 26px/1 "DM Serif Display",serif;letter-spacing:.005em}h1 em{font-size:14px;opacity:.78;font-style:italic}.ctl{display:flex;gap:6px;flex:none}.ctl button{font:500 11px DM Mono,monospace;letter-spacing:.06em;color:var(--cream);background:transparent;border:1px solid rgba(239,228,207,.35);border-radius:3px;padding:5px 9px;cursor:pointer}.ctl button[aria-pressed=true]{background:var(--cream);color:var(--wood)}.crate{position:absolute;left:0;right:0;top:56px;bottom:40px;display:flex;align-items:center;justify-content:center;gap:clamp(18px,4vw,44px);padding:0 24px}.foot{position:fixed;left:20px;right:20px;bottom:12px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.08em;opacity:.75}.sleeve{--s:min(27vw,54vh);width:var(--s);height:var(--s);flex:none;transform:rotate(var(--tilt))}.sleeve .atropos-inner{border-radius:2px;box-shadow:0 16px 30px -8px #000000b3,0 2px #0006}.cover{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--c);overflow:hidden;box-shadow:inset 0 0 0 1px #00000040}.cover svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:multiply;opacity:.5;background:radial-gradient(130% 100% at 30% 0%,transparent 55%,rgba(40,20,10,.32)),repeating-radial-gradient(circle at 70% 120%,rgba(0,0,0,.05) 0 1px,transparent 1px 3px)}.ring{position:absolute;top:6%;right:6%;bottom:6%;left:6%;border-radius:50%;border:2px solid rgba(0,0,0,.18);pointer-events:none}.layer{position:absolute;pointer-events:none}.title{left:8%;right:8%;bottom:9%;font:400 calc(var(--s)*.135)/.92 "DM Serif Display",serif;color:var(--t);text-shadow:0 2px 0 rgba(0,0,0,.18)}.artist{left:8%;top:8%;font:500 calc(var(--s)*.048)/1.2 "DM Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--t)}.cat{right:8%;top:8%;font:400 calc(var(--s)*.04)/1 "DM Mono",monospace;color:var(--t);opacity:.9}.sticker{right:var(--sx);top:var(--sy);width:calc(var(--s)*.24);height:calc(var(--s)*.24);border-radius:50%;background:var(--st);color:var(--stt);display:grid;place-items:center;text-align:center;font:500 calc(var(--s)*.036)/1.05 "DM Mono",monospace;letter-spacing:.04em;transform:rotate(-14deg);box-shadow:0 3px 6px #00000059}.sticker b{display:block;font:400 calc(var(--s)*.085)/1 "DM Serif Display",serif}.sticker b.long{font-size:calc(var(--s)*.05);letter-spacing:.04em;margin-bottom:2px}.sticker span{max-width:84%;font-size:calc(var(--s)*.036)}.price{left:var(--px);top:var(--py);background:#f6f0e2;color:#1c1411;font:500 calc(var(--s)*.042)/1 "DM Mono",monospace;padding:4px 7px 5px;transform:rotate(var(--pr));box-shadow:0 2px 4px #0000004d}.wax{position:absolute;left:4%;top:4%;width:92%;height:92%;border-radius:50%;pointer-events:none;background:repeating-radial-gradient(circle,#121010 0,#121010 1.5px,#1e1b1a 1.5px,#1e1b1a 3px);box-shadow:0 6px 18px #00000080;transition:transform .7s cubic-bezier(.2,.9,.25,1.25)}.wax:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 30deg,transparent 0 10%,rgba(255,255,255,.12) 14%,transparent 20% 55%,rgba(255,255,255,.09) 62%,transparent 70%)}.wax i{position:absolute;left:33%;top:33%;width:34%;height:34%;border-radius:50%;background:var(--st);animation:spin 3.6s linear infinite}.wax i:before{content:"";position:absolute;left:47%;top:47%;width:6%;height:6%;border-radius:50%;background:#1c1411}.wax i:after{content:attr(data-l);position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding-top:42%;font:500 calc(var(--s)*.022)/1 "DM Mono",monospace;color:#1c1411;letter-spacing:.08em}.paused .wax i{animation-play-state:paused}.sleeve.atropos-active .wax,.pulled .wax{transform:translate(34%)}.no-gloss .atropos-highlight{display:none}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:620px){.crate{justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 15vw}.sleeve{--s:min(64vw,58vh);scroll-snap-align:center}h1 em{display:none}.foot span:last-child{display:none}}
