@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(../media/2e482247ef29dcb9-s.0z23a3hpu8ttr.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(../media/068feab4deafcd0f-s.p.02aqyp7acl16b.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:Archivo;font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(../media/db545dba463279ae-s.p.14a9xpaqsbppk.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:Archivo Fallback;src:local(Arial);ascent-override:88.96%;descent-override:21.28%;line-gap-override:0.0%;size-adjust:98.7%}.fxFCNG_className{font-family:Archivo,Archivo Fallback;font-style:normal}.fxFCNG_variable{--font-archivo:"Archivo", "Archivo Fallback"}
@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(../media/f7095de3000afb68-s.p.3zvkfbs08rnj_.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 Serif;font-style:italic;font-weight:400;font-display:swap;src:url(../media/e63b65bb308a9351-s.p.3strvg7o-g5v2.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 Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/125b6750c58ce347-s.p.1wwzpfhzaj2r0.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 Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d902bc2bfdd0a4cb-s.p.2rlzm4mj5kw8e.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 Serif Fallback;src:local(Times New Roman);ascent-override:117.94%;descent-override:36.93%;line-gap-override:0.0%;size-adjust:83.94%}.mqJIjq_className{font-family:Instrument Serif,Instrument Serif Fallback;font-weight:400}.mqJIjq_variable{--font-instrument:"Instrument Serif", "Instrument Serif Fallback"}
:root{--black:#090807;--velvet:#12100c;--velvet-2:#1c1811;--gold:#d4ab52;--gold-hi:#f2d68e;--gold-lo:#8c6a24;--bone:#efe7d6;--bone-2:#e3d8c1;--ink:#14110c;--oxblood:#4a1216;--oxblood-deep:#1e0608;--on-dark:#f3ecdd;--on-dark-mute:#f3ecddb8;--on-light-mute:#14110cad;--rule-dark:#d4ab523d;--rule-light:#14110c29;--sans:var(--font-archivo), "Helvetica Neue", Arial, sans-serif;--serif:var(--font-instrument), Georgia, serif;--gutter:clamp(20px, 4vw, 64px);--wrap:min(100% - var(--gutter) * 2, 1520px);--section:clamp(96px, 11vw, 180px);--header-h:76px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-inout:cubic-bezier(.76, 0, .24, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:auto}body{background:var(--black);color:var(--on-dark);font:400 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-stretch:100%;overflow-x:clip}img,svg,canvas,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}h1,h2,h3,h4,p,ol,ul,dl,dd,figure,blockquote{margin:0}ol,ul{padding:0;list-style:none}::selection{background:var(--gold);color:var(--black)}:focus-visible{outline:2px solid var(--gold-hi);outline-offset:4px}.wrap{width:var(--wrap);margin-inline:auto}:where(.grid,.section-head,.split,.ph__grid,.album,.pdp__grid,.article,.studio,.invite__grid,.ft__invite)>*{min-width:0}.grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:20px;display:grid}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip{z-index:300;background:var(--gold);color:var(--black);padding:12px 18px;font-weight:600;position:fixed;top:12px;left:12px;translate:0 -200%}.skip:focus{translate:0}.display,.h1,.h2{font-family:var(--sans);text-transform:uppercase;letter-spacing:-.015em;text-wrap:balance;font-weight:800}.display{font-size:clamp(56px,11vw,210px);font-stretch:125%;line-height:.84}.h1{font-size:clamp(52px,9vw,168px);font-stretch:118%;line-height:.86}.h2{font-size:clamp(42px,6.4vw,116px);font-stretch:112%;line-height:.9}.h3{font:700 clamp(24px, 2.1vw, 34px)/1.1 var(--sans);letter-spacing:-.01em;text-wrap:balance;font-stretch:100%}:is(.display,.h1,.h2,.h3,.lead) em,.accent{font-family:var(--serif);text-transform:none;letter-spacing:-.01em;color:var(--gold);font-style:italic;font-weight:400;font-stretch:100%}:is(.display,.h1,.h2) em{padding-right:.04em;font-size:1.08em;line-height:.8}.lead{font:500 clamp(24px, 2.5vw, 42px)/1.22 var(--sans);letter-spacing:-.018em;text-wrap:pretty}.body-lg{color:var(--on-dark-mute);text-wrap:pretty;font-size:19px;line-height:1.6}.label{font:600 12px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-stretch:100%}.mute{color:var(--on-dark-mute)}[data-theme=light]{color:var(--ink)}[data-theme=light] .label{color:var(--gold-lo)}[data-theme=light] .mute,[data-theme=light] .body-lg{color:var(--on-light-mute)}[data-theme=light] :is(.display,.h1,.h2,.h3,.lead) em{color:var(--gold-lo)}.link{min-height:44px;font:600 15px/1 var(--sans);transition:background-size .5s var(--ease-out), color .3s;background:linear-gradient(currentColor,currentColor) 0 calc(50% + .85em)/100% 1px no-repeat;align-items:center;gap:10px;display:inline-flex}.link:hover{color:var(--gold-hi);background-size:30% 1px}[data-theme=light] .link:hover{color:var(--gold-lo)}.arrow{transition:transform .5s var(--ease-out)}a:hover>.arrow,button:hover>.arrow{transform:translate(5px)}.btn{isolation:isolate;min-height:52px;font:700 13px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;transition:color .4s var(--ease-out), border-color .4s;justify-content:center;align-items:center;gap:10px;padding:0 28px;font-stretch:112%;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";z-index:-1;transition:transform .55s var(--ease-out);position:absolute;inset:0;transform:translateY(101%)}.btn:hover:before{transform:none}.btn--gold{background:var(--gold);color:var(--black)}.btn--gold:before{background:var(--gold-hi)}.btn--line{border:1px solid var(--rule-dark);color:var(--on-dark)}.btn--line:before{background:var(--gold)}.btn--line:hover{color:var(--black);border-color:var(--gold)}[data-theme=light] .btn--line{border-color:var(--rule-light);color:var(--ink)}[data-theme=light] .btn--line:before{background:var(--ink)}[data-theme=light] .btn--line:hover{color:var(--bone);border-color:var(--ink)}.btn--sm{min-height:42px;padding:0 20px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:before{display:none}.section{padding-block:var(--section);position:relative}.section--bone{background:var(--bone);color:var(--ink)}.section--velvet{background:var(--velvet)}.section-head{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:24px 20px;margin-bottom:clamp(48px,6vw,96px);display:grid}.section-head>.label{grid-column:1/-1}.section-head>:is(.h1,.h2){grid-column:1/span 8}.section-head>p:not(.label){grid-column:9/span 4;max-width:38ch}.section-head>.link,.section-head>.btn{grid-column:9/span 4;justify-self:start}.frame{background:var(--velvet-2);position:relative;overflow:clip}.frame img{object-fit:cover;width:100%;height:100%}.grain{z-index:250;pointer-events:none;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}::view-transition-old(.page){animation:page-out .35s var(--ease-inout) both}::view-transition-new(.page){animation:page-in .6s var(--ease-out) both}@keyframes page-out{to{opacity:0;transform:translateY(-14px)}}@keyframes page-in{0%{opacity:0;transform:translateY(22px)}}@media (max-width:1024px){.section-head>:is(.h1,.h2),.section-head>p:not(.label),.section-head>.link,.section-head>.btn{grid-column:1/-1}}@media (max-width:760px){body{font-size:16px}.grid,.section-head{column-gap:12px}.body-lg{font-size:17px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}
.logo{aspect-ratio:789/102;background:var(--logo,var(--gold));width:148px;display:block;-webkit-mask:url(/media/claptone-wordmark.png) 50%/contain no-repeat;mask:url(/media/claptone-wordmark.png) 50%/contain no-repeat}.hd{z-index:100;height:var(--header-h);padding-inline:var(--gutter);color:var(--on-dark);transition:transform .6s var(--ease-inout), color .4s;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;display:grid;position:fixed;inset:0 0 auto}.hd:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);border-bottom:1px solid var(--rule-dark);opacity:0;background:#090807c7;transition:opacity .4s;position:absolute;inset:0}.hd.is-solid:before{opacity:1}.hd.is-hidden{transform:translateY(-105%)}.hd[data-tone=light]{color:var(--ink);--logo:var(--ink)}.hd[data-tone=light]:before{border-color:var(--rule-light);background:#efe7d6db}.hd__mark{padding-block:14px;display:block}.hd__nav{justify-content:center;gap:clamp(20px,2.4vw,40px);display:flex}.hd__nav a,.hd__studio,.hd__bag,.hd__menu{min-height:44px;font:600 14px/1 var(--sans);letter-spacing:.01em;align-items:center;gap:8px;display:inline-flex;position:relative}.hd__nav a:after{content:"";transform-origin:100%;height:1.5px;transition:transform .5s var(--ease-out);background:currentColor;position:absolute;bottom:8px;left:0;right:0;transform:scaleX(0)}.hd__nav a:hover:after,.hd__nav a[aria-current=page]:after{transform-origin:0;transform:scaleX(1)}.hd__end{align-items:center;gap:24px;display:flex}.hd__studio{color:var(--gold)}.hd[data-tone=light] .hd__studio{color:var(--gold-lo)}.hd__studio-dot{width:8px;height:8px;animation:pulse 2.4s var(--ease-out) infinite;background:currentColor;border-radius:50%;box-shadow:0 0}@keyframes pulse{70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}.hd__count{background:var(--gold);min-width:22px;height:22px;color:var(--black);font-variant-numeric:tabular-nums;border-radius:11px;place-items:center;padding-inline:6px;font-size:12px;display:inline-grid}.hd__menu{display:none}.menu{width:100%;max-width:none;height:100%;max-height:none;padding:0 var(--gutter) max(28px, env(safe-area-inset-bottom));background:var(--black);color:var(--on-dark);border:0;margin:0;overflow-y:auto}.menu[open]{flex-direction:column;gap:32px;display:flex}.menu::backdrop{background:#09080799}.menu__top{height:var(--header-h);justify-content:space-between;align-items:center;display:flex}.menu__close{min-height:44px;font:600 14px/1 var(--sans)}.menu__links{flex:1;align-content:center;display:grid}.menu__links li{border-bottom:1px solid var(--rule-dark);overflow:clip}.menu__links a{font:800 clamp(34px, 6.4vh, 72px)/1.05 var(--sans);text-transform:uppercase;letter-spacing:-.01em;transition:color .3s, transform .5s var(--ease-out);align-items:baseline;gap:20px;padding-block:8px;font-stretch:118%;display:flex}.menu__links a:hover,.menu__links a[aria-current=page]{color:var(--gold)}.menu__links a:hover{transform:translate(10px)}.menu__links small{width:2.6em;font:600 12px/1 var(--sans);letter-spacing:.12em;color:var(--gold);flex-shrink:0}.menu__foot{flex-wrap:wrap;gap:0 28px;display:flex}.bag{width:100%;max-width:none;height:100%;max-height:none;color:var(--on-dark);background:0 0;border:0;margin:0;padding:0}.bag::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#09080799}.bag[open] .bag__panel{animation:bag-in .6s var(--ease-out) both}@keyframes bag-in{0%{transform:translate(100%)}}.bag__panel{background:var(--velvet);border-left:1px solid var(--rule-dark);flex-direction:column;width:min(480px,100%);display:flex;position:absolute;top:0;bottom:0;right:0}.bag__head{border-bottom:1px solid var(--rule-dark);justify-content:space-between;align-items:center;padding:22px 28px;display:flex}.bag__close{min-height:44px;font:600 14px/1 var(--sans)}.bag__empty{justify-items:start;gap:20px;padding:28px;display:grid}.bag__items{flex:1;padding:8px 28px;overflow-y:auto}.bag__item{border-bottom:1px solid var(--rule-dark);grid-template-columns:80px 1fr auto;gap:16px;padding-block:18px;display:grid}.bag__img{width:80px;height:80px}.bag__title{font-weight:600;line-height:1.3}.bag__variant{margin-top:4px;font-size:14px}.bag__qty{border:1px solid var(--rule-dark);align-items:center;gap:4px;margin-top:10px;display:inline-flex}.bag__qty button{width:36px;height:36px;font-size:18px}.bag__qty button:disabled{opacity:.35}.bag__qty span{text-align:center;font-variant-numeric:tabular-nums;min-width:24px}.bag__price{align-content:space-between;justify-items:end;font-weight:600;display:grid}.bag__remove{color:var(--on-dark-mute);text-underline-offset:3px;font-size:13px;text-decoration:underline}.bag__foot{padding:22px 28px max(24px, env(safe-area-inset-bottom));border-top:1px solid var(--rule-dark);gap:14px;display:grid}.bag__total{justify-content:space-between;font-size:18px;display:flex}.bag__note{font-size:14px}.bag__checkout{width:100%}.shoppay{--shop-pay-button-width:100%;--shop-pay-button-height:52px;--shop-pay-button-border-radius:0;--buttons-radius:0;width:100%;min-height:52px}.shoppay shop-pay-button{width:100%;display:block}.cursor{z-index:300;background:var(--gold);pointer-events:none;mix-blend-mode:difference;width:12px;height:12px;transition:width .35s var(--ease-out), height .35s var(--ease-out), top .35s var(--ease-out), left .35s var(--ease-out), opacity .3s, background-color .3s;border-radius:50%;position:fixed;top:-6px;left:-6px}.cursor.is-hot{width:44px;height:44px;box-shadow:inset 0 0 0 1.5px var(--gold);mix-blend-mode:normal;background:0 0;top:-22px;left:-22px}.cursor.is-out{opacity:0}.ft{background:var(--black);border-top:1px solid var(--rule-dark);position:relative;overflow:clip}.ft__invite{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:24px 20px;padding-block:clamp(96px,10vw,160px) clamp(64px,7vw,112px);display:grid}.ft__invite>.label{grid-column:1/-1}.ft__title{grid-column:1/span 7}.ft__invite-side{grid-column:9/span 4;justify-items:start;gap:24px;display:grid}.ft__cols{border-top:1px solid var(--rule-dark);grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 20px;padding-block:56px;display:grid}.ft__cols ul{gap:4px;margin-top:18px;display:grid}.ft__cols a{min-height:36px;color:var(--on-dark-mute);align-items:center;transition:color .3s;display:inline-flex}.ft__cols a:hover{color:var(--gold-hi)}.ft__word{padding-inline:var(--gutter)}.ft__word .logo{opacity:.95;width:100%}.ft__base{padding-block:28px max(28px, env(safe-area-inset-bottom));color:var(--on-dark-mute);justify-content:space-between;gap:20px;font-size:14px;display:flex}@media (max-width:1180px){.hd__nav{display:none}.hd__menu{display:inline-flex}.hd{grid-template-columns:auto 1fr}.hd__end{justify-content:flex-end}}@media (max-width:760px){:root{--header-h:64px}.logo{width:120px}.hd__studio,.hd__cta{display:none}.hd__end{gap:18px}.ft__title,.ft__invite-side{grid-column:1/-1}.ft__cols{grid-template-columns:1fr 1fr}.ft__base{flex-direction:column}}
.deck{--beat:0;--bar:0;gap:18px;display:grid}.deck__top{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(28px,4vw,64px);margin-bottom:14px;display:grid}.deck__table{aspect-ratio:1;background:radial-gradient(120% 90% at 20% 0,#f3ecdd12,#0000 60%),linear-gradient(150deg,#211b12,#0c0a07 70%);border-radius:8px;width:clamp(240px,24vw,360px);position:relative;box-shadow:inset 0 0 0 1px #f3ecdd12,inset 0 -18px 40px -24px #000000e6,0 50px 90px -40px #000000f2}.deck__platter{aspect-ratio:1;background:radial-gradient(circle,#0d0c0a 60%,#17140f 61%,#0a0908 100%);border-radius:50%;width:80%;position:absolute;top:14%;left:2%;box-shadow:0 0 0 1px #d4ab5229,0 24px 40px -18px #000000e6}.deck__platter:after{content:"";opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:-5%;box-shadow:0 0 46px 6px #d4ab526b,inset 0 0 0 1px #f2d68e66}.deck.is-playing .deck__platter:after{opacity:calc(var(--beat) * .85)}.deck__disc{will-change:transform;background:radial-gradient(circle,#0000 36%,#d4ab5238 36.6%,#0000 37.4%),radial-gradient(circle,#0000 94%,#d4ab522e 94.6%,#0000 95.4%),repeating-radial-gradient(circle,#0b0a09 0 1.2px,#17150f 1.2px 2.4px);border-radius:50%;position:absolute;inset:3.5%;box-shadow:inset 0 0 0 1px #000c,inset 0 0 30px #000000b3}.deck__disc:before{content:"";background:repeating-conic-gradient(#d4ab5299 0 1.3deg, transparent 1.3deg 7.5deg);border-radius:50%;position:absolute;inset:-3.6%;-webkit-mask:radial-gradient(closest-side,#0000 94.5%,#000 95.5% 99%,#0000 100%);mask:radial-gradient(closest-side,#0000 94.5%,#000 95.5% 99%,#0000 100%)}.deck__label{background:var(--gold);border-radius:50%;position:absolute;inset:31%;overflow:hidden;box-shadow:0 0 0 2px #0b0a09,0 0 0 3px #d4ab5266}.deck__label img{object-fit:cover}.deck__label:after{content:"";aspect-ratio:1;background:var(--gold-hi);border-radius:50%;width:7%;position:absolute;top:7%;left:50%;transform:translate(-50%);box-shadow:0 0 6px #f2d68ecc}.deck__sheen{background:conic-gradient(from 20deg, transparent 0 4%, #f3ecdd1a 9%, transparent 16% 50%, #f3ecdd12 57%, transparent 64%);mix-blend-mode:screen;pointer-events:none;border-radius:50%;position:absolute;inset:3.5%}.deck__spindle{aspect-ratio:1;background:radial-gradient(circle at 35% 35%, #fff4d2, var(--gold) 45%, var(--gold-lo));border-radius:50%;width:4.2%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #000c}.deck__arm{pointer-events:none;filter:drop-shadow(5px 10px 6px #000000a6);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.deck__arm-base{fill:#241e14;stroke:#d4ab5266;stroke-width:.6px}.deck__arm-swing{transform-box:view-box;transform-origin:88px 12px;transition:transform 1.3s var(--ease-inout)}.deck__arm-tube{fill:none;stroke:#d9c48e;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.deck__arm-head{fill:var(--gold)}.deck__arm-weight{fill:#2c2519;stroke:var(--gold);stroke-width:.5px}.deck__arm-pivot{fill:var(--gold-hi)}.deck__info{justify-items:start;gap:14px;display:grid}.deck__status{align-items:center;gap:10px;display:inline-flex}.deck__title{font:800 clamp(32px, 3.4vw, 54px)/.95 var(--sans);letter-spacing:-.01em;text-transform:uppercase;text-wrap:balance;font-stretch:112%}.deck__desc{max-width:42ch}.deck__controls{align-items:center;gap:10px;margin-top:8px;display:flex}.deck__btn{border:1px solid var(--rule-dark);width:48px;height:48px;color:var(--on-dark);transition:color .3s, border-color .3s, transform .4s var(--ease-out);border-radius:50%;place-items:center;display:grid}.deck__btn svg{width:22px;height:22px}.deck__btn:not(:disabled):hover{color:var(--gold);border-color:var(--gold);transform:translateY(-2px)}.deck__btn:disabled{opacity:.32;cursor:default}.deck__play{background:var(--gold);width:76px;height:76px;color:var(--black);border-radius:50%;place-items:center;margin-inline:4px;transition:background-color .3s;display:grid;position:relative}.deck__play svg{width:30px;height:30px;position:relative}.deck__play:hover{background:var(--gold-hi)}.deck.is-playing .deck__play{transform:scale(calc(1 + var(--beat) * .05));box-shadow:0 0 calc(10px + var(--beat) * 38px) calc(var(--beat) * 6px) rgb(212 171 82/calc(.25 + var(--beat) * .4))}.deck__play:after{content:"";border:2px solid #0000;border-top-color:var(--gold-hi);opacity:0;border-radius:50%;transition:opacity .3s;position:absolute;inset:-6px}.deck__play.is-loading:after{opacity:1;animation:.9s linear infinite deck-spin}@keyframes deck-spin{to{transform:rotate(360deg)}}.deck__wave{cursor:pointer;touch-action:pan-y;align-items:center;gap:3px;height:104px;display:flex;position:relative}.deck__wave i{transform-origin:50%;background:#d4ab5242;border-radius:1px;flex:1;min-width:1px;transition:background-color .25s}.deck__wave i.on{background:linear-gradient(var(--gold-hi), var(--gold) 50%, var(--gold-lo))}.deck__wave:hover i:not(.on){background:#d4ab526b}.deck__head{background:var(--gold-hi);width:2px;box-shadow:0 0 calc(8px + var(--beat) * 16px) calc(1px + var(--beat) * 3px) #f2d68ebf;opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;top:-10px;bottom:-10px;left:0;transform:translate(-50%)}.deck.is-live .deck__head{opacity:1}.deck__ghost{pointer-events:none;background:#f3ecdd80;width:1px;position:absolute;top:-14px;bottom:-6px}.deck__ghost b{background:var(--on-dark);color:var(--black);font:700 12px/1 var(--sans);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:3px;padding:5px 8px;position:absolute;bottom:100%;left:0;transform:translate(-50%,-4px)}.deck__time{color:var(--on-dark-mute);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.eq{width:14px;height:12px;color:var(--gold);align-items:flex-end;gap:2px;display:inline-flex}.eq i{background:currentColor;border-radius:1px;flex:1;height:35%}.eq.is-on i{animation:eq .8s var(--ease-inout) infinite alternate}.eq.is-on i:nth-child(2){animation-duration:.55s;animation-delay:-.2s}.eq.is-on i:nth-child(3){animation-duration:.7s;animation-delay:-.45s}@keyframes eq{0%{height:25%}50%{height:100%}to{height:45%}}.deck__list{border-top:1px solid var(--rule-dark);margin-top:28px}.deck__list button{isolation:isolate;border-bottom:1px solid var(--rule-dark);text-align:left;grid-template-columns:64px minmax(0,1fr) auto 80px 40px;align-items:center;gap:16px;width:100%;min-height:64px;padding-inline:12px;transition:color .3s;display:grid;position:relative}.deck__list button:before{content:"";z-index:-1;transform-origin:0;transition:transform .6s var(--ease-out);background:linear-gradient(90deg,#d4ab521f,#d4ab5205);position:absolute;inset:0;transform:scaleX(0)}.deck__list button:hover:before,.deck__list button.is-on:before{transform:scaleX(1)}.deck__list button:hover,.deck__list button.is-on{color:var(--gold)}.deck__num{font-variant-numeric:tabular-nums;font-weight:700}.deck__name{transition:transform .5s var(--ease-out);font-weight:600}.deck__list button:hover .deck__name{transform:translate(6px)}.deck__mins{text-align:right;font-variant-numeric:tabular-nums}.deck__go{opacity:0;width:36px;height:36px;transition:opacity .3s, transform .4s var(--ease-out);border:1px solid;border-radius:50%;place-items:center;display:grid;transform:scale(.7)}.deck__go svg{width:14px;height:14px}.deck__list button:hover .deck__go,.deck__list button.is-on .deck__go{opacity:1;transform:none}.deck--compact .deck__table{width:clamp(200px,17vw,260px)}.deck--compact .deck__title{font-size:clamp(28px,2.6vw,42px)}.deck--compact .deck__desc{display:none}.deck--compact .deck__wave{height:80px}.mini{left:50%;bottom:max(16px, env(safe-area-inset-bottom));z-index:120;border:1px solid var(--rule-dark);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);opacity:0;width:min(100% - 32px,560px);transition:transform .7s var(--ease-out), opacity .4s;pointer-events:none;background:#12100cdb;border-radius:40px;grid-template-columns:48px minmax(0,1fr) auto 44px 36px;align-items:center;gap:14px;padding:9px 12px 9px 9px;display:grid;position:fixed;overflow:hidden;transform:translate(-50%,calc(100% + 40px));box-shadow:0 24px 60px -20px #000000e6}.mini.is-shown{opacity:1;pointer-events:auto;transform:translate(-50%)}.mini__progress{background:linear-gradient(90deg, var(--gold-lo), var(--gold-hi));transform-origin:0;height:2px;position:absolute;top:0;left:28px;right:28px;transform:scaleX(0);box-shadow:0 0 10px #f2d68e99}.mini__disc{will-change:transform;background:repeating-radial-gradient(circle,#0b0a09 0 1px,#18150f 1px 2px);border-radius:50%;width:48px;height:48px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #d4ab5273}.mini__disc img{object-fit:cover;border-radius:50%;width:56%;height:56%;position:absolute;inset:22%}.mini__disc:after{content:"";background:var(--black);border-radius:50%;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #d4ab5299}.mini__meta{gap:3px;min-width:0;display:grid}.mini__meta .label{align-items:center;gap:8px;font-size:11px;display:inline-flex}.mini__title{font:700 16px/1.2 var(--sans);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mini__meta:hover .mini__title{color:var(--gold-hi)}.mini__clock{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.mini__play{background:var(--gold);width:44px;height:44px;color:var(--black);transition:background-color .3s, transform .4s var(--ease-out);border-radius:50%;place-items:center;display:grid}.mini__play:hover{background:var(--gold-hi);transform:scale(1.06)}.mini__play svg{width:20px;height:20px}.mini__close{width:36px;height:36px;color:var(--on-dark-mute);border-radius:50%;place-items:center;transition:color .3s,background-color .3s;display:grid}.mini__close:hover{color:var(--on-dark);background:#f3ecdd14}.mini__close svg{width:18px;height:18px}body:has(.mini.is-shown) .ft{padding-bottom:96px}.spotify-wrap{gap:10px;width:100%;display:grid}.spotify{background:var(--velvet-2);width:100%;box-shadow:0 0 0 1px var(--rule-dark), 0 30px 60px -30px #000c;border-radius:12px;position:relative;overflow:hidden}.spotify__frame,.spotify__plain{position:absolute;inset:0}.spotify__frame iframe,.spotify__plain{border:0;width:100%;height:100%;display:block}.spotify__frame{opacity:0;transition:opacity .6s var(--ease-out)}.spotify.is-ready .spotify__frame{opacity:1}.spotify__wait{color:var(--on-dark-mute);place-content:center;justify-items:center;gap:12px;transition:opacity .4s;display:grid;position:absolute;inset:0}.spotify__wait svg{color:#1ed760;width:34px;height:34px;animation:spotify-wait 1.4s var(--ease-inout) infinite alternate}@keyframes spotify-wait{0%{opacity:.35}to{opacity:1}}.spotify.is-ready .spotify__wait,.spotify.is-fallback .spotify__wait{opacity:0}.spotify__note{color:var(--on-dark-mute);font-size:13px}.cc-episodes{padding-top:clamp(24px,3vw,48px)}@media (max-width:1024px){.deck--compact .deck__table{width:clamp(200px,30vw,260px)}}@media (max-width:760px){.deck__top{grid-template-columns:minmax(0,1fr);gap:28px}.deck__table,.deck--compact .deck__table{justify-self:center;width:min(100%,340px)}.deck__title{font-size:clamp(30px,9vw,44px)}.deck__controls{justify-content:space-between;gap:6px;width:100%}.deck__play{width:68px;height:68px;margin:0}.deck__wave{gap:2px;height:80px}.deck__list button{grid-template-columns:44px minmax(0,1fr) auto;gap:12px;padding-inline:4px}.deck__mins,.deck__go{display:none}.mini{width:calc(100% - 24px);bottom:max(12px, env(safe-area-inset-bottom));grid-template-columns:44px minmax(0,1fr) 44px 36px;gap:10px}.mini__disc{width:44px;height:44px}.mini__clock{display:none}.mini__title{font-size:15px}}@media (prefers-reduced-motion:reduce){.deck__disc,.mini__disc,.deck__wave i,.deck.is-playing .deck__play{transform:none!important}.deck.is-playing .deck__platter:after{opacity:.4}.deck__arm-swing{transition:none}.eq.is-on i{height:70%;animation:none}.spotify__wait svg{animation:none}.mini{transition:opacity .3s}}