:root{--cream:#efe6d2;--sage:#86b896;--brass:#d2b06a;--brass-d:#8f7238;--green:#22352b;--green-d:#111b15;--serif:"Cormorant Garamond",Georgia,serif;--sans:"Archivo","Helvetica Neue",Arial,sans-serif;--mono:"Courier Prime","Courier New",monospace;--ease:cubic-bezier(.16,1,.3,1);--w:clamp(128px,36vw,310px);--gap:clamp(90px,17vw,170px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;scroll-behavior:smooth;background:#120a08}html.locked,html.locked body{overflow:hidden}body{font-family:var(--serif);color:var(--cream);background:#120a08 url(/music/assets/brick.svg) 0 0/220px;min-height:100vh;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(90% 70% at 50% 25%,#080c0a59,#040705db 100%),#06090780;position:fixed;inset:0}img{-webkit-user-drag:none;pointer-events:none;display:block}a,button{font:inherit;color:inherit;-webkit-touch-callout:none}button{cursor:pointer;background:0 0;border:0}:focus-visible{outline:2px solid var(--sage);outline-offset:4px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.hero{z-index:1;justify-content:center;padding:7.4rem 1rem 1.4rem;display:flex;position:relative}.poster{text-align:center;transform-origin:50% 0;background:linear-gradient(165deg,#263c30 0%,#16241c 55%,#0d1711 100%);border:9px solid #39291b;border-radius:3px;width:min(92vw,620px);padding:clamp(1.8rem,4.5vw,2.8rem) clamp(1.2rem,4vw,2.4rem) clamp(1.6rem,4vw,2.3rem);animation:none;position:relative;transform:rotate(0);box-shadow:inset 0 0 0 2px #d6b06a6b,inset 0 0 22px #0009,0 2px #120c08,0 24px 42px #000000d1,0 4px 8px #000000a6}.poster:before{content:"";pointer-events:none;border:1px solid #86b89661;position:absolute;inset:10px}.poster:after{content:"";pointer-events:none;mix-blend-mode:overlay;opacity:.5;background:repeating-linear-gradient(0deg,#ffffff09 0 1px,#0000 1px 3px),radial-gradient(120% 90% at 20% 0,#ffffff1f,#0000 60%);position:absolute;inset:0}.poster h1:before,.poster h1:after{display:none}.poster h1{font:600 clamp(2rem,6vw,3.7rem)/1.05 var(--serif);color:var(--sage);text-shadow:0 1px #00000080;max-width:16ch;margin:0 auto;position:relative}.poster p{color:#b7c9b9;margin-top:1.1rem;font-size:clamp(1.1rem,2.3vw,1.4rem);font-style:italic;position:relative}.poster h1:before,.poster h1:after{content:"";opacity:.92;background:linear-gradient(#e7debec7,#cdc298b3);width:74px;height:26px;position:absolute;top:calc(-1*clamp(1.8rem,4.5vw,2.8rem) - 12px);box-shadow:0 1px 3px #00000073}.poster h1:before{left:-14px;transform:rotate(-38deg)}.poster h1:after{right:-14px;transform:rotate(38deg)}@media (prefers-reduced-motion:reduce){.poster{animation:none}}.room{z-index:1;max-width:1100px;margin:0 auto;padding:1rem clamp(10px,3vw,40px) 2rem;position:relative}@media (width<=1100px){.room{overflow-x:clip}}.row{padding:0;padding-top:var(--gap);grid-template-columns:1fr 1fr;place-items:end center;margin-top:clamp(2.6rem,6vw,4.5rem);display:grid;position:relative}.row>.rec-slot{order:2}.row>.cov-slot,.row.flip>.rec-slot{order:1}.row.flip>.cov-slot{order:2}.board{z-index:0;background:linear-gradient(#3b5546 0,#28392f 18%,#1a271f 60%,#0d150f 100%);border-radius:2px;height:26px;position:absolute;bottom:-26px;left:-2%;right:-2%;box-shadow:inset 0 1px #ffffff1f,0 22px 26px #000000bf,0 4px #070c08}.board:after{content:"";mix-blend-mode:overlay;background:repeating-linear-gradient(90deg,#ffffff06 0 2px,#0000 2px 7px);position:absolute;inset:0}.plate{z-index:2;font:700 .62rem/18px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#2a2110;white-space:nowrap;background:linear-gradient(#e3cd97,#b89858 60%,#8f7238);border-radius:2px;padding:1px 26px;position:absolute;bottom:-23px;left:50%;transform:translate(-50%);box-shadow:0 1px 2px #000000b3,inset 0 1px #ffffff80}.plate:before,.plate:after{content:"";background:radial-gradient(circle at 35% 30%,#f4e6b8,#6d5628);border-radius:50%;width:6px;height:6px;margin-top:-3px;position:absolute;top:50%;box-shadow:0 1px 1px #0009}.plate:before{left:8px}.plate:after{right:8px}.item{z-index:1;width:var(--w);height:var(--w);perspective:900px;margin-bottom:0;position:relative}.item:before{content:"";z-index:3;left:16%;right:16%;top:calc(var(--gap)*-1 + 16px);height:calc(var(--gap) - 6px);pointer-events:none;clip-path:polygon(46% 0,54% 0,100% 100%,0 100%);filter:blur(7px);mix-blend-mode:screen;background:linear-gradient(#ffecb480,#ffe29c33 62%,#ffda921a);position:absolute;-webkit-mask-image:linear-gradient(90deg,#0000,#000 30% 70%,#0000);mask-image:linear-gradient(90deg,#0000,#000 30% 70%,#0000)}.lamp{left:50%;top:calc(var(--gap)*-1);z-index:2;pointer-events:none;width:44px;height:20px;margin-left:-22px;position:absolute}.lamp:before{content:"";background:linear-gradient(90deg,#6d5628,#e3cd97 45%,#8f7238);border-radius:22px 22px 4px 4px;height:16px;position:absolute;top:0;left:4px;right:4px;box-shadow:0 3px 6px #000000b3}.lamp:after{content:"";background:radial-gradient(at 50% 35%,#fff9dc 0 20%,#ffe3a1 48%,#ffca6d40 74%,#0000 100%);border-radius:50%;height:8px;position:absolute;bottom:-1px;left:10px;right:10px;box-shadow:0 2px 4px #000000b3,0 0 10px 3px #ffe2a0b3,0 8px 22px 8px #ffc76d33}.lamp{filter:drop-shadow(0 4px 3px #000000b3)}.lamp+.cover,.lamp+.disc{filter:drop-shadow(0 15px 12px #000000a8)}.item:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#ffdc9647,#0000);border-radius:50%;width:130%;height:34px;position:absolute;bottom:-16px;left:50%;transform:translate(-50%)}.item button{width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s var(--ease);will-change:transform;position:absolute;inset:0}.cover{transform:rotateY(-14deg)rotateX(1deg)}.cover:hover,.cover:focus-visible{transform:translateY(-8px)rotateY(-3deg)scale(1.02)}.cover .face{background:#111 50%/cover;position:absolute;inset:0;box-shadow:0 18px 40px #000000b3}.cover .face:after{content:"";background:radial-gradient(125% 85% at 50% -10%,#fff0bea8,#ffe4a242 44%,#0000 74%),linear-gradient(115deg,#fff3,#0000 34% 66%,#00000042),linear-gradient(90deg,#ffffff2e 0,#0000 3%),linear-gradient(#0000 46%,#0006);position:absolute;inset:0}.cover .edge{transform-origin:100%;background:linear-gradient(90deg,#d9d2c0,#8e8878);width:16px;height:100%;position:absolute;top:0;right:0;transform:rotateY(90deg)translateZ(0)}.disc{--a:20deg;transform:rotateY(12deg)}.disc:hover,.disc:focus-visible{transform:translateY(-8px)rotateY(2deg)scale(1.03)}.vinyl{background:conic-gradient(from var(--a),transparent 0 9%,#ffffff42 13%,transparent 19% 50%,#fff3 63%,transparent 69%), radial-gradient(circle,transparent 0 37%,#0009 37.5%,transparent 40%), repeating-radial-gradient(circle,#08090a 0 1.5px,#191b1c 2px 2.6px);border-radius:50%;position:absolute;inset:0;box-shadow:0 14px 34px #000000bf,0 0 0 2px #050505,inset 0 0 0 5px #ffffff0a}.item .vinyl{background-image:radial-gradient(115% 72% at 50% -8%,#fff0be8f,#ffe4a233 46%,transparent 72%),conic-gradient(from var(--a),transparent 0 9%,#ffffff42 13%,transparent 19% 50%,#fff3 63%,transparent 69%),radial-gradient(circle,transparent 0 37%,#0009 37.5%,transparent 40%),repeating-radial-gradient(circle,#08090a 0 1.5px,#191b1c 2px 2.6px)}.item .vinyl:before{background:linear-gradient(180deg,#ffeeba57,transparent 62%),var(--cv) center/cover}.vinyl:before{content:"";background:var(--cv) center/cover;border-radius:50%;position:absolute;inset:32%;box-shadow:0 0 0 2px #0c0c0c,inset 0 0 12px #00000073}.vinyl:after{content:"";background:radial-gradient(circle at 40% 35%,#0c1410,#1d2c22);border-radius:50%;position:absolute;inset:47.4%;box-shadow:0 0 0 2px #ebe1c3d9,inset 0 1px 2px #000}.stand{z-index:-1;background:linear-gradient(#d6bc7c,#8f7238);border-radius:2px 2px 10px 10px;width:44%;height:18px;position:absolute;bottom:-12px;left:50%;transform:translate(-50%);box-shadow:0 5px 8px #000000b3}.stand:before,.stand:after{content:"";background:linear-gradient(90deg,#b89858,#6d5628);border-radius:2px;width:8px;height:26px;position:absolute;bottom:14px}.stand:before{left:6px}.stand:after{right:6px}#stage{z-index:80;visibility:hidden;opacity:0;background:radial-gradient(60% 55% at 32% 42%,#ffd68c29,#0000 70%),#040705f9;transition:opacity .5s,visibility 0s .5s;display:flex;position:fixed;inset:0;overflow-y:auto}#stage.open{visibility:visible;opacity:1;transition:opacity .5s}.st-close{top:max(14px,env(safe-area-inset-top));z-index:5;width:44px;height:44px;color:var(--brass);background:#0a100cb3;border:1px solid #86b89680;border-radius:50%;font-size:1.6rem;line-height:1;position:fixed;right:16px}.sheet{grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(1rem,4vw,3.5rem);width:min(1080px,100%);margin:auto;padding:4.5rem clamp(1rem,4vw,3rem) 3rem;display:grid}.scene{perspective:1300px;aspect-ratio:1.3;place-items:center;display:grid;position:relative}.obj{aspect-ratio:1;width:62%;transform-style:preserve-3d;transition:transform .9s var(--ease);position:relative}#stage.float .obj{animation:7s ease-in-out infinite sway}#stage.tilt .obj{transform:rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg)) translateY(-3%);animation:none}@keyframes sway{0%,to{transform:translateY(-3%)rotateY(-22deg)rotateX(5deg)}50%{transform:translateY(-7%)rotateY(20deg)rotateX(-4deg)}}.sleeve{transform-style:preserve-3d;position:absolute;inset:0;transform:translateZ(0)}.sleeve .face{backface-visibility:hidden;background:#111 50%/cover;position:absolute;inset:0;box-shadow:0 30px 70px #000c}.sleeve .face:after{content:"";background:linear-gradient(120deg,#fff3,#0000 40%);position:absolute;inset:0}.sleeve .back{background:#e9e2cf;transform:rotateY(180deg)translateZ(14px)}.sleeve .front{transform:translateZ(14px)}.sleeve .side{transform-origin:100%;background:linear-gradient(90deg,#cfc8b4,#8a8471);width:28px;height:100%;position:absolute;top:0;right:0;transform:rotateY(90deg)translateZ(0)}.rec{border-radius:50%;transition:transform 1.2s cubic-bezier(.5,.05,.25,1);position:absolute;inset:3%;transform:translate3d(78%,0,-6px)rotate(0)}.rec .vinyl{position:absolute;inset:0}#stage.rolled .rec{transform:translate(6%)rotate(-540deg)}.st-info h2{font:600 clamp(1.9rem,4.6vw,3rem)/1.05 var(--serif)}.st-info .sub{color:var(--sage);margin-top:.4rem;font-size:1.3rem;font-style:italic}.st-info .kind{font:.68rem var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#a9b3a4;margin-top:1rem}.st-info p{color:#ddd4bd;max-width:44ch;margin-top:.9rem;font-size:1.18rem;line-height:1.55}.st-info,.st-stores{opacity:0;transition:.8s var(--ease);transform:translateY(14px)}#stage.shown .st-info,#stage.shown .st-stores{opacity:1;transform:none}#stage.shown .st-stores{transition-delay:.2s}.st-stores{grid-column:2;margin-top:1.4rem}.st-stores h3{font:.66rem var(--mono);letter-spacing:.2em;text-transform:uppercase;color:#a9b3a4;margin-bottom:.7rem}.info-col{flex-direction:column;display:flex}.chips{flex-wrap:wrap;gap:.6rem;display:flex}.chip{font:600 .74rem var(--sans);letter-spacing:.04em;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;padding:.7rem;text-decoration:none;transition:filter .3s,transform .3s;display:inline-flex}.chip:hover,.chip:focus-visible{filter:drop-shadow(0 0 8px #86b89680);background:0 0;transform:translateY(-2px)}.chip img{object-fit:contain;width:22px;height:22px}.deckwrap{z-index:1;perspective:1200px;width:min(620px,92vw);margin:clamp(4rem,9vw,6rem) auto 0;position:relative}.deck{aspect-ratio:1.12;transform-origin:50% 100%;background:linear-gradient(145deg,#4d6352 0%,#26392e 30%,#17251d 72%,#0b120d 100%);border-radius:10px;position:relative;transform:rotateX(24deg);box-shadow:0 40px 60px #000c,inset 0 1px #fff3,inset 0 0 0 6px #0f1812,inset 0 -18px 28px #0000004d}.deck:before{content:"";pointer-events:none;border:1px solid #dccda32e;border-radius:6px;position:absolute;inset:10px;box-shadow:inset 0 0 20px #0000006b}.platter{aspect-ratio:1;background:#0a0a0b;border-radius:50%;width:58%;position:absolute;top:7%;left:5%;box-shadow:0 0 0 7px #c9c3b2,0 0 0 9px #55503f,0 10px 20px #000000b3}.platter .vinyl{animation:2.6s linear infinite paused spin}.platter .vinyl:before{background:radial-gradient(circle,#0000 0 68%,#00000047 69% 70%,#0000 71%),radial-gradient(circle at 35% 30%,#dc4a3c,#b32229 55%,#7d1216);box-shadow:0 0 0 2px #0c0c0c,inset 0 0 10px #00000080}.deck.on .platter .vinyl{animation-play-state:running}@keyframes spin{to{transform:rotate(360deg)}}.arm{aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#efe0b0,#6d5628);border-radius:50%;width:9%;position:absolute;top:11%;right:8%;box-shadow:0 4px 8px #000000b3,0 0 0 3px #00000059}.arm i{transform-origin:50% 0;width:13%;height:560%;transition:transform 1.5s var(--ease);background:linear-gradient(90deg,#f6eed2,#8e8878 60%,#5f5b4e);border-radius:3px;margin-left:-6.5%;position:absolute;top:50%;left:50%;transform:rotate(26deg);box-shadow:2px 3px 5px #0000008c}.arm i:before{content:"";background:linear-gradient(90deg,#4a4a4a,#9b9b9b 45%,#3a3a3a);border-radius:2px;width:280%;height:13%;position:absolute;top:-17%;left:-90%}.arm i:after{content:"";transform-origin:50% 0;background:linear-gradient(90deg,#161616,#2c2c2c);border-radius:2px;width:270%;height:7%;position:absolute;bottom:-3%;left:-85%;transform:rotate(-12deg)}.deck.on .arm i{transform:rotate(53deg)}.playbtn{background:radial-gradient(circle at 35% 30%,#efe0b0,#8f7238);border-radius:50%;width:56px;height:56px;position:absolute;bottom:8%;right:6%;box-shadow:0 4px 8px #000000b3}.playbtn:active{transform:scale(.94)}.signed{filter:drop-shadow(0 1px #000000a6)drop-shadow(0 0 6px #fcab0040);opacity:.96;width:50%;position:absolute;bottom:5%;left:8%;transform:rotate(-3deg)}.signed img{width:100%;height:auto}.sign-fb{color:#e0b24a;font-size:1.6rem;font-style:italic;display:none}.cta{z-index:1;text-align:center;padding:3.5rem 1rem 1rem;position:relative}.cta h2{font:600 clamp(1.7rem,4.4vw,2.7rem)/1.1 var(--serif);color:var(--sage)}.cta p{color:#cbc2ab;max-width:46ch;margin:.8rem auto 1.6rem;font-size:1.2rem;font-style:italic}.cta .chips{justify-content:center}.cta .chip{padding:.95rem}.cta .chip img{width:28px;height:28px}.foot{z-index:1;text-align:center;padding:3rem 1rem calc(3rem + env(safe-area-inset-bottom));position:relative}.foot p{font:.62rem var(--mono);letter-spacing:.1em}.foot a.legal{color:var(--sage);border-bottom:1px solid #86b89673;text-decoration:none}.foot .dmca{justify-content:center;margin-top:1.1rem;display:flex}@media (width<=820px){.sheet{grid-template-columns:1fr;padding-top:4rem}.st-stores{grid-column:1}.scene{aspect-ratio:1.15}.obj{width:66%}}@media (width<=520px){.plate{padding:1px 20px;font-size:.5rem}.hero{padding-top:6rem}.playbtn{width:44px;height:44px}}@media (hover:none){.cover:hover,.disc:hover{transform:inherit}}@media (prefers-reduced-motion:reduce){*{transition-duration:10ms!important;animation:none!important}}