.faceplate{background:linear-gradient(180deg, var(--hw-face-top) 0%, var(--case-panel) 42%, var(--hw-face-bottom) 100%);border:1px solid #ffffff14;border-radius:14px;max-width:36rem;margin:clamp(2rem,5vw,3.5rem) 0 0;padding:1.25rem 1.25rem 1.1rem;position:relative;box-shadow:inset 0 1px #ffffff1f,0 18px 40px #00000073}.faceplate__screw,.faceplate__screw--right{background:radial-gradient(circle at 35% 30%, var(--hw-screw-head), var(--hw-screw-shadow) 70%);border-radius:50%;width:.55rem;height:.55rem;position:absolute;top:.7rem;box-shadow:inset 0 0 0 1px #00000080}.faceplate__screw{left:.7rem}.faceplate__screw--right{right:.7rem}.faceplate__brand{color:var(--case-silk);font-family:var(--case-display);letter-spacing:.28em;margin:0 0 .85rem;font-size:.85rem}.faceplate__steps,.faceplate__pads{margin:0;padding:0;list-style:none;display:grid}.faceplate__steps{grid-template-columns:repeat(16,minmax(0,1fr));gap:.28rem;margin-bottom:.85rem}.faceplate__step{aspect-ratio:3/4;background:var(--color-sequencer-step);border-radius:3px;box-shadow:inset 0 1px #ffffff1f,0 2px #00000073}.faceplate__step[data-lit=true]{background:currentColor;box-shadow:0 0 10px}.faceplate__pads{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.faceplate__pads li{aspect-ratio:1;background:linear-gradient(180deg, var(--hw-pad-top), var(--hw-pad-bottom));color:var(--case-silk);letter-spacing:.12em;border-radius:8px;place-items:center;font-size:.6rem;display:grid;box-shadow:inset 0 1px #ffffff24,0 3px 5px #00000080}.groovebox-tile{--tile-silk:color-mix(in srgb, var(--tile-ink) 75%, var(--tile-panel));background:var(--tile-ground);border:var(--line) solid color-mix(in srgb, var(--tile-ink) 8%, transparent);height:100%;color:var(--tile-ink);-webkit-tap-highlight-color:color-mix(in srgb, var(--color-lime) 18%, transparent);touch-action:manipulation;gap:1rem;padding:clamp(1.25rem,3vw,2rem);text-decoration:none;transition:transform .16s;display:grid}.groovebox-tile:hover{transform:translateY(-2px)}.groovebox-tile:is(:hover,:focus-visible){border-color:var(--tile-accent)}.groovebox-tile:focus-visible{outline:var(--focus-ring);outline-offset:3px}.groovebox-tile__faceplate{background:linear-gradient(180deg, var(--hw-face-top) 0%, var(--tile-panel) 42%, var(--hw-face-bottom) 100%);border:1px solid #ffffff14;border-radius:14px;padding:1.1rem 1.1rem 1rem;position:relative;box-shadow:inset 0 1px #ffffff1f,0 18px 40px #00000073}.groovebox-tile__screw,.groovebox-tile__screw--right{background:radial-gradient(circle at 35% 30%, var(--hw-screw-head), var(--hw-screw-shadow) 70%);border-radius:50%;width:.5rem;height:.5rem;position:absolute;top:.6rem;box-shadow:inset 0 0 0 1px #00000080}.groovebox-tile__screw{left:.6rem}.groovebox-tile__screw--right{right:.6rem}.groovebox-tile__topline{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.groovebox-tile__brand{color:var(--tile-silk);font-family:var(--font-groove), var(--font-display), sans-serif;letter-spacing:.28em;font-size:.75rem}.groovebox-tile__tempo{background:var(--tile-accent);width:.5rem;height:.5rem;box-shadow:0 0 8px var(--tile-accent);opacity:.35;border-radius:50%;animation:1.2s ease-in-out infinite groove-tempo}.groovebox-tile__silkscreen{color:var(--tile-ink);font-family:var(--font-groove), var(--font-display), sans-serif;letter-spacing:.2em;text-transform:uppercase;margin:0 0 .85rem;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:600;line-height:1}.groovebox-tile__steps,.groovebox-tile__pads{margin:0;padding:0;list-style:none;display:grid}.groovebox-tile__steps{grid-template-columns:repeat(16,minmax(0,1fr));gap:.28rem;margin-bottom:.85rem}.groovebox-tile__step{aspect-ratio:3/4;background:var(--color-sequencer-step);border-radius:3px;position:relative;box-shadow:inset 0 1px #ffffff1f,0 2px #00000073}.groovebox-tile__step-glow{border-radius:inherit;background:var(--step-color);box-shadow:0 0 10px var(--step-color);opacity:0;position:absolute;inset:0}.groovebox-tile__step[data-lit=true] .groovebox-tile__step-glow{opacity:.3;animation:4.8s ease-in-out infinite groove-ambient;animation-delay:calc(var(--step-index) * .3s)}.tile-motion[data-crescendo=true] .groovebox-tile__step-glow{animation:1.6s linear infinite groove-chase;animation-delay:calc(var(--step-index) * .1s)}.tile-motion[data-crescendo=true] .groovebox-tile__tempo{animation-duration:.3s}.groovebox-tile__pads{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.groovebox-tile__pads li{aspect-ratio:1;background:linear-gradient(180deg, var(--hw-pad-top), var(--hw-pad-bottom));color:var(--tile-silk);letter-spacing:.12em;border-radius:8px;place-items:center;font-size:.6rem;display:grid;box-shadow:inset 0 1px #ffffff24,0 3px 5px #00000080}.tile-motion[data-crescendo=true] .groovebox-tile__pads li{animation:.8s ease-in-out infinite groove-pad}.tile-motion[data-crescendo=true] .groovebox-tile__pads li:nth-child(2){animation-delay:.2s}.tile-motion[data-crescendo=true] .groovebox-tile__pads li:nth-child(3){animation-delay:.4s}.tile-motion[data-crescendo=true] .groovebox-tile__pads li:nth-child(4){animation-delay:.6s}.groovebox-tile__meta{gap:.85rem;display:grid}.groovebox-tile__index,.groovebox-tile__go{color:var(--tile-accent);letter-spacing:.14em;text-transform:uppercase;font-size:clamp(.625rem,.9vw,.75rem)}.groovebox-tile__pitch{max-width:36rem;color:var(--tile-mute);font-size:clamp(.8125rem,1.3vw,1rem);line-height:1.6}@media (prefers-reduced-motion:reduce){.groovebox-tile [data-anim]{animation:none!important}.groovebox-tile__step[data-lit=true] .groovebox-tile__step-glow,.groovebox-tile__tempo{opacity:1}}@keyframes groove-ambient{0%,to{opacity:.55}50%{opacity:.95}}@keyframes groove-chase{0%{opacity:1}30%,to{opacity:.12}}@keyframes groove-tempo{0%,to{opacity:1}50%{opacity:.15}}@keyframes groove-pad{0%,to{transform:scale(1)}30%{transform:scale(.93)}}
.case--sound-city{--case-display:var(--font-display), sans-serif}.case-motif__venue,.case-motif__bill{color:var(--case-accent);letter-spacing:.13em;margin:0;font-size:.75rem}.case-motif--sound-city{background:repeating-linear-gradient(112deg, transparent 0 9px, color-mix(in srgb, var(--case-ink) 2%, transparent) 10px 11px), var(--case-panel);border-width:4px;align-content:center;padding:1.25rem;display:grid}.case-motif__tonight{color:var(--case-ink);font-family:var(--font-display), sans-serif;letter-spacing:-.03em;margin:.4rem 0 0;font-size:clamp(5rem,19vw,10rem);line-height:.72}.case-motif__bill{border-top:4px solid var(--case-accent);color:var(--case-ink);margin-top:1.4rem;padding-top:.65rem}.sound-city-tile__poster{background:var(--tile-panel);border:4px solid var(--tile-accent);min-height:17rem;padding:1rem;position:relative;overflow:hidden}.sound-city-tile__grain{opacity:.2;background:repeating-linear-gradient(113deg, transparent 0 8px, color-mix(in srgb, var(--tile-ink) 9%, transparent) 9px 10px);position:absolute;inset:0}.sound-city-tile__stamp{color:var(--tile-accent);letter-spacing:.15em;margin:0;font-size:.62rem;position:relative}.sound-city-tile__tonight{color:var(--tile-ink);font-family:var(--font-display), sans-serif;letter-spacing:-.03em;transform-origin:0;margin:1.2rem 0 0;font-size:clamp(5rem,18vw,9rem);line-height:.68;position:relative}.sound-city-tile__lineup{border-top:4px solid var(--tile-accent);color:var(--tile-ink);letter-spacing:.16em;margin:1.6rem 0 0;padding-top:.65rem;font-size:.72rem;line-height:1.6;position:relative}.sound-city-tile__meter{align-items:end;gap:.2rem;height:3rem;display:flex;position:absolute;bottom:1rem;right:1rem}.sound-city-tile__meter span{width:.18rem;height:var(--bar-height);background:var(--tile-accent);transform-origin:bottom;animation:3.6s ease-in-out infinite club-idle;animation-delay:calc(var(--bar) * -180ms)}.tile-motion[data-crescendo=true] .sound-city-tile__tonight{animation:.7s ease-in-out infinite flyer-crescendo}.tile-motion[data-crescendo=true] .sound-city-tile__meter span{animation-name:club-crescendo;animation-duration:.55s}.sound-city-tile__meta{gap:.75rem;display:grid}.sound-city-tile__meta strong{color:var(--tile-ink);font-family:var(--font-display), sans-serif;letter-spacing:.04em;text-transform:uppercase;text-wrap:balance;font-size:clamp(1.8rem,5vw,3.4rem);font-weight:400;line-height:.9}.sound-city-tile__index,.sound-city-tile__go{color:var(--tile-accent);letter-spacing:.14em;text-transform:uppercase;font-size:.68rem}.sound-city-tile__pitch{color:var(--tile-mute);font-size:clamp(.75rem,1.2vw,.9rem);line-height:1.6}@keyframes club-idle{0%,to{opacity:.55;transform:scaleY(.55)}50%{opacity:.9;transform:scaleY(1)}}@keyframes club-crescendo{0%,to{opacity:.5;transform:scaleY(.35)}45%{opacity:1;transform:scaleY(1.25)}}@keyframes flyer-crescendo{0%,to{opacity:1;transform:scaleX(1)}50%{opacity:.82;transform:scaleX(1.025)}}@media (prefers-reduced-motion:reduce){.sound-city-tile__tonight,.sound-city-tile__meter span{opacity:1;transform:none}}
.case--telescope{--case-display:var(--font-display), sans-serif}.case-motif--telescope{background:radial-gradient(circle at 50% 25%, color-mix(in srgb, var(--case-accent) 15%, transparent), transparent 45%), var(--case-panel)}.case-motif--telescope p{color:var(--case-mute);letter-spacing:.16em;margin:0;font-size:.65rem;position:absolute;bottom:.75rem;right:1rem}.case-motif__star{background:var(--case-ink);width:.55rem;height:.55rem;box-shadow:0 0 1rem var(--case-accent);border-radius:50%;position:absolute}.case-motif__star--one{top:68%;left:15%}.case-motif__star--two{top:42%;left:38%}.case-motif__star--three{top:54%;left:61%}.case-motif__star--four{top:22%;left:82%}.case-motif__line{background:var(--case-accent);transform-origin:0;height:1px;position:absolute}.case-motif__line--one{width:28%;top:67%;left:16%;transform:rotate(-27deg)}.case-motif__line--two{width:25%;top:43%;left:39%;transform:rotate(13deg)}.case-motif__line--three{width:29%;top:54%;left:62%;transform:rotate(-34deg)}.telescope-tile__sky{background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--tile-accent) 14%, transparent), transparent 48%), var(--tile-panel);border:1px solid color-mix(in srgb, var(--tile-accent) 25%, transparent);min-height:17rem;position:relative;overflow:hidden}.telescope-tile__sky p{z-index:2;color:var(--tile-mute);letter-spacing:.15em;margin:0;font-size:.62rem;position:absolute;top:.8rem;left:1rem}.telescope-tile__star{z-index:2;top:var(--star-y);left:var(--star-x);width:var(--star-size);height:var(--star-size);background:var(--tile-ink);box-shadow:0 0 .6rem var(--tile-accent);animation:5s ease-in-out infinite sky-twinkle;animation-delay:calc(var(--star-index) * -370ms);border-radius:50%;position:absolute}.telescope-tile__line{z-index:1;background:var(--tile-accent);opacity:.2;transform-origin:0;height:1px;position:absolute}.telescope-tile__line--one{--line-angle:-35deg;width:29%;transform:rotate(var(--line-angle));top:68%;left:18%}.telescope-tile__line--two{--line-angle:17deg;width:24%;transform:rotate(var(--line-angle));top:42%;left:43%}.telescope-tile__line--three{--line-angle:-37deg;width:27%;transform:rotate(var(--line-angle));top:53%;left:62%}.tile-motion[data-crescendo=true] .telescope-tile__line{animation:1.8s ease-in-out infinite constellation-draw}.tile-motion[data-crescendo=true] .telescope-tile__line--two{animation-delay:.18s}.tile-motion[data-crescendo=true] .telescope-tile__line--three{animation-delay:.36s}.telescope-tile__horizon{border-top:1px solid var(--tile-accent);background:var(--tile-ground);border-radius:50% 50% 0 0;height:38%;position:absolute;bottom:-20%;left:-5%;right:-5%}.telescope-tile__meta{gap:.75rem;display:grid}.telescope-tile__meta strong{color:var(--tile-ink);font-family:var(--font-display), sans-serif;letter-spacing:.04em;text-transform:uppercase;text-wrap:balance;font-size:clamp(1.8rem,5vw,3.4rem);font-weight:400;line-height:.9}.telescope-tile__index,.telescope-tile__go{color:var(--tile-accent);letter-spacing:.14em;text-transform:uppercase;font-size:.68rem}.telescope-tile__pitch{color:var(--tile-mute);font-size:clamp(.75rem,1.2vw,.9rem);line-height:1.6}@keyframes sky-twinkle{0%,to{opacity:.45;transform:scale(.75)}50%{opacity:1;transform:scale(1.2)}}@keyframes constellation-draw{0%,15%{transform:rotate(var(--line-angle)) scaleX(0);opacity:0}55%,to{transform:rotate(var(--line-angle)) scaleX(1);opacity:.9}}@media (prefers-reduced-motion:reduce){.telescope-tile__star{opacity:1;transform:none}.telescope-tile__line{opacity:.75}}
.case--terminal-one{--case-display:var(--font-body), monospace}.case-motif--terminal{background:linear-gradient(color-mix(in srgb, var(--case-accent) 5%, transparent) 1px, transparent 1px) 0 0 / 100% 1.5rem, var(--case-panel);box-shadow:inset 0 0 3rem color-mix(in srgb, var(--case-accent) 8%, transparent);font-family:var(--font-body), monospace;padding:1.25rem}.case-motif__tape,.case-motif__readout{color:var(--case-accent);letter-spacing:.13em;margin:0;font-size:.75rem}.case-motif__readout{color:var(--case-ink);font-variant-numeric:tabular-nums;margin-top:2rem;font-size:clamp(1.5rem,5vw,3rem)}.case-motif__reels{grid-template-columns:repeat(3,1fr);gap:.5rem;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.case-motif__reels li{border:1px solid var(--case-mute);background:var(--case-ground);min-height:4rem;color:var(--case-ink);place-items:center;font-size:clamp(.8rem,2vw,1.1rem);display:grid}.terminal-tile{font-family:var(--font-body), monospace}.terminal-tile__screen{background:linear-gradient(color-mix(in srgb, var(--tile-accent) 4%, transparent) 1px, transparent 1px) 0 0 / 100% 1.35rem, var(--tile-panel);border:1px solid color-mix(in srgb, var(--tile-accent) 28%, transparent);min-height:17rem;box-shadow:inset 0 0 3rem color-mix(in srgb, var(--tile-accent) 7%, transparent);padding:1rem;position:relative;overflow:hidden}.terminal-tile__ticker{width:max-content;color:var(--tile-accent);letter-spacing:.12em;white-space:nowrap;margin:0;font-size:.66rem;animation:4.8s linear infinite terminal-tape}.terminal-tile__mast{color:var(--tile-mute);letter-spacing:.12em;justify-content:space-between;gap:1rem;margin-top:2rem;font-size:.58rem;display:flex}.terminal-tile__score{color:var(--tile-ink);font-variant-numeric:tabular-nums;margin:1.35rem 0 0;font-size:clamp(3rem,9vw,5.5rem);line-height:.8}.terminal-tile__signal{color:var(--tile-accent);letter-spacing:.12em;margin:.7rem 0 0;font-size:.62rem}.terminal-tile__reels{grid-template-columns:repeat(3,1fr);gap:.4rem;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.terminal-tile__reels li{background:var(--tile-ground);border:1px solid var(--tile-mute);place-items:center;min-height:3.4rem;display:grid;overflow:hidden}.terminal-tile__reels span{color:var(--tile-ink);font-size:.72rem}.tile-motion[data-crescendo=true] .terminal-tile__ticker{animation-duration:3.5s}.tile-motion[data-crescendo=true] .terminal-tile__reels span{animation:.72s ease-in-out infinite terminal-reel;animation-delay:calc(var(--reel) * 80ms)}.terminal-tile__meta{gap:.75rem;display:grid}.terminal-tile__meta strong{color:var(--tile-ink);font-family:var(--font-display), sans-serif;letter-spacing:.04em;text-transform:uppercase;text-wrap:balance;font-size:clamp(1.8rem,5vw,3.4rem);font-weight:400;line-height:.9;font-family:var(--font-body), monospace;font-size:clamp(1.3rem,3vw,2rem)}.terminal-tile__index,.terminal-tile__go{color:var(--tile-accent);letter-spacing:.14em;text-transform:uppercase;font-size:.68rem}.terminal-tile__pitch{color:var(--tile-mute);font-size:clamp(.75rem,1.2vw,.9rem);line-height:1.6}@keyframes terminal-tape{0%{transform:translate(0)}to{transform:translate(-28%)}}@keyframes terminal-reel{0%,to{opacity:1;transform:translateY(0)}45%{opacity:0;transform:translateY(-115%)}55%{opacity:0;transform:translateY(115%)}}@media (prefers-reduced-motion:reduce){.terminal-tile__ticker,.terminal-tile__reels span{opacity:1;transform:none}}
@font-face{font-family:Chakra Petch;font-style:normal;font-weight:400;font-display:swap;src:url(../media/785695c5b05eabf2-s.1e3rq9yqb-d7r.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ac548f9ce6284f94-s.2d0al6l6wkuj3.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:Chakra Petch;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9728433aadc137d6-s.3v75hlz3u07l1.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:Chakra Petch;font-style:normal;font-weight:400;font-display:swap;src:url(../media/638f182e7ded7477-s.p.0mtzhm5kbqk8n.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:Chakra Petch;font-style:normal;font-weight:600;font-display:swap;src:url(../media/664b8486c44baa2d-s.0vchxt0cs-r06.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:600;font-display:swap;src:url(../media/c5ac7bd8b2d9fce6-s.3kfu5v_o8q8ol.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:Chakra Petch;font-style:normal;font-weight:600;font-display:swap;src:url(../media/8457265da2739722-s.00okbctd204vc.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:Chakra Petch;font-style:normal;font-weight:600;font-display:swap;src:url(../media/dc0c65e819e3bb6c-s.p.1alcwxkb6wbdk.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:Chakra Petch;font-style:normal;font-weight:700;font-display:swap;src:url(../media/087f4c42b279024d-s.3lkdjsxaxw2k3.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:700;font-display:swap;src:url(../media/891a32df73aa4402-s.1njr2bfrh4k2r.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:Chakra Petch;font-style:normal;font-weight:700;font-display:swap;src:url(../media/9186901afaa5c996-s.0-s4mhtt1ybzm.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:Chakra Petch;font-style:normal;font-weight:700;font-display:swap;src:url(../media/374a88ea0960b3d4-s.p.07nelj0w2qn6k.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:Chakra Petch Fallback;src:local(Arial);ascent-override:96.77%;descent-override:30.05%;line-gap-override:0.0%;size-adjust:102.51%}.chakra_petch_5d034ae2-module__-kvGta__className{font-family:Chakra Petch,Chakra Petch Fallback;font-style:normal}.chakra_petch_5d034ae2-module__-kvGta__variable{--font-groove:"Chakra Petch", "Chakra Petch Fallback"}