:root,[data-preset=funk]{--paper:#fff3dc;--paper-2:#ffe4b8;--ink:#2a0e3d;--ink-soft:#5b3a6e;--line:#2a0e3d;--on-c:#2a0e3d;--c1:#ff4fa3;--c2:#ff7b1c;--c3:#ffc93c;--c4:#00bfa6;--c5:#a98bff;--grain:.13}[data-preset=disco]{--paper:#1b0b2e;--paper-2:#280f44;--ink:#fff3fb;--ink-soft:#d9c2ef;--line:#fff3fb;--on-c:#1b0b2e;--c1:#ff4fd8;--c2:#36e2ff;--c3:#fff04d;--c4:#7dff6b;--c5:#b99bff;--grain:.06;--sun:22%}[data-preset=soul]{--paper:#f4e4c1;--paper-2:#e9d09c;--ink:#3b1f0e;--ink-soft:#6b4226;--line:#3b1f0e;--on-c:#3b1f0e;--c1:#f06a3a;--c2:#f2a900;--c3:#8aa13b;--c4:#d98c5f;--c5:#e8a0a0;--grain:.16}[data-preset=boogie]{--paper:#f7f7ff;--paper-2:#e3e9ff;--ink:#14125c;--ink-soft:#3f3d8a;--line:#14125c;--on-c:#14125c;--c1:#ff5d5d;--c2:#5c8aff;--c3:#c6ff3d;--c4:#ffb3e6;--c5:#26d0ce;--grain:.08}:root{--display:"Shrikhand", "Cooper Black", Georgia, serif;--sans:"Bricolage Grotesque", system-ui, sans-serif;--mono:"Space Mono", ui-monospace, monospace;--beat:calc(60s / 104);--pop:cubic-bezier(.34, 1.56, .64, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-preset=disco]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{background:var(--paper);color:var(--ink);font:400 1.0625rem/1.55 var(--sans);-webkit-font-smoothing:antialiased;margin:0;transition:background-color .5s,color .5s;overflow-x:clip}body:after{content:"";z-index:300;pointer-events:none;opacity:var(--grain);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1.2 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}img,svg{max-width:100%;display:block}h1,h2,h3,h4,p{margin:0}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--c1);outline-offset:3px;border-radius:6px}::selection{background:var(--c3);color:var(--on-c)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:400;background:var(--c3);color:var(--on-c);border:3px solid var(--line);border-radius:999px;padding:.6rem 1rem;font-weight:700;position:fixed;top:-4rem;left:1rem}.skip:focus{top:1rem}@keyframes spin{to{rotate:1turn}}@keyframes marquee{to{translate:-50%}}@keyframes eq{0%{height:15%}to{height:100%}}.nav{z-index:100;background:var(--paper);border:3px solid var(--line);box-shadow:4px 4px 0 var(--line);border-radius:999px;align-items:center;gap:.35rem;padding:.35rem;transition:background-color .5s;display:flex;position:fixed;top:.9rem;left:50%;translate:-50%}.nav__logo{aspect-ratio:1;background:var(--c1);width:2.9rem;color:var(--on-c);border:2.5px solid var(--line);font:400 1rem/.8 var(--display);text-align:center;transition:rotate .4s var(--pop);border-radius:50%;place-items:center;text-decoration:none;display:grid}.nav__logo small{font:700 .55rem var(--mono);letter-spacing:.1em;display:block}.nav__logo:hover{rotate:-20deg}.nav__links{gap:.1rem;margin:0;padding:0 .3rem;list-style:none;display:flex}.nav__links a,.nav__hi,.nav__groove{white-space:nowrap;transition:background-color .2s, translate .2s var(--pop);border-radius:999px;align-items:center;gap:.45rem;padding:.55rem .85rem;font-size:.92rem;font-weight:700;text-decoration:none;display:inline-flex}.nav__links a:hover{background:var(--c3);color:var(--on-c);translate:0 -2px}.nav__groove{border:2.5px solid var(--line);background:var(--c4);color:var(--on-c);cursor:pointer}.nav__hi{border:2.5px solid var(--line);background:var(--c1);color:var(--on-c)}.nav__still{color:var(--ink);background:var(--paper);border:2.5px solid var(--line);cursor:pointer;transition:translate .2s var(--pop);border-radius:999px;align-items:center;padding:.55rem .85rem;font-size:.92rem;font-weight:700;display:inline-flex}.nav__still[aria-pressed=true]{color:var(--on-c);background:var(--c3)}.nav__hi:hover,.nav__groove:hover,.nav__still:hover{translate:0 -2px}.eq{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.eq i{background:currentColor;border-radius:2px;width:3px;height:35%}[data-groove=on] .eq i{animation:eq calc(var(--beat) / 2) ease-in-out infinite alternate;animation-delay:calc(var(--i) * -.11s)}@media (width<=760px){.nav__links{display:none}}.hero{isolation:isolate;place-items:center;min-height:100svh;padding:7.5rem 1.25rem 11rem;display:grid;position:relative;overflow:clip}.hero__sun{z-index:-2;aspect-ratio:1;background:repeating-conic-gradient(from 0deg, color-mix(in oklab, var(--c3) var(--sun,60%), transparent) 0 5deg, transparent 5deg 10deg);width:190vmax;animation:120s linear infinite spin;position:absolute;top:60%;left:50%;translate:-50% -50%;-webkit-mask:radial-gradient(closest-side,#000 15%,#0000 72%);mask:radial-gradient(closest-side,#000 15%,#0000 72%)}[data-groove=on] .hero__sun{animation-duration:24s}.hero__rainbow{z-index:-1;aspect-ratio:2;background:radial-gradient(circle farthest-side at 50% 100%, transparent 0 42%, var(--line) 42% 42.6%, var(--c4) 42.6% 52%, var(--line) 52% 52.6%, var(--c3) 52.6% 62%, var(--line) 62% 62.6%, var(--c2) 62.6% 72%, var(--line) 72% 72.6%, var(--c1) 72.6% 82%, var(--line) 82% 82.6%, transparent 82.6%);width:min(1500px,170vw);animation:rise 1.4s var(--pop) both;position:absolute;bottom:0;left:50%;translate:-50% 38%}@keyframes rise{0%{translate:-50% 90%}}.badge{width:clamp(92px,11vw,160px);animation:22s linear infinite spin;position:absolute;top:6.5rem;left:max(1rem,5vw)}.badge__disc{fill:var(--c5);stroke:var(--line);stroke-width:4px}.badge__text{font:700 14.5px var(--mono);letter-spacing:1.6px;fill:var(--on-c)}.badge__star{fill:var(--c3);stroke:var(--line);stroke-width:3px;stroke-linejoin:round}.hero__inner{z-index:1;text-align:center;flex-direction:column;align-items:center;width:min(1100px,100%);display:flex;position:relative}.chip{background:var(--paper);border:2.5px solid var(--line);box-shadow:3px 3px 0 var(--line);font:700 .78rem var(--mono);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;align-items:center;gap:.55rem;padding:.35rem .95rem;display:inline-flex}.chip__dot{background:#ff2d2d;border-radius:50%;width:10px;height:10px;animation:1.6s ease-out infinite onair;box-shadow:0 0 #ff2d2d80}@keyframes onair{to{box-shadow:0 0 0 10px #ff2d2d00}}.hero__name{font:400 clamp(3.5rem, min(16vw, 19vh), 13rem) / .9 var(--display);flex-direction:column;margin:1.4rem 0 .4rem;display:flex}.wavy{white-space:nowrap;display:block}.wavy+.wavy{translate:.4em}.wavy span{color:var(--c1);-webkit-text-stroke:.032em var(--line);paint-order:stroke fill;text-shadow:.045em .045em 0 var(--c3), .09em .09em 0 var(--line);animation:3.2s ease-in-out infinite wave;animation-delay:calc(var(--i) * -.2s);transition:color .2s, scale .25s var(--pop);cursor:default;display:inline-block}.wavy+.wavy span{color:var(--c4);text-shadow:.045em .045em 0 var(--c2), .09em .09em 0 var(--line)}.wavy span:hover{color:var(--c3);scale:1.18}@keyframes wave{0%,to{translate:0;rotate:-3deg}50%{translate:0 -.07em;rotate:3deg}}[data-groove=on] .wavy span{animation:hop var(--beat) cubic-bezier(.3, 0, .3, 1) infinite;animation-delay:calc(var(--i) * var(--beat) / -7)}@keyframes hop{0%{translate:0 -.14em;rotate:4deg}45%,to{translate:0;rotate:0deg}}.hero__role,.hero__lede{text-shadow:0 0 6px var(--paper), 0 0 14px var(--paper), 0 0 2px var(--paper)}.hero__role{font:700 clamp(.72rem, 1.3vw, .9rem) var(--mono);text-transform:uppercase;letter-spacing:.08em;margin-top:1.6rem}.hero__role span{color:var(--c1)}.hero__lede{text-wrap:balance;max-width:40ch;margin-top:.6rem;font-size:clamp(1.1rem,2vw,1.4rem);font-weight:600;line-height:1.35}.radio{color:#f5ead6;border:3px solid var(--line);width:min(760px,100%);box-shadow:7px 7px 0 var(--line), inset 0 2px 0 #ffffff26;text-align:left;background:linear-gradient(#3b2352,#1c0c27);border-radius:24px;margin-top:2rem;padding:14px;display:flex}[data-groove=on] .radio{animation:thump var(--beat) ease-out infinite}@keyframes thump{0%{scale:1.015}30%,to{scale:1}}.radio__face{flex:1;gap:10px;min-width:0;display:grid}.radio__display{background:#0b1712;border:2px solid #000;border-radius:10px;align-items:center;height:58px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 22px #000c}.radio__display:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0006 0 1px,#0000 1px 3px);position:absolute;inset:0}.radio__scroll{white-space:nowrap;width:max-content;font:700 1.2rem var(--mono);color:var(--c3);text-shadow:0 0 10px var(--c3);animation:26s linear infinite marquee;display:flex}.radio__eq{background:linear-gradient(270deg,#0b1712 65%,#0000);align-items:flex-end;gap:3px;height:100%;padding:10px 12px 10px 34px;display:flex;position:absolute;bottom:0;right:0}.radio__eq i{background:var(--c1);width:5px;height:18%;box-shadow:0 0 6px var(--c1)}[data-groove=on] .radio__eq i{animation:eq calc(var(--beat) / 2) ease-in-out infinite alternate;animation-delay:calc(var(--i) * -.07s)}.radio__dial{height:30px;font:700 .68rem var(--mono);color:#d9c6a5;background:repeating-linear-gradient(90deg,#d9c6a5 0 1px,#0000 1px 7px) bottom/100% 8px no-repeat;justify-content:space-between;padding:2px 8px 0;display:flex;position:relative}.radio__needle{background:var(--c2);width:3px;box-shadow:0 0 10px var(--c2);transition:left .7s var(--pop);position:absolute;top:-2px;bottom:0}.radio__presets{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.radio__preset{text-transform:uppercase;letter-spacing:.05em;color:#24122f;cursor:pointer;background:linear-gradient(#f7eedd,#cdb994);border:2px solid #000;border-radius:9px;padding:.5rem .3rem;font-size:.8rem;font-weight:800;transition:translate 80ms,box-shadow 80ms;box-shadow:0 5px #000}.radio__preset b{font:700 .66rem var(--mono);opacity:.7;display:block}.radio__preset:active,.radio__preset[aria-pressed=true]{translate:0 4px;box-shadow:0 1px #000}.radio__preset[aria-pressed=true]{background:linear-gradient(var(--c1), color-mix(in oklab, var(--c1) 78%, #000))}.radio__play{color:#f5ead6;font:700 .74rem var(--mono);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:0 0 150px;justify-content:center;align-items:center;gap:10px;margin-left:14px;padding:0;display:flex}.radio__knob{aspect-ratio:1;background:radial-gradient(circle, var(--c2) 0 40%, #000 40.5% 43%, #d8ccb4 43.5% 100%);border:3px solid #000;border-radius:50%;width:100px;transition:translate .1s,box-shadow .1s;position:relative;box-shadow:0 6px #000,inset 0 -6px 12px #0004}.radio__knob:before{content:"";background:repeating-conic-gradient(#0000 0 8deg, #0003 8deg 12deg);border-radius:50%;position:absolute;inset:4px;-webkit-mask:radial-gradient(circle,#0000 58%,#000 59%);mask:radial-gradient(circle,#0000 58%,#000 59%)}[data-groove=on] .radio__knob:before{animation:spin calc(var(--beat) * 4) linear infinite}.radio__knob:after{content:"";clip-path:polygon(28% 12%,92% 50%,28% 88%);background:#24122f;position:absolute;inset:34%}.radio__play[aria-pressed=true] .radio__knob{translate:0 4px;box-shadow:0 2px #000,inset 0 -6px 12px #0004}.radio__play[aria-pressed=true] .radio__knob:after{clip-path:polygon(18% 12%,42% 12%,42% 88%,18% 88%,18% 12%,58% 12%,82% 12%,82% 88%,58% 88%,58% 12%)}@media (width<=640px){.radio{flex-direction:column;gap:14px}.radio__play{flex-direction:row;flex-basis:auto;margin:0}.radio__knob{width:64px}.radio__scroll{font-size:1rem}}.sticker{--r:0deg;z-index:2;color:var(--on-c);font:800 .92rem/1.05 var(--sans);text-align:center;border:3px solid var(--line);box-shadow:4px 4px 0 var(--line);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:scale .2s var(--pop), box-shadow .2s;place-items:center;padding:.7rem 1rem;animation:7s ease-in-out infinite float;display:grid;position:absolute}.sticker b{font:400 2.3rem/.9 var(--display);display:block}.sticker.is-held{z-index:6;box-shadow:12px 12px 0 var(--line);cursor:grabbing;animation-play-state:paused;scale:1.1}@keyframes float{0%,to{rotate:var(--r)}50%{rotate:calc(var(--r) + 7deg)}}[data-groove=on] .sticker:not(.is-held){animation:bop var(--beat) ease-out infinite}@keyframes bop{0%{scale:1.08;rotate:calc(var(--r) - 4deg)}40%,to{scale:1;rotate:var(--r)}}.sticker--star{--r:9deg;aspect-ratio:1;background:var(--c3);border-radius:58% 42% 55% 45%/45% 58% 42% 55%;width:138px;top:21%;right:5%}.sticker--pill{--r:-7deg;background:var(--c4);border-radius:999px;top:58%;left:3%}.sticker--flower{--r:-8deg;aspect-ratio:1;background:var(--c1);outline:3px dashed var(--line);outline-offset:5px;border-radius:50%;width:132px;font-size:.8rem;bottom:23%;right:6%}.sticker--tag{--r:5deg;background:var(--c5);border-radius:10px 22px 22px 10px;max-width:150px;padding-left:1.6rem;top:40%;left:4%}.sticker--tag:before{content:"";background:var(--paper);border:2px solid var(--line);border-radius:50%;width:9px;height:9px;position:absolute;top:50%;left:.55rem;translate:0 -50%}.sticker--round{--r:-12deg;aspect-ratio:1;background:var(--c2);border-radius:50%;width:104px;font-size:.82rem;bottom:21%;left:9%}@media (width<=1100px){.sticker--round,.sticker--tag{display:none}}@media (width<=760px){.sticker--pill{display:none}.sticker--star,.sticker--flower{width:92px;font-size:.66rem;top:auto;bottom:8.5rem}.sticker--star{left:4%;right:auto}.sticker--flower{right:5%}.sticker b{font-size:1.5rem}.hero{padding-bottom:16rem}.badge{display:none}}.tapes{z-index:3;position:absolute;bottom:4.5rem;left:0;right:0}.tape{width:110%;color:var(--on-c);font:400 clamp(1.1rem, 2.4vw, 1.7rem) var(--display);white-space:nowrap;border-block:3px solid var(--line);padding:.2rem 0;position:absolute;left:-5%;overflow:hidden}.tape--a{background:var(--c3);rotate:-3deg}.tape--b{background:var(--c1);top:.8rem;rotate:2.2deg}.tape__run{width:max-content;animation:34s linear infinite marquee;display:flex}.tape__run>span{padding-right:.5ch}.tape--b .tape__run{animation-direction:reverse}.tape em{margin:0 .4ch;font-style:normal}.confetti{z-index:250;border:2px solid var(--line);pointer-events:none;width:10px;height:14px;position:fixed}.confetti--1{border-radius:50%}.confetti--2{border-radius:4px;width:18px;height:7px}[data-motion=off] *,[data-motion=off] :before,[data-motion=off] :after{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}html{scroll-behavior:auto}}@property --o{syntax:"<length>";inherits:false;initial-value:0}@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes pulse{0%{scale:1.06}35%,to{scale:1}}.section{padding:clamp(5rem,10vw,8rem) max(1.25rem,50% - 600px);position:relative}.hits,.tapes-section,#side-quests{background-color:var(--paper-2);background-image:radial-gradient(color-mix(in oklab, var(--ink) 14%, transparent) 1.3px, transparent 1.6px);border-block:3px solid var(--line);background-size:16px 16px;transition:background-color .5s}.section__head{max-width:860px;margin-bottom:clamp(2.5rem,5vw,4rem)}.eyebrow{font:700 .8rem var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft)}.display{font:800 clamp(2.6rem, 7vw, 5.6rem) / .95 var(--sans);letter-spacing:-.02em;text-wrap:balance;margin-top:.6rem;font-stretch:78%}.display mark{font-family:var(--display);letter-spacing:0;color:var(--c1);-webkit-text-stroke:.025em var(--line);paint-order:stroke fill;text-shadow:.05em .05em 0 var(--line);background:0 0;font-weight:400;font-stretch:100%}.lede{max-width:60ch;color:var(--ink-soft);margin-top:1.2rem;font-size:clamp(1.1rem,1.8vw,1.3rem)}.stars{gap:.6rem;margin:1.4rem 0 0;padding:0;list-style:none;display:grid}.stars li{padding-left:1.9rem;font-weight:600;position:relative}.stars li:before{content:"✺";color:var(--c1);font-size:1.3rem;line-height:1.2;position:absolute;top:-.12em;left:0}.stars li:nth-child(2n):before{color:var(--c4)}.hits__grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.8rem;margin-top:1.8rem;display:grid}.hit{aspect-ratio:1/.9;text-align:center;color:var(--on-c);background:var(--c);border:3px solid var(--line);box-shadow:6px 6px 0 var(--line);rotate:calc((var(--i) - 1.5) * 2.5deg);animation:9s ease-in-out infinite alternate morph;animation-delay:calc(var(--i) * -2.2s);transition:scale .3s var(--pop);border-radius:48% 52% 44% 56%/55% 42% 58% 45%;place-content:center;gap:.4rem;padding:2rem 1.6rem;display:grid}.hit:hover{scale:1.05}.hit b{font:400 clamp(3.2rem, 6vw, 4.6rem) / 1 var(--display)}.hit span:last-child{max-width:22ch;margin-inline:auto;font-weight:700;line-height:1.25}@keyframes morph{to{border-radius:58% 42% 60% 40%/42% 60% 40% 58%}}[data-groove=on] .hit{animation:pulse var(--beat) ease-out infinite}.headliner,.album{align-items:center;gap:clamp(2rem,6vw,5rem);display:grid}.headliner{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.album{grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:clamp(6rem,12vw,9rem)}.headliner h3,.album__copy h3{font:800 clamp(1.9rem, 3.6vw, 2.9rem) / 1.02 var(--sans);text-wrap:balance;margin:.4rem 0 1rem;font-stretch:85%}.headliner__copy>p:not(.eyebrow,.album__who),.album__copy>p:not(.eyebrow,.album__who){max-width:58ch;color:var(--ink-soft)}.logo{background:var(--ink);height:28px;margin:1.1rem 0 .7rem;display:block;-webkit-mask-position:0;mask-position:0;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.album__who{font:700 .78rem var(--mono);text-transform:uppercase;letter-spacing:.05em}.floor{color:#f5ead6;border:3px solid var(--line);box-shadow:8px 8px 0 var(--line);background:#1c0c27;border-radius:22px;padding:clamp(1rem,2.5vw,1.6rem)}.floor__head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.floor__count{font:700 .9rem var(--mono);text-transform:uppercase}.floor__count b{font:400 clamp(3rem, 7vw, 5rem) / .9 var(--display);color:var(--c3);text-shadow:4px 4px 0 var(--c1);margin-right:.3rem}.floor__legend{font:700 .72rem var(--mono);text-transform:uppercase;align-items:center;gap:.45rem;display:flex}.floor__key{border-radius:3px;width:14px;height:14px;display:inline-block}.floor__key--live{background:var(--c1)}.floor__key--soon{border:2px dashed #f5ead6;margin-left:.6rem}.floor__grid{background:#0e0616;border-radius:12px;grid-template-columns:repeat(17,1fr);gap:clamp(3px,.55vw,6px);padding:clamp(8px,1.5vw,14px);display:grid}.floor__grid i{aspect-ratio:1;transition:background-color .3s,box-shadow .3s;transition-delay:calc(var(--i) * 5ms);background:#ffffff12;border-radius:3px}.floor__grid i.is-live{background:var(--c);box-shadow:0 0 10px color-mix(in oklab, var(--c) 65%, transparent)}.floor__grid i.is-soon{outline-offset:-1.5px;animation:2.4s ease-in-out infinite blink;animation-delay:calc(var(--i) * -37ms);background:repeating-linear-gradient(45deg,#f5ead640 0 2px,#0000 2px 5px);outline:1.5px dashed #f5ead680}@keyframes blink{50%{opacity:.4}}[data-groove=on] .floor__grid i.is-live{animation:flash calc(var(--beat) * 4) ease-out infinite;animation-delay:calc(var(--beat) * var(--b) * -1)}@keyframes flash{0%{opacity:1;scale:1.18}20%,to{opacity:.55;scale:1}}.floor__steps{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:6px;margin:1rem 0 0;padding:0;list-style:none;display:grid}.floor__steps button{text-align:left;color:#f5ead6;cursor:pointer;width:100%;height:100%;transition:background-color .2s, translate .2s var(--pop);background:#ffffff10;border:2px solid #ffffff30;border-radius:10px;padding:.5rem .55rem;font-size:.76rem;font-weight:600;line-height:1.2}.floor__steps button:hover{translate:0 -2px}.floor__steps span{font:400 1.45rem/1 var(--display);color:var(--c3);display:block}.floor__steps button[aria-pressed=true]{color:var(--on-c);background:var(--c1);border-color:var(--c1)}.floor__steps button[aria-pressed=true] span{color:var(--on-c)}.floor__note{color:#e5d6bd;min-height:3lh;margin-top:1rem;font-size:.98rem}.album__sleeve-wrap{aspect-ratio:1;justify-self:start;width:min(78%,400px);position:relative}.album--flip .album__sleeve-wrap{order:2;justify-self:end}.album--gate{--c:var(--c3)}.album--aperture{--c:var(--c4)}.album--ambient{--c:var(--c5)}.album__sleeve{z-index:1;border:3px solid var(--line);box-shadow:8px 8px 0 var(--line);transition:rotate .5s var(--pop);border-radius:6px;position:absolute;inset:0;overflow:hidden;rotate:-2.5deg}.album--flip .album__sleeve{rotate:2.5deg}.album:hover .album__sleeve{rotate:0deg}.album__title{font:700 .72rem var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink);background:var(--paper);border:2.5px solid var(--line);border-radius:999px;padding:.25rem .7rem;position:absolute;bottom:12px;left:12px}.album__disc{border:3px solid var(--line);background:radial-gradient(circle, var(--c) 0 17%, #111 17.5% 18.5%, transparent 19%), repeating-radial-gradient(circle, #151515 0 2px, #2c2c2c 2px 4px);transition:translate 1.1s var(--pop) .15s;border-radius:50%;place-items:center;display:grid;position:absolute;inset:4%}.album__disc:after{content:"";background:conic-gradient(transparent 0 8%, #ffffff30 12%, transparent 18% 58%, #ffffff30 62%, transparent 68%);border-radius:50%;position:absolute;inset:0}.album__disc span{text-align:center;width:30%;font:700 clamp(.45rem, .9vw, .62rem) / 1.1 var(--mono);text-transform:uppercase;color:var(--on-c)}.album.is-in .album__disc{animation:5s linear infinite spin;translate:45%}.album--flip.is-in .album__disc{translate:-45%}[data-groove=on] .album.is-in .album__disc{animation-duration:1.8s}.art{position:absolute;inset:0}.art--gate{background:repeating-conic-gradient(var(--c1) 0 25%, var(--paper) 0 50%) 0 0 / 25% 25%}.gate__post{background:var(--c2);border:3px solid var(--line);border-radius:8px 8px 0 0;width:10%;height:40%;position:absolute;bottom:22%;left:12%}.gate__arm{background:repeating-linear-gradient(90deg, var(--c3) 0 14%, var(--line) 14% 24%);border:3px solid var(--line);transform-origin:5%;width:76%;height:8%;transition:rotate 1s var(--pop) .3s;border-radius:999px;position:absolute;bottom:54%;left:15%}.album.is-in .gate__arm{rotate:-55deg}.album:hover .gate__arm{transition-delay:0s;rotate:-72deg}.gate__sign{font:400 clamp(1rem, 2.4vw, 1.5rem) / 1 var(--display);color:var(--on-c);background:var(--c4);border:3px solid var(--line);box-shadow:4px 4px 0 var(--line);border-radius:12px;padding:.5rem .8rem;position:absolute;top:9%;right:8%;rotate:6deg}.gate__stamp{font:700 clamp(1rem, 2.6vw, 1.6rem) var(--mono);text-transform:uppercase;color:var(--on-c);background:var(--c3);border:3px solid var(--line);transition:scale .5s var(--pop) 1.1s;padding:.2rem .6rem;position:absolute;bottom:24%;right:9%;rotate:-12deg;scale:0}.album.is-in .gate__stamp{scale:1}.art--aperture{background:var(--c2)}.aperture__rings{background:repeating-radial-gradient(circle, var(--c5) var(--o) calc(var(--o) + 14px), var(--paper) calc(var(--o) + 14px) calc(var(--o) + 28px), var(--c2) calc(var(--o) + 28px) calc(var(--o) + 42px));animation:3s linear infinite rings;position:absolute;inset:0}@keyframes rings{to{--o:42px}}.aperture__eye{aspect-ratio:1;border:3px solid var(--line);background:radial-gradient(circle at 36% 36%, #fff 0 9%, transparent 10%), radial-gradient(circle, #111 0 30%, var(--c4) 31% 62%, var(--line) 63% 67%, var(--paper) 68%);width:34%;box-shadow:0 0 0 10px var(--c3), 0 0 0 13px var(--line);border-radius:50%;position:absolute;top:48%;left:50%;translate:-50% -50%}.aperture__tags span{font:700 .75rem var(--mono);color:var(--ink);background:var(--paper);border:2.5px solid var(--line);border-radius:999px;padding:.2rem .55rem;position:absolute}.aperture__tags span:first-child{top:10%;right:10%;rotate:8deg}.aperture__tags span:nth-child(2){top:44%;left:5%;rotate:-10deg}.aperture__tags span:nth-child(3){top:72%;right:12%;rotate:5deg}.art--lava{background:radial-gradient(circle at 50% 58%, var(--c3) 0 18%, var(--c1) 55%, var(--c5) 100%)}.art--lava svg{width:100%;height:100%}.lava__glass{fill:color-mix(in oklab, var(--c2) 30%, var(--paper));stroke:var(--line);stroke-width:3px;stroke-linejoin:round}.lava__wax{fill:var(--c1)}.lava__cap,.lava__base{fill:var(--c4);stroke:var(--line);stroke-width:3px;stroke-linejoin:round}.lava__blob{transform-box:fill-box;transform-origin:50%;animation:7s ease-in-out infinite alternate lava}.lava__blob--1{animation-duration:5.5s}.lava__blob--2{animation-duration:8s;animation-delay:-3s}.lava__blob--3{animation-duration:6.5s;animation-delay:-1.5s}@keyframes lava{to{translate:0 -92px;scale:1.3 .85}}@media (width<=900px){.headliner,.album{grid-template-columns:minmax(0,1fr)}.album--flip .album__sleeve-wrap{order:0;justify-self:start}.album--flip.is-in .album__disc{translate:45%}.album__sleeve-wrap{width:min(68%,360px)}}.tape-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;display:grid}.tape-card{background:var(--paper);border:3px solid var(--line);box-shadow:6px 6px 0 var(--line);transition:translate .3s var(--pop), box-shadow .3s, rotate .3s var(--pop), background-color .5s;border-radius:18px;padding:1.2rem 1.2rem 1.4rem;rotate:-1deg}.tape-card:nth-child(2n){rotate:1.2deg}.tape-card:hover{box-shadow:10px 10px 0 var(--line);translate:-3px -3px;rotate:0deg}.tape-card h3{font:800 1.5rem/1.1 var(--sans);margin:1.2rem 0 .5rem}.tape-card p{color:var(--ink-soft);font-size:.98rem}.tape-card .metric{font:700 .8rem var(--mono);color:var(--on-c);background:var(--c);border:2.5px solid var(--line);border-radius:999px;margin-top:1rem;padding:.3rem .8rem;display:inline-block;rotate:-2deg}.cassette{aspect-ratio:1.6;background:var(--c);border:3px solid var(--line);box-shadow:inset 0 -16px 0 color-mix(in oklab, var(--c) 72%, #000);border-radius:12px;padding:7% 7% 0;position:relative}.cassette__label{border:2.5px solid var(--line);background:#fff8ec repeating-linear-gradient(#0000 0 11px,#2a0e3d22 11px 12px);border-radius:6px;align-items:center;gap:.6rem;padding:.35rem .6rem .45rem;display:flex}.cassette__side{font:700 .72rem var(--mono);color:#fff8ec;background:#2a0e3d;border-radius:4px;padding:.1rem .35rem}.cassette__name{font:400 .98rem/1.1 var(--display);color:#2a0e3d}.cassette__window{border:2.5px solid var(--line);background:#2a1a12 linear-gradient(#6b4527,#6b4527) 50%/46% 34% no-repeat;border-radius:999px;justify-content:space-between;align-items:center;width:72%;height:40%;margin:7% auto 0;padding:0 7%;display:flex}.reel{aspect-ratio:1;background:radial-gradient(circle, #2a1a12 0 20%, transparent 21%), repeating-conic-gradient(#fff8ec 0 20deg, #8a6446 20deg 60deg);border:2px solid #000;border-radius:50%;height:78%}.tape-card:hover .reel,[data-groove=on] .reel{animation:1.6s linear infinite spin}.jukebox{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(2rem,5vw,3.5rem);display:grid}.jukebox__arch{border:3px solid var(--line);box-shadow:8px 8px 0 var(--line);background:conic-gradient(from var(--spin) at 50% 40%, var(--c1), var(--c2), var(--c3), var(--c4), var(--c5), var(--c1));border-radius:280px 280px 26px 26px;padding:16px;animation:8s linear infinite tube}@keyframes tube{to{--spin:360deg}}.jukebox__screen{text-align:center;color:#f5ead6;background:#1c0c27 radial-gradient(circle at 50% 0%, color-mix(in oklab, var(--c1) 45%, transparent), transparent 62%);border:3px solid var(--line);border-radius:260px 260px 12px 12px;flex-direction:column;align-items:center;height:100%;min-height:380px;padding:5rem 1.5rem 1.5rem;display:flex}.jukebox__screen .eyebrow{color:var(--c3)}.jukebox__screen h3{font:400 clamp(2rem, 4vw, 3rem) / 1.05 var(--display);color:var(--c3);text-shadow:3px 3px 0 var(--c1);text-wrap:balance;margin:.6rem 0 1.3rem}[data-groove=on] .jukebox__screen h3{animation:pulse var(--beat) ease-out infinite}.jukebox__screen ul{text-align:left;gap:.7rem;width:100%;margin:0;padding:0;list-style:none;display:grid}.jukebox__screen li{background:#ffffff0f;border:1.5px solid #ffffff2a;border-radius:12px;padding:.6rem .85rem;font-size:.95rem;line-height:1.35}.jukebox__screen li b{color:var(--c4);display:block}.jukebox__screen li span{font:700 .7rem var(--mono);opacity:.75;margin-bottom:.2rem;display:block}.jukebox__keys{align-content:start;gap:1.5rem;display:grid}.jukebox__row{flex-wrap:wrap;gap:.55rem;display:flex}.jukebox__row h4{width:100%;font:700 .78rem var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft)}.jukebox__row button{color:var(--ink);background:var(--paper);border:2.5px solid var(--line);box-shadow:3px 3px 0 var(--line);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .85rem .4rem .4rem;font-size:.92rem;font-weight:700;transition:translate .15s,box-shadow .15s,background-color .2s;display:inline-flex}.jukebox__row button b{font:700 .72rem var(--mono);color:var(--on-c);background:var(--c);border:2px solid var(--line);border-radius:999px;padding:.1rem .4rem}.jukebox__row button:hover{box-shadow:5px 5px 0 var(--line);translate:-1px -1px}.jukebox__row button[aria-pressed=true]{color:var(--on-c);background:var(--c);box-shadow:1px 1px 0 var(--line);translate:2px 2px}@media (width<=900px){.jukebox{grid-template-columns:minmax(0,1fr)}.jukebox__screen{min-height:0}}.quest-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.7rem;display:grid}.quest{--tilt:-1.5deg;text-align:left;min-height:260px;color:var(--on-c);background:var(--c);border:3px solid var(--line);box-shadow:6px 6px 0 var(--line);cursor:pointer;rotate:var(--tilt);transition:rotate .3s var(--pop), translate .3s var(--pop), box-shadow .3s;border-radius:20px;flex-direction:column;align-items:flex-start;gap:.3rem;padding:1.3rem 1.3rem 1.1rem;display:flex}.quest:nth-child(3n+2){--tilt:1.8deg}.quest:nth-child(3n){--tilt:-.6deg}.quest:nth-child(4n){--tilt:2.4deg}.quest:hover,.quest:focus-visible{box-shadow:8px 12px 0 var(--line);translate:0 -6px;rotate:0deg}[data-groove=on] .quest:not(:hover){animation:sway calc(var(--beat) * 2) ease-in-out infinite alternate}@keyframes sway{0%{rotate:calc(var(--tilt) - 2.5deg)}to{rotate:calc(var(--tilt) + 2.5deg)}}.quest__icon{aspect-ratio:1;width:58px;color:var(--ink);background:var(--paper);border:2.5px solid var(--line);transition:rotate .4s var(--pop);border-radius:50%;place-items:center;margin-bottom:.5rem;display:grid}.quest:hover .quest__icon{rotate:20deg}.quest__title{font:400 1.6rem/1 var(--display)}.quest__kicker{font:700 .7rem var(--mono);text-transform:uppercase;letter-spacing:.08em}.quest__hook{margin-top:.3rem;font-weight:600;line-height:1.35}.quest__more{font:700 .78rem var(--mono);text-transform:uppercase;margin-top:auto;padding-top:.7rem}.story{width:min(640px,100% - 2rem);max-height:85svh;color:var(--ink);background:var(--paper);border:3px solid var(--line);box-shadow:10px 10px 0 var(--line);border-radius:24px;padding:0;overflow:auto}.story[open]{animation:popin .45s var(--pop)}@keyframes popin{0%{opacity:0;rotate:-6deg;scale:.7}}.story::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#14081e99}.story__inner{border-top:18px solid var(--c);padding:2rem clamp(1.4rem,4vw,2.4rem) 2.3rem;position:relative}.story .quest__icon{color:var(--on-c);background:var(--c)}.story h3{font:400 clamp(2rem, 5vw, 2.8rem) / 1 var(--display);margin:.8rem 0 .3rem}.story p:not(.quest__kicker){margin-top:1rem;font-size:1.08rem;line-height:1.65}.story__close{aspect-ratio:1;width:44px;color:var(--on-c);background:var(--c);border:2.5px solid var(--line);box-shadow:3px 3px 0 var(--line);cursor:pointer;transition:rotate .3s var(--pop);border-radius:50%;font-weight:800;position:absolute;top:1rem;right:1rem}.story__close:hover{rotate:90deg}.contact{--line:var(--on-c);isolation:isolate;text-align:center;color:var(--on-c);background:var(--c3);border-top:3px solid var(--line);flex-direction:column;align-items:center;display:flex;overflow:clip}.contact:before{content:"";z-index:-1;aspect-ratio:1;background:repeating-conic-gradient(color-mix(in oklab, var(--c2) 45%, transparent) 0 6deg, transparent 6deg 12deg);width:160vmax;animation:90s linear infinite reverse spin;position:absolute;top:50%;left:50%;translate:-50% -50%;-webkit-mask:radial-gradient(closest-side,#000 10%,#0000 70%);mask:radial-gradient(closest-side,#000 10%,#0000 70%)}.contact .eyebrow,.contact .lede{color:var(--on-c)}.contact .display{font-size:clamp(4rem,14vw,11rem)}.contact .lede{margin-inline:auto}.contact__actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2.2rem;display:flex}.contact__mail,.contact__copy{color:var(--on-c);border:3px solid var(--line);box-shadow:6px 6px 0 var(--line);cursor:pointer;transition:translate .2s var(--pop), box-shadow .2s, rotate .3s var(--pop);border-radius:999px;padding:1rem 1.6rem;text-decoration:none}.contact__mail{font:800 clamp(1.15rem, 3.2vw, 2rem) var(--sans);background:var(--c1)}.contact__copy{font:700 1rem var(--mono);background:var(--c4)}.contact__mail:hover,.contact__copy:hover{box-shadow:9px 9px 0 var(--line);translate:-3px -3px;rotate:-2deg}.contact__edu{font:700 .8rem var(--mono);text-transform:uppercase;letter-spacing:.06em;margin-top:2.6rem}.footer{text-align:center;color:var(--paper);background:var(--ink);padding:2rem 0 2.5rem;overflow:hidden}.footer__big{width:max-content;font:400 clamp(3rem, 9vw, 7rem) / 1.15 var(--display);color:var(--c1);white-space:nowrap;animation:30s linear infinite marquee;display:flex}.footer__big span{padding-right:.5ch}.footer p{font:700 .75rem var(--mono);text-transform:uppercase;letter-spacing:.06em;margin-top:1rem;padding:0 1rem}