/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@font-face{font-family:Geist Pixel;src:url(/fonts/GeistPixel-Square.woff2)format("woff2");font-weight:400;font-display:swap;unicode-range:u+a1-a8,u+aa-ad,u+af-b6,u+b8-d6,u+d8-113,u+116-12b,u+12e-137,u+139-13e,u+141-148,u+14c-14d,u+150-165,u+168-17e,u+18f,u+192,u+1cd-1ce,u+218-21b,u+237,u+259,u+2bb,u+2c6-2c7,u+2d8-2dd,u+300-304,u+306-308,u+30a-30c,u+312,u+326-328,u+39b,u+3a9,u+3bb-3bc,u+3c0,u+1e20-1e21,u+1e80-1e85,u+1e9e,u+1ebc-1ebd,u+1ef2-1ef3,u+1ef8-1ef9,u+201a,u+201e,u+2020-2021,u+2030,u+2032-2033,u+2039-203a,u+2044,u+2116-2117,u+2120,u+2191,u+2193-2199,u+21a9-21aa,u+21b0-21b1,u+21b4-21b5,u+21e4-21e5,u+21e7,u+2202,u+2206,u+220f,u+2211-2212,u+221a,u+221e,u+222b,u+2248,u+2260,u+2264-2265,u+25b2,u+25ca,u+301c,u+a78b-a78c,u+f8ff,u+fb01-fb02}@font-face{font-family:Geist Pixel;src:url(/fonts/GeistPixel-Square-common.woff2)format("woff2");font-weight:400;font-display:swap;unicode-range:u+20-7e,u+a0,u+a9,u+ae,u+b7,u+d7,u+2013-2014,u+2018-2019,u+201c-201d,u+2022,u+2026,u+20ac,u+2122,u+2190,u+2192}@font-face{font-family:Geist Pixel;src:url(/fonts/GeistPixel-Square-ui.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap;unicode-range:u+2039,u+2197}.cd{--s:clamp(200px,min(31vw,46vh),440px);--W:calc(var(--s) * 1.24);--D:calc(var(--s) * 1.2);--H:calc(var(--s) * .44);--t:calc(var(--s) * .05);--oy:71%;--fade:clamp(100px,19%,200px);--room:#080706;--ink:#efe6d8;--ink-soft:#efe6d88f;--ink-faint:#efe6d899;--warm:255,214,160;--spring:linear(0,.052,.176,.332,.494,.643,.77,.871,.947,.999,1.031,1.048,1.054,1.053,1.047,1.038,1.03,1.021,1.014,1.008,1.004,1.001,.999,.998,.997,.997,.997,.998,.998,.999,.999);--spring-soft:linear(0,.0575,.1875,.3438,.4982,.6354,.7488,.8372,.9028,.949,.9796,.9986,1.0091,1.014,1.0152,1.0142,1.0122,1.0099,1.0075,1.0055,1.0038,1.0024,1.0014,1.0008,1.0003);--ease:cubic-bezier(.22,.8,.2,1);width:100vw;font-family:var(--font-site),-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ink);margin-left:calc(50% - 50vw);position:relative}.scene:has(>.cd){overflow-x:clip}.cd-px{text-transform:uppercase;letter-spacing:.08em;font-family:Geist Pixel,GeistPixel,ui-monospace,monospace}.cd-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cd-photo{isolation:isolate;background:var(--room);-webkit-user-select:none;user-select:none;height:clamp(600px,86vh,1000px);position:relative;overflow:hidden}.cd-photo:after,.cd-photo:before{content:"";height:var(--fade);z-index:20;pointer-events:none;position:absolute;left:0;right:0}.cd-photo:before{background:linear-gradient(to bottom,var(--bg) 0,var(--bg) 18%,var(--bg) 42%,var(--bg) 68%,var(--bg) 88%,transparent);top:0}@supports (color:color-mix(in lab,red,red)){.cd-photo:before{background:linear-gradient(to bottom,var(--bg) 0,color-mix(in srgb,var(--bg) 82%,transparent) 18%,color-mix(in srgb,var(--bg) 52%,transparent) 42%,color-mix(in srgb,var(--bg) 22%,transparent) 68%,color-mix(in srgb,var(--bg) 6%,transparent) 88%,transparent)}}.cd-photo:after{background:linear-gradient(to top,var(--bg) 0,var(--bg) 18%,var(--bg) 42%,var(--bg) 68%,var(--bg) 88%,transparent);bottom:0}@supports (color:color-mix(in lab,red,red)){.cd-photo:after{background:linear-gradient(to top,var(--bg) 0,color-mix(in srgb,var(--bg) 82%,transparent) 18%,color-mix(in srgb,var(--bg) 52%,transparent) 42%,color-mix(in srgb,var(--bg) 22%,transparent) 68%,color-mix(in srgb,var(--bg) 6%,transparent) 88%,transparent)}}.cd-room{z-index:0;background:radial-gradient(ellipse 70% 85% at 50% 52%,transparent 40%,#0000008c 100%),radial-gradient(ellipse calc(var(--s) * 1.5) calc(var(--s) * 1.1) at 50% calc(var(--oy) - 14%),rgba(var(--warm),.075),transparent 70%),linear-gradient(to bottom,transparent calc(var(--oy) - 10%),rgba(var(--warm),.02) calc(var(--oy) - 8.4%),#0000002e calc(var(--oy) - 7%),transparent calc(var(--oy) + 4%)),linear-gradient(to bottom,#070605 0,#0c0a08 calc(var(--oy) - 9%),#0a0807 calc(var(--oy) - 8%),#060504 100%)}.cd-giant,.cd-room{pointer-events:none;position:absolute;inset:0}.cd-giant{z-index:1;transition:opacity .6s var(--ease),filter .6s var(--ease);overflow:hidden}.cd-giant-t{left:50%;top:calc(var(--oy) - var(--s) * .78);letter-spacing:-.055em;white-space:nowrap;color:#0000;background:radial-gradient(ellipse 30vw 24vw at 50% 45%,rgba(var(--warm),.24),#efe6d81a 60%,#efe6d80f);opacity:0;transition:opacity .55s ease,transform .9s var(--ease),filter .7s var(--ease);filter:blur(6px);background-position:50%;background-size:100vw 100%;background-attachment:scroll;-webkit-background-clip:text;background-clip:text;font-size:clamp(110px,20vw,330px);font-weight:300;line-height:.8;position:absolute;transform:translate(-50%,-50%)}.cd-giant-t[data-pos=on]{opacity:1;filter:blur();transition-delay:80ms;transform:translate(-50%,-50%)}.cd-giant-t[data-pos=prev]{transform:translate(calc(-50% - 7vw),-50%)}.cd-giant-t[data-pos=next]{transform:translate(calc(7vw - 50%),-50%)}.cd-giant-t.is-empty{font-style:italic}.cd[data-phase=out] .cd-giant{opacity:.55}.cd-beam{z-index:2;pointer-events:none;width:calc(var(--s) * 3);height:calc(var(--oy) + 3%);filter:blur(30px);mix-blend-mode:screen;transition:width .9s var(--ease),opacity .9s var(--ease);position:absolute;top:0;left:50%;transform:translate(-50%)}.cd-beam-cone{clip-path:polygon(44% 0,56% 0,88% 100%,12% 100%);background:linear-gradient(to bottom,rgba(var(--warm),.34),rgba(var(--warm),.15) 35%,rgba(var(--warm),.08) 75%,rgba(var(--warm),.05));position:absolute;inset:0}.cd-beam-lamp{background:radial-gradient(closest-side,#ffeccd80,rgba(var(--warm),.14) 55%,transparent);border-radius:50%;width:22%;height:14%;top:-5%;transform:translate(-50%)}.cd-beam-lamp,.cd-pool{position:absolute;left:50%}.cd-pool{z-index:2;pointer-events:none;top:var(--oy);width:calc(var(--s) * 3.4);height:calc(var(--s) * 1.1);background:radial-gradient(closest-side,rgba(var(--warm),.26),rgba(var(--warm),.1) 50%,transparent);mix-blend-mode:screen;transition:transform .9s var(--ease),opacity .9s var(--ease);transform:translate(-50%,-46%)}.cd[data-phase=out] .cd-beam{width:calc(var(--s) * 2.3);opacity:.6}.cd[data-phase=out] .cd-pool{opacity:.8;transform:translate(-50%,-112%)scale(1.15,1.6)}.cd-dust{z-index:4;pointer-events:none;width:calc(var(--s) * 2);height:calc(var(--oy) + 2%);clip-path:polygon(44% 0,56% 0,90% 100%,10% 100%);position:absolute;top:0;left:50%;transform:translate(-50%)}.cd-dust i{width:var(--sz);height:var(--sz);opacity:0;animation:cd-mote var(--dur) linear var(--del) infinite;background:#ffeed4bf;border-radius:50%;position:absolute;box-shadow:0 0 4px #ffe2be99}@keyframes cd-mote{0%{opacity:0;transform:translateY(30px)}15%{opacity:.7}50%{transform:translate(var(--dx),-18px);opacity:.35}80%{opacity:.65}to{transform:translate(calc(var(--dx) * -.4),-70px);opacity:0}}.cd-grain{z-index:30;pointer-events:none;-webkit-mask:linear-gradient(to bottom,transparent 0,#000 var(--fade),#000 calc(100% - var(--fade)),transparent);mask:linear-gradient(to bottom,transparent 0,#000 var(--fade),#000 calc(100% - var(--fade)),transparent);position:absolute;inset:0;overflow:hidden}.cd-grain i{opacity:.16;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.5  0 0 0 0 0.5  0 0 0 0 0.5  0 0 0 1.4 -0.2'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:cd-grain .9s steps(5) infinite;position:absolute;inset:-60%}@keyframes cd-grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-1%,3%)}80%{transform:translate(3%,1%)}to{transform:translate(0)}}.cd-scene{--yaw:0deg;--tilt:0deg;perspective:calc(var(--s) * 7.5);perspective-origin:50% 18%;z-index:3;transition:filter .6s var(--ease),opacity .6s var(--ease),transform .8s var(--ease);position:absolute;inset:0}.cd[data-phase=out] .cd-scene{filter:blur(8px)brightness(.55);opacity:.7;transform:scale(.97)}.cd-hit{z-index:5;left:50%;top:calc(var(--oy) - var(--s) * 1.02);height:calc(var(--s) * 1.4);width:calc(var(--s) * 1.7);cursor:grab;touch-action:pan-y;border-radius:16px;outline:none;position:absolute;transform:translate(-50%)}.cd[data-grab] .cd-hit,:root[data-cd-grabbing],:root[data-cd-grabbing] *{cursor:grabbing!important}.cd-hit:focus-visible{box-shadow:inset 0 0 0 1px var(--accent)}@supports (color:color-mix(in lab,red,red)){.cd-hit:focus-visible{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 60%,transparent)}}.cd-ml{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:10px}.cd-ml:focus-visible{box-shadow:inset 0 0 0 1px var(--accent)}@supports (color:color-mix(in lab,red,red)){.cd-ml:focus-visible{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 60%,transparent)}}.cd-egg{-webkit-tap-highlight-color:transparent;border-radius:6px}.cd-world{left:50%;top:var(--oy);width:0;height:0;transform-style:preserve-3d;transform:rotateX(calc(-19deg + var(--tilt))) rotateY(calc(-15deg + var(--yaw)));transition:transform 1.2s var(--ease);position:absolute}.cd-world>*{transform-style:flat;position:absolute}.cd-slat,.cd-wood{--shade:linear-gradient(transparent,transparent);background-image:var(--shade),url(/music/crate/walnut.webp);background-size:100% 100%,calc(var(--s) * 1.9) auto;background-color:#2a1a10}.cd-floor{width:var(--W);height:var(--D);left:calc(var(--W) / -2);top:calc(var(--D) / -2);--shade:linear-gradient(180deg,#050302cc,#05030299);transform:rotateX(90deg)}.cd-shadow{left:50%;top:var(--oy);z-index:0;width:calc(var(--s) * 2.1);height:calc(var(--s) * .55);filter:blur(12px);pointer-events:none;background:radial-gradient(#000c,#00000059 45%,#0000 70%);position:absolute;transform:translate(-50%,-30%)}.cd-back{width:var(--W);left:calc(var(--W) / -2);transform:translateZ(calc(var(--D) / -2));--shade:linear-gradient(to bottom,rgba(var(--warm),.1),#0804028c)}.cd-back,.cd-side{height:var(--H);top:calc(var(--H) * -1)}.cd-side{width:var(--D);left:calc(var(--D) / -2);background-position:0 0,30% 40%}.cd-side--l{transform:translateX(calc(var(--W) / -2)) rotateY(90deg);--shade:linear-gradient(to bottom,rgba(var(--warm),.06),#06030199)}.cd-side--r{transform:translateX(calc(var(--W) / 2)) rotateY(-90deg);--shade:linear-gradient(to bottom,rgba(var(--warm),.05),#06030180 70%,#060301bf),radial-gradient(ellipse 22% 30% at 88% 12%,rgba(var(--warm),.14),transparent 70%);box-shadow:inset 0 1px 0 rgba(var(--warm),.3)}.cd-front{width:var(--W);height:var(--H);left:calc(var(--W) / -2);top:calc(var(--H) * -1);transform:translateZ(calc(var(--D) / 2));background:0 0;flex-direction:column;justify-content:space-between;display:flex}.cd-slat{--shade:radial-gradient(ellipse 9% 40% at 0% 50%,#d6aa7833,transparent 80%),radial-gradient(ellipse 9% 40% at 100% 40%,#d6aa7829,transparent 80%),linear-gradient(to bottom,rgba(var(--warm),.16),rgba(var(--warm),.02) 35%,#06030159);border-radius:1.5px;height:46%;position:relative;box-shadow:inset 0 1px #ecc49666,inset 0 0 0 1px #d2a5731f,inset 0 -3px 4px #00000073,0 1px 1px #00000080}.cd-slat--top{background-position:0 0,20% 15%}.cd-slat--bot{--shade:radial-gradient(ellipse 12% 50% at 3% 60%,#d6aa7829,transparent 80%),radial-gradient(ellipse 30% 25% at 70% 100%,#d2a5731f,transparent 80%),linear-gradient(to bottom,rgba(var(--warm),.07),#0603014d 50%,#0603018c);background-position:0 0,60% 70%}.cd-handle{background:linear-gradient(#050302,#120b07);border-radius:999px;width:26%;height:40%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 4px 7px #000000e6,0 1px #ecc49659,0 -1px #00000080}.cd-handle,.cd-stamp{position:absolute;top:50%}.cd-stamp{text-align:center;font-family:var(--font-site),sans-serif;font-weight:700;font-size:calc(var(--s) * .048);letter-spacing:.3em;color:#e8dcc680;text-shadow:0 0 1px #e8dcc666,0 0 5px #e8dcc61f;left:0;right:0;transform:translateY(-50%)rotate(-.6deg);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='60'><filter id='m'><feTurbulence type='fractalNoise' baseFrequency='0.22 0.6' numOctaves='3' seed='7'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 -2.2 1.75'/></filter><rect width='100%' height='100%' filter='url(%23m)'/></svg>");mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='60'><filter id='m'><feTurbulence type='fractalNoise' baseFrequency='0.22 0.6' numOctaves='3' seed='7'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 -2.2 1.75'/></filter><rect width='100%' height='100%' filter='url(%23m)'/></svg>")}.cd-tag{font-family:var(--font-hand),cursive;font-weight:600;font-size:calc(var(--s) * .052);color:#281c12d1;clip-path:polygon(0 4%,22% 0,54% 6%,100% 0,97% 38%,100% 62%,86% 70%,92% 100%,61% 92%,34% 100%,14% 89%,0 100%,3% 56%);filter:brightness(.82)sepia(.2);opacity:.9;background:linear-gradient(170deg,#d8ccb4,#b9ab90);align-items:center;gap:.35em;padding:.28em .7em .28em .55em;line-height:1;display:inline-flex;position:absolute;top:22%;right:7%;transform:rotate(4deg)}.cd-tag i{background:var(--accent);border-radius:50%;flex:none;width:.36em;height:.36em;display:inline-block}.cd-rim{--shade:linear-gradient(#ecc4964d,rgba(var(--warm),.18));box-shadow:inset 0 0 0 .5px #ecc49640}.cd-rim--b,.cd-rim--f{width:calc(var(--W) - var(--t) * 2);height:var(--t);left:calc(var(--W) / -2 + var(--t));top:calc(var(--t) / -2)}.cd-rim--f{transform:translateY(calc(var(--H) * -1)) translateZ(calc(var(--D) / 2 - var(--t) / 2)) rotateX(90deg)}.cd-rim--b{transform:translateY(calc(var(--H) * -1)) translateZ(calc(var(--D) / -2 + var(--t) / 2)) rotateX(90deg)}.cd-rim--l,.cd-rim--r{width:var(--t);height:var(--D);left:calc(var(--t) / -2);top:calc(var(--D) / -2)}.cd-rim--l{transform:translateY(calc(var(--H) * -1)) translateX(calc(var(--W) / -2 + var(--t) / 2)) rotateX(90deg)}.cd-rim--r{transform:translateY(calc(var(--H) * -1)) translateX(calc(var(--W) / 2 - var(--t) / 2)) rotateX(90deg)}.cd-sleeve{--rx:5;--ty:0;--jk:1;--b:1;--op:1;--jy:0;--z:calc(var(--D) / 2 - var(--s) * var(--o));width:var(--s);height:var(--s);left:calc(var(--s) / -2);top:calc(var(--s) * -1);transform-origin:50% 100%;transform:translateZ(var(--z)) translateY(calc(var(--s) * (var(--ty) + var(--jy) * var(--jk)))) rotate(calc(var(--rz) * var(--jk))) rotateX(calc(var(--rx) * 1deg));filter:brightness(var(--b));opacity:var(--op)}.cd-sleeve--filler{filter:brightness(var(--b)) blur(.4px)}.cd-scene[data-nudge] .cd-sleeve--empty .cd-sticker--soon{animation:cd-wiggle .7s var(--ease)}@keyframes cd-wiggle{30%{rotate:-6deg}60%{rotate:3deg}}.cd-face{background:#121110;border-radius:2px;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.cd-face img{object-fit:cover;width:100%;height:100%;display:block}.cd-face img,.cd-gloss{pointer-events:none;position:absolute;inset:0}.cd-gloss{background:linear-gradient(#0000 30%,#0000002e 62%,#00000080),linear-gradient(162deg,#fff4e124,#fff4e100 32%);box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 1px #fff0dc33}.cd-wear{pointer-events:none;mix-blend-mode:screen;opacity:.3;background:radial-gradient(circle,#0000 0 40.5%,#fff5e612 41.5% 43.5%,#0000 45%),linear-gradient(90deg,#fff5e614,#0000 2.5% 97.5%,#fff5e60f),linear-gradient(#fff5e61a,#0000 2%);position:absolute;inset:0}.cd-sticker{z-index:1;font-size:max(8px,calc(var(--s) * .028));color:#231d16;background:#e6dfd2;border-radius:2px;flex-direction:column;gap:.25em;padding:.55em .75em .5em;line-height:1.1;display:flex;position:absolute;top:6%;right:6%;transform:rotate(-1.5deg);box-shadow:0 1px 2px #00000073}.cd-sticker b{color:#231d168c;align-items:center;gap:.45em;font-weight:400;display:flex}.cd-big .cd-sticker b:before,.cd-sleeve[data-cur] .cd-sticker b:before{content:"";background:var(--accent);width:.6em;height:.6em;display:inline-block}.cd-face--empty,.cd-face--white{background:radial-gradient(at 30% 20%,#ffffff59,#0000 60%),linear-gradient(170deg,#d9d1c1,#c3b9a5)}.cd-face--empty:before,.cd-face--kraft:before,.cd-face--white:before{content:"";opacity:.4;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='p'><feTurbulence type='fractalNoise' baseFrequency='1.3' numOctaves='3'/><feColorMatrix values='0 0 0 0 0.55  0 0 0 0 0.48  0 0 0 0 0.38  0 0 0 0.9 0'/></filter><rect width='100%' height='100%' filter='url(%23p)'/></svg>");position:absolute;inset:0}.cd-hole{aspect-ratio:1;background:radial-gradient(circle at 50% 40%,#2c261f,#171310 70%);border-radius:50%;width:31%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 3px 7px #000000a6,0 1px #fff6}.cd-face--white .cd-hole{background:radial-gradient(circle,#1a1612 0 6%,#ebe5d8 6.5% 100%);box-shadow:inset 0 0 0 1px #00000040,inset 0 3px 6px #00000040}.cd-empty-txt{font-family:var(--font-hand),cursive;font-weight:600;font-size:calc(var(--s) * .085);color:#1e1812c7;line-height:1;position:absolute;top:6%;left:7%;transform:rotate(-3deg)}.cd-sticker--soon{background:var(--accent);color:#1c2611;font-size:calc(var(--s) * .028)}.cd-face--kraft{background:radial-gradient(at 40% 15%,#ffe6be2e,#0000 60%),linear-gradient(175deg,#8a6a46,#6c5134)}.cd-face--black{background:linear-gradient(170deg,#1d1b19,#0d0c0b)}.cd-mark{font-family:var(--font-hand),cursive;font-weight:600;font-size:calc(var(--s) * .075);color:#1c140cc7;line-height:1;position:absolute;top:5%;left:8%;transform:rotate(-4deg)}.cd-face--black .cd-mark{color:#e2dcd09e;left:auto;right:9%;transform:rotate(3deg)}.cd-stamp2{font-family:var(--font-site),sans-serif;font-weight:700;font-size:calc(var(--s) * .036);letter-spacing:.16em;color:#1e18128c;border-radius:2px;padding:.3em .5em .25em;position:absolute;top:6%;right:8%;transform:rotate(5deg);box-shadow:inset 0 0 0 .14em #1e181280;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='40'><filter id='m'><feTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='2' seed='3'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 -2 1.7'/></filter><rect width='100%' height='100%' filter='url(%23m)'/></svg>");mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='40'><filter id='m'><feTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='2' seed='3'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 -2 1.7'/></filter><rect width='100%' height='100%' filter='url(%23m)'/></svg>")}.cd-caption{z-index:22;left:0;right:0;bottom:calc(var(--fade) * .72);padding:0 var(--container-padding,6vw);transition:opacity .4s var(--ease);pointer-events:none;justify-content:space-between;align-items:flex-end;gap:16px;display:flex;position:absolute}.cd[data-phase=back] .cd-caption,.cd[data-phase=out] .cd-caption{opacity:0}.cd-cap-num{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;display:inline-flex}.cd-cap-num>i{background:var(--accent);width:5px;height:5px;display:inline-block}.cd-cap-sub{color:var(--ink-faint);margin-left:6px}.cd-cap-hint{color:var(--ink-faint);text-align:right;font-size:10px}.cd-hint-coarse{display:none}.cd-hint-snd{color:var(--ink-soft);font-weight:400}@media (hover:none) and (pointer:coarse){.cd-hint-fine{display:none}.cd-hint-coarse{display:inline}}.cd-unlock{z-index:22;top:calc(var(--fade) * .95);left:var(--container-padding,6vw);color:var(--ink-soft);background:#fff0dc0d;border-radius:999px;align-items:center;gap:8px;padding:7px 11px 6px;font-size:10px;display:inline-flex;position:absolute;box-shadow:inset 0 0 0 1px #fff0dc1a}.cd-unlock i{background:var(--accent);width:5px;height:5px;animation:cd-blink 1.4s steps(2) infinite}@keyframes cd-blink{50%{opacity:.25}}.cd-stage{--p:min(calc(var(--s) * .98),50vh);z-index:10;padding-top:calc(var(--fade) * .4);background:radial-gradient(ellipse calc(var(--p) * 1.6) calc(var(--p) * 1.1) at 50% 46%,rgba(var(--warm),.07),#08060459 55%,#060504b3);animation:cd-fade .5s var(--ease) both;color:var(--ink);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cd-stage:before{content:"";z-index:-1;pointer-events:none;width:calc(var(--p) * 2.4);background:conic-gradient(from 157deg at 50% -6%,transparent 0deg,rgba(var(--warm),.15) 13deg,rgba(var(--warm),.15) 33deg,transparent 46deg);mix-blend-mode:screen;height:82%;position:absolute;top:0;left:50%;transform:translate(-50%);-webkit-mask:linear-gradient(#000 20%,#0000);mask:linear-gradient(#000 20%,#0000)}.cd[data-phase=back] .cd-stage{pointer-events:none;animation:cd-fade-out .55s .1s both}@keyframes cd-fade{0%{opacity:0}}@keyframes cd-fade-out{to{opacity:0}}.cd-pull{width:var(--p);height:var(--p);left:calc(var(--p) * -.27);perspective:calc(var(--p) * 4);flex:none;position:relative}.cd-big{z-index:2;animation:cd-lift .75s var(--spring) both;position:absolute;inset:0;box-shadow:0 40px 70px -30px #000000e6,0 12px 26px -10px #000000b3}.cd-big,.cd-big .cd-face{border-radius:2px}.cd-big .cd-gloss{background:linear-gradient(162deg,#fff4e124,#fff4e100 34%,#0000 62%,#00000038)}.cd-big .cd-sticker{font-size:calc(var(--p) * .028)}.cd-spine{z-index:1;writing-mode:vertical-rl;font-size:calc(var(--p) * .024);letter-spacing:.22em;color:#ffffffb8;text-shadow:0 1px 6px #00000080;position:absolute;bottom:6%;left:4.5%;transform:rotate(180deg)}.cd[data-phase=back] .cd-big{animation:cd-drop .45s cubic-bezier(.5,0,.75,0) .24s both}@keyframes cd-lift{0%{opacity:0;transform:translateY(62%)rotateX(30deg)scale(.8)}35%{opacity:1}}@keyframes cd-drop{to{opacity:0;transform:translateY(80%)rotateX(28deg)scale(.8)}}.cd-vinyl{z-index:1;cursor:grab;touch-action:none;width:95%;height:95%;animation:cd-slide .95s var(--spring-soft) .62s both;border-radius:50%;outline:none;position:absolute;top:2.5%;left:2.5%}.cd-pull[data-scratch] .cd-vinyl{cursor:grabbing}.cd-vinyl:focus-visible{box-shadow:0 0 0 2px var(--accent)}.cd[data-phase=back] .cd-vinyl{animation:cd-slide-back .3s cubic-bezier(.5,0,.75,0) both}@keyframes cd-slide{0%{transform:translate(0)rotate(-40deg)}to{transform:translate(54%)rotate(0)}}@keyframes cd-slide-back{0%{transform:translate(54%)}to{transform:translate(0)}}.cd-disc{will-change:transform;background:radial-gradient(circle,#0000 0 31.6%,#070707 31.8% 33.4%,#0000 33.6%),radial-gradient(circle,#0000 0 47%,#ffffff0d 47.3% 47.8%,#0000 48.1% 61%,#ffffff0d 61.3% 61.8%,#0000 62.1% 76%,#ffffff0a 76.3% 76.8%,#0000 77.1%),radial-gradient(circle,#0000 0 97%,#222 97.5% 100%),repeating-radial-gradient(circle,#121212 0 .9px,#1c1c1c 1.3px,#0d0d0d 2.2px);inset:0;box-shadow:0 24px 46px -18px #000000d9,inset 0 0 0 1px #050505,0 0 0 1px #ffffff12}.cd-disc,.cd-label{border-radius:50%;position:absolute}.cd-label{background-position:50%;background-size:cover;inset:33.5%;box-shadow:inset 0 0 0 1px #0006,inset 0 0 18px #00000059}.cd-label:after{content:"";background:#0c0a08;border-radius:50%;width:8%;height:8%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px 2px #000000b3,0 0 0 1px #ffffff26}.cd-label-txt{text-align:center;white-space:nowrap;font-family:Geist Pixel,ui-monospace,monospace;font-size:calc(var(--p) * .017);letter-spacing:.12em;color:#fff;text-shadow:0 1px 3px #000c;position:absolute;bottom:14%;left:0;right:0}.cd-sheen{pointer-events:none;background:conic-gradient(from 210deg,transparent 0 6%,#fff0d729 12%,transparent 19% 51%,#fff0d71a 58%,transparent 66%);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 0 33.5%,#000 34%);mask:radial-gradient(circle,#0000 0 33.5%,#000 34%)}.cd-readout{animation:cd-fade .6s var(--ease) .6s both;grid-template-columns:auto auto auto;align-items:baseline;gap:12px 18px;margin-top:clamp(20px,3.2vh,32px);display:grid}.cd[data-phase=back] .cd-readout{animation:cd-fade-out .25s both}.cd-ro-num,.cd-ro-time{color:var(--ink-soft);align-items:center;gap:8px;font-size:11px;display:inline-flex}.cd-ro-time{font-variant-numeric:tabular-nums;min-width:9ch}.cd-ro-num i{background:#efe6d840;width:5px;height:5px}.cd-ro-num i.is-on{background:var(--accent)}.cd-ro-title{letter-spacing:-.03em;font-size:clamp(24px,2.4vw,34px);font-weight:300;line-height:1}.cd-ro-bar{background:#efe6d824;grid-column:1/-1;height:1px;overflow:hidden}.cd-ro-bar span{background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.cd-stage-hint{color:var(--ink-faint);animation:cd-fade .6s var(--ease) 1s both;margin:12px 0 0;font-size:10px}.cd-close{all:unset;top:calc(var(--fade) * .95);right:var(--container-padding,6vw);cursor:pointer;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);align-items:center;gap:8px;padding:6px 4px;font-family:Geist Pixel,ui-monospace,monospace;font-size:10px;display:inline-flex;position:absolute}.cd-close:focus-visible,.cd-close:hover{color:var(--ink)}.cd-close kbd{font:inherit;border-radius:4px;padding:3px 5px 2px;box-shadow:inset 0 0 0 1px #efe6d838}@media (max-width:680px){.cd{--s:min(58vw,250px);--oy:64%;--fade:80px}.cd-photo{height:max(560px,calc(var(--s) * 2.5))}.cd-scene{perspective-origin:50% 26%}.cd-world{transform:rotateX(calc(-23deg + var(--tilt))) rotateY(calc(-9deg + var(--yaw)))}.cd-giant-t{top:calc(var(--oy) - var(--s) * 1.22);font-size:28vw}.cd-caption{bottom:calc(var(--fade) * .8);flex-direction:column;align-items:center;gap:8px;padding:0 20px}.cd-cap-hint,.cd-caption{text-align:center}.cd-unlock{display:none}.cd-close{right:18px;top:calc(var(--fade) * .9)}.cd-stage{--p:min(calc(var(--s) * .92),54vw)}.cd-pull{left:calc(var(--p) * -.24)}.cd-readout{grid-template-columns:auto auto;justify-content:center}.cd-ro-title{text-align:center;grid-area:1/1/auto/-1}.cd-stage-hint{text-align:center;max-width:80%;line-height:1.6}}@media (prefers-reduced-motion:reduce){.cd-dust i,.cd-grain i,.cd-unlock i{animation:none}.cd-dust i{opacity:.35}.cd-beam,.cd-giant-t,.cd-pool,.cd-scene,.cd-world{transition-duration:10ms}.cd-big,.cd-readout,.cd-stage,.cd-stage-hint,.cd-vinyl{animation-duration:10ms!important;animation-delay:0s!important}.cd-vinyl{transform:translate(54%)}}.cd[data-mode=gl]{--ink:var(--fg);--ink-soft:var(--fg-soft);--ink-faint:var(--fg)}@supports (color:color-mix(in lab,red,red)){.cd[data-mode=gl]{--ink-faint:color-mix(in srgb,var(--fg) 60%,transparent)}}.cd[data-mode=gl]{--fade:0px}.cd[data-mode=gl] .cd-photo{background:0 0;height:clamp(560px,80vh,900px)}.cd[data-mode=gl] .cd-photo:after,.cd[data-mode=gl] .cd-photo:before{display:none}.cd-gl{z-index:1;pointer-events:none;position:absolute;inset:calc(clamp(560px,80vh,900px)/-6.25) 0 0}.cd[data-mode=gl] .cd-photo{overflow:visible}.cd-gl-canvas{opacity:0;transition:opacity .9s var(--ease);display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.cd[data-mode=gl] .cd-photo[data-gl-ready] .cd-gl-canvas,.cd[data-mode=gl] [data-gl-ready]>.cd-gl-canvas{opacity:1}.cd[data-mode=gl] .cd-hit{z-index:6;border-radius:12px;width:20%;height:30%;position:absolute;top:40%;left:40%;transform:none}.cd[data-mode=gl] .cd-giant{z-index:4}.cd[data-mode=gl] .cd-giant-t{letter-spacing:-.035em;color:var(--fg);filter:blur(3px);background:0 0;-webkit-background-clip:border-box;background-clip:border-box;font-size:clamp(30px,3.3vw,50px);font-weight:300;line-height:1;top:clamp(18px,7%,60px);left:0;transform:translate(10px)}.cd[data-mode=gl] .cd-giant-t[data-pos=on]{filter:blur();transform:translate(0)}.cd[data-mode=gl] .cd-giant-t[data-pos=prev]{transform:translate(-14px)}.cd[data-mode=gl] .cd-giant-t[data-pos=next]{transform:translate(14px)}.cd[data-mode=gl] .cd-giant-t.is-empty{color:var(--fg-soft);font-style:italic}.cd[data-mode=gl][data-phase=out] .cd-giant{opacity:0}.cd[data-mode=gl] .cd-caption{flex-direction:column;align-items:flex-start;gap:10px;padding:0;inset:calc(clamp(18px,7%,60px) + clamp(44px,4.6vw,66px)) auto auto 0}.cd[data-mode=gl] .cd-unlock{box-shadow:none;color:var(--ink-soft);background:0 0;padding:0;top:calc(clamp(18px,7%,60px) + clamp(44px,4.6vw,66px) + 58px);left:0;right:auto}.cd[data-mode=gl] .cd-caption,.cd[data-mode=gl] .cd-giant,.cd[data-mode=gl] .cd-stage,.cd[data-mode=gl] .cd-unlock{margin:0 var(--container-padding)}.cd[data-mode=gl] .cd-giant{inset:0;overflow:visible}.cd[data-mode=gl] .cd-stage{pointer-events:none;background:0 0;animation:cd-fade .4s both;inset:0}.cd[data-mode=gl] .cd-stage:before{display:none}.cd[data-mode=gl] .cd-pull{perspective:none;width:0;height:0;position:static}.cd[data-mode=gl] .cd-vinyl{width:0;height:0;margin-left:calc(var(--container-padding) * -1);z-index:8;animation:none;display:none;top:auto;left:auto;transform:none}.cd[data-mode=gl] .cd-readout{pointer-events:auto;grid-template-columns:auto auto;justify-content:start;margin:0;position:absolute;top:clamp(18px,7%,60px);left:0}.cd[data-mode=gl] .cd-ro-num i{background:var(--fg)}@supports (color:color-mix(in lab,red,red)){.cd[data-mode=gl] .cd-ro-num i{background:color-mix(in srgb,var(--fg) 25%,transparent)}}.cd[data-mode=gl] .cd-ro-num i.is-on{background:var(--accent)}.cd[data-mode=gl] .cd-ro-bar{background:var(--fg)}@supports (color:color-mix(in lab,red,red)){.cd[data-mode=gl] .cd-ro-bar{background:color-mix(in srgb,var(--fg) 12%,transparent)}}.cd[data-mode=gl] .cd-stage-hint{pointer-events:none;margin:0;position:absolute;top:calc(clamp(18px,7%,60px) + clamp(118px,10vw,140px));left:0}.cd[data-mode=gl] .cd-close{pointer-events:auto;top:clamp(18px,7%,60px)}.cd[data-mode=gl] .cd-close kbd{box-shadow:inset 0 0 0 1px var(--fg)}@supports (color:color-mix(in lab,red,red)){.cd[data-mode=gl] .cd-close kbd{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--fg) 22%,transparent)}}@media (max-width:680px){.cd[data-mode=gl] .cd-photo{height:max(560px,74vh)}.cd[data-mode=gl] .cd-giant-t{font-size:30px}.cd[data-mode=gl] .cd-caption{text-align:left;align-items:flex-start;top:calc(clamp(18px,7%,60px) + 46px)}.cd[data-mode=gl] .cd-cap-hint{text-align:left}.cd[data-mode=gl] .cd-close{right:0}.cd[data-mode=gl] .cd-readout{justify-content:start}.cd[data-mode=gl] .cd-ro-title{text-align:left}.cd[data-mode=gl] .cd-stage-hint{text-align:left;max-width:70%;top:128px}}.cd[data-mode=gl][data-phase=back] .cd-hit,.cd[data-mode=gl][data-phase=out] .cd-hit{visibility:hidden}.cd-cap-snd{color:var(--ink-soft);align-items:center;gap:8px;margin-top:6px;font-size:10px;display:inline-flex}.cd-cap-snd>i{background:var(--accent);width:5px;height:5px;animation:cd-blink 1.4s steps(2) infinite}.cd[data-mode=gl] .cd-stage-hint{max-width:min(30vw,420px);line-height:1.7}@media (hover:none) and (pointer:coarse){.cd-cap-snd{display:none}}@media (max-width:680px){.cd-gl{inset:calc(max(560px,74vh)/-6.25) 0 0}}.cd[data-mode=css]{--ink:var(--fg);--ink-soft:var(--fg-soft);--ink-faint:var(--fg)}@supports (color:color-mix(in lab,red,red)){.cd[data-mode=css]{--ink-faint:color-mix(in srgb,var(--fg) 60%,transparent)}}.cd[data-mode=css]{--warm:255,183,102;--fade:0px}.cd[data-mode=css] .cd-photo{background:0 0}.cd[data-mode=css] .cd-beam,.cd[data-mode=css] .cd-grain,.cd[data-mode=css] .cd-photo:after,.cd[data-mode=css] .cd-photo:before{display:none}.cd[data-mode=css] .cd-room{background:linear-gradient(118deg,transparent 48%,rgba(var(--warm),.1) 56%,rgba(var(--warm),.08) 68%,transparent 78%),linear-gradient(to bottom,transparent calc(var(--oy) - 5%),#ba926857 calc(var(--oy) - 1.5%),#c9a37861 calc(var(--oy) + 5%),#aa805833 calc(var(--oy) + 11%),transparent calc(var(--oy) + 17%));-webkit-mask-image:radial-gradient(52% 58% at 52% 56%,#000 30%,#0000 100%);mask-image:radial-gradient(52% 58% at 52% 56%,#000 30%,#0000 100%)}:root[data-theme=dark] .cd[data-mode=css] .cd-room{opacity:.7}.cd[data-mode=css] .cd-pool{mix-blend-mode:normal;background:radial-gradient(closest-side,rgba(var(--warm),.16),rgba(var(--warm),.05) 55%,transparent)}.cd[data-mode=css] .cd-shadow{filter:blur(10px);background:radial-gradient(#3c26146b,#3c261429 45%,#0000 70%)}.cd[data-mode=css] .cd-floor{--shade:linear-gradient(180deg,#140c068c,#140c0666)}.cd[data-mode=css] .cd-back{--shade:linear-gradient(to bottom,rgba(var(--warm),.12),#140c0659)}.cd[data-mode=css] .cd-side--l{--shade:linear-gradient(to bottom,rgba(var(--warm),.08),#140c0666)}.cd[data-mode=css] .cd-giant-t{color:var(--fg)}@supports (color:color-mix(in lab,red,red)){.cd[data-mode=css] .cd-giant-t{color:color-mix(in srgb,var(--fg) 7%,transparent)}}.cd[data-mode=css] .cd-giant-t{background:0 0;-webkit-background-clip:border-box;background-clip:border-box}.cd[data-mode=css] .cd-unlock{box-shadow:inset 0 0 0 1px var(--fg);background:0 0}@supports (color:color-mix(in lab,red,red)){.cd[data-mode=css] .cd-unlock{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--fg) 14%,transparent)}}.cd[data-mode=css] .cd-stage{background:radial-gradient(ellipse calc(var(--p) * 1.6) calc(var(--p) * 1.1) at 50% 46%,rgba(var(--warm),.1),var(--bg) 60%,var(--bg))}@supports (color:color-mix(in lab,red,red)){.cd[data-mode=css] .cd-stage{background:radial-gradient(ellipse calc(var(--p) * 1.6) calc(var(--p) * 1.1) at 50% 46%,rgba(var(--warm),.1),color-mix(in srgb,var(--bg) 55%,transparent) 60%,color-mix(in srgb,var(--bg) 85%,transparent))}}.cd[data-mode=css] .cd-stage:before{mix-blend-mode:normal;opacity:.5}.cd[data-mode=css][data-phase=out] .cd-scene{filter:blur(6px);opacity:.45}.cd[data-mode=css] .cd-ro-num i{background:var(--fg)}@supports (color:color-mix(in lab,red,red)){.cd[data-mode=css] .cd-ro-num i{background:color-mix(in srgb,var(--fg) 25%,transparent)}}.cd[data-mode=css] .cd-ro-bar{background:var(--fg)}@supports (color:color-mix(in lab,red,red)){.cd[data-mode=css] .cd-ro-bar{background:color-mix(in srgb,var(--fg) 12%,transparent)}}.cd[data-mode=css] .cd-close kbd{box-shadow:inset 0 0 0 1px var(--fg)}@supports (color:color-mix(in lab,red,red)){.cd[data-mode=css] .cd-close kbd{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--fg) 22%,transparent)}}.cd[data-mode=gl] .cd-caption{flex-direction:row;justify-content:space-between;align-items:baseline;gap:16px;inset:auto 0 14px}.cd[data-mode=gl] .cd-cap-num{color:var(--fg)}.cd[data-mode=gl] .cd-cap-hint{text-align:right}.cd-snd-row{z-index:22;margin:0 var(--container-padding);pointer-events:none;position:absolute;top:14px;left:0;right:0}.cd[data-mode=gl] .cd-cap-snd{color:var(--fg);box-shadow:inset 0 0 0 1px var(--fg);border-radius:999px;margin:0;padding:7px 11px 6px}@supports (color:color-mix(in lab,red,red)){.cd[data-mode=gl] .cd-cap-snd{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--fg) 12%,transparent)}}.cd[data-mode=gl] .cd-cap-snd{pointer-events:none}@media (max-width:680px){.cd[data-mode=gl] .cd-caption{text-align:center;flex-direction:column;align-items:center;gap:6px;top:auto;bottom:12px}.cd-snd-row,.cd[data-mode=gl] .cd-cap-hint{text-align:center}}.cd[data-mode=gl] .cd-stage{z-index:12}.cd[data-mode=gl] .cd-readout{top:6px}.cd[data-mode=gl] .cd-stage-hint{top:auto;bottom:14px}@media (max-width:680px){.cd[data-mode=gl] .cd-photo{height:clamp(420px,112vw,560px)}.cd-gl{inset:calc(clamp(420px,112vw,560px)/-6.25) 0 0}.cd[data-mode=gl] .cd-stage-hint{text-align:center;max-width:none;inset:auto 0 12px}}.cd[data-mode=gl] .cd-photo{height:calc(clamp(560px, 80vh, 900px) + var(--cd-legs,0px))}@media (max-width:680px){.cd[data-mode=gl] .cd-photo{height:calc(clamp(420px, 112vw, 560px) + var(--cd-legs,0px))}}.cd-lp{-webkit-tap-highlight-color:transparent;outline:none}.cd-lp:focus-visible{background:var(--accent);outline:none}@supports (color:color-mix(in lab,red,red)){.cd-lp:focus-visible{background:color-mix(in srgb,var(--accent) 16%,transparent)}}.cd-lp-credit{z-index:6;white-space:nowrap;letter-spacing:.02em;color:var(--ink-soft);pointer-events:none;align-items:center;gap:8px;font-size:10px;display:none;position:absolute;top:0;right:0;transform:translateY(-50%)}.cd-lp-credit[data-show]{animation:cd-fade .3s var(--ease) both;display:inline-flex}.cd-lp-credit>i{background:var(--fg);width:5px;height:5px}@supports (color:color-mix(in lab,red,red)){.cd-lp-credit>i{background:color-mix(in srgb,var(--fg) 25%,transparent)}}.cd-lp-credit>i{flex:none}.cd-lp-credit[data-state=on]>i{background:var(--accent)}.cd-lp-credit[data-state=load]>i{background:var(--accent);animation:cd-blink .7s steps(2) infinite}.cd-lp-credit a{color:inherit;opacity:.6;pointer-events:auto;text-decoration:none}.cd-lp-credit a:hover{opacity:1;text-decoration:underline}.cd-lp-credit[data-state=hover] a{display:none}@media (max-width:680px){.cd-lp,.cd-lp-credit{display:none!important}}.cd-sticker--demo{color:#241d15;background:#9bc16b}.cd-stage-in{display:contents}.cd[data-mode=gl]{--frame:clamp(560px,80vh,900px);--rise:calc(var(--frame) * .16)}.cd[data-mode=gl] .cd-stage{inset:calc(var(--rise) * -1) 0 0 0;z-index:30;pointer-events:auto;--p:min(calc(var(--s) * 1.08),52vh,calc(var(--frame) * .6));background:var(--bg);margin:0;padding:0;display:block;position:absolute}@supports (color:color-mix(in lab,red,red)){.cd[data-mode=gl] .cd-stage{background:color-mix(in srgb,var(--bg) 90%,transparent)}}.cd[data-mode=gl] .cd-stage{-webkit-backdrop-filter:blur(10px)saturate(.9);backdrop-filter:blur(10px)saturate(.9);-webkit-mask:linear-gradient(to bottom,transparent,#000 calc(var(--rise) * .7));mask:linear-gradient(to bottom,transparent,#000 calc(var(--rise) * .7));animation:cd-fade .45s var(--ease) both;color:var(--fg)}.cd[data-mode=gl] .cd-stage-in{height:calc(var(--frame) + var(--rise));padding-top:calc(var(--rise) * .75);margin:0 var(--container-padding);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.cd[data-mode=gl] .cd-pull{width:var(--p);height:var(--p);left:calc(var(--p) * -.27);perspective:calc(var(--p) * 4);flex:none;position:relative}.cd[data-mode=gl] .cd-big{box-shadow:0 34px 60px -30px #00000061,0 10px 22px -12px #00000042}:root[data-theme=dark] .cd[data-mode=gl] .cd-big{box-shadow:0 40px 70px -30px #000000d9,0 12px 26px -10px #0009}.cd[data-mode=gl] .cd-vinyl{z-index:1;pointer-events:auto;width:95%;height:95%;animation:cd-slide .95s var(--spring-soft) .62s both;margin:0;display:block;position:absolute;top:2.5%;left:2.5%}.cd[data-mode=gl][data-phase=back] .cd-vinyl{animation:cd-slide-back .3s cubic-bezier(.5,0,.75,0) both}.cd[data-mode=gl] .cd-disc,.cd[data-mode=gl] .cd-sheen{display:block}.cd[data-mode=gl] .cd-disc{box-shadow:0 22px 40px -20px #0000008c,inset 0 0 0 1px #050505,0 0 0 1px #ffffff12}.cd[data-mode=gl] .cd-readout{animation:cd-fade .6s var(--ease) .6s both;grid-template-columns:auto auto auto;justify-content:center;align-items:baseline;margin:clamp(20px,3.2vh,32px) 0 0;position:static}.cd[data-mode=gl] .cd-ro-title{grid-area:auto;font-size:clamp(24px,2.4vw,34px)}.cd[data-mode=gl] .cd-ro-bar{width:auto}.cd[data-mode=gl] .cd-stage-hint{text-align:center;max-width:none;color:var(--ink-faint);animation:cd-fade .6s var(--ease) 1s both;margin:12px 0 0;position:static}.cd[data-mode=gl] .cd-close{top:calc(var(--rise) + 76px);position:absolute;right:0}@media (max-width:680px){.cd[data-mode=gl]{--frame:clamp(420px,112vw,560px)}.cd[data-mode=gl] .cd-stage{--p:min(calc(var(--s) * .92),56vw)}.cd[data-mode=gl] .cd-pull{left:calc(var(--p) * -.24)}.cd[data-mode=gl] .cd-readout{grid-template-columns:auto auto;justify-content:center}.cd[data-mode=gl] .cd-ro-title{text-align:center;grid-area:1/1/auto/-1}.cd[data-mode=gl] .cd-stage-hint{max-width:86%;line-height:1.6}.cd[data-mode=gl] .cd-close{top:auto;bottom:12px;right:50%;transform:translate(50%)}}@media (prefers-reduced-motion:reduce){.cd[data-mode=gl] .cd-vinyl{transform:translate(54%);animation-duration:10ms!important;animation-delay:0s!important}}.cd-big .cd-sticker--demo{top:calc(6% + 4em)}:root[data-js="1"] .cd:not([data-type-ready]){--font-hand:var(--font-site)}