@font-face{font-family:Righteous;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/righteous-latin-ext-400-normal-rbdiPHGJ.woff2) format("woff2"),url(/assets/righteous-latin-ext-400-normal-EtPo6WgU.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Righteous;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/righteous-latin-400-normal-DIzXvQUm.woff2) format("woff2"),url(/assets/righteous-latin-400-normal-CRvo487o.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Gochi Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/gochi-hand-latin-400-normal-D3Iu69dp.woff2) format("woff2"),url(/assets/gochi-hand-latin-400-normal-DC0_N7qt.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink: #3e454c;--blue: #2185c5;--sky: #7ecefd;--cream: #fff6e5;--coral: #ff7f66;--night: #18191d;--ease-out-quad: cubic-bezier(.5, 1, .89, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--move: 1s var(--ease-out-quart);--display-font: "Righteous", sans-serif;--body-font: "Gochi Hand", "Comic Sans MS", cursive}html,body{height:100%;margin:0;background:var(--night)}button{margin:0;padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--sky);outline-offset:4px}#stage{position:fixed;inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow:hidden auto;scrollbar-gutter:stable}#stage:after{content:"";display:block;height:calc(800px * var(--fit, 1))}.canvas{position:absolute;top:0;left:0;width:961px;height:800px;overflow:clip;transform-origin:0 0;scale:var(--fit, 1)}.background{position:absolute;inset:0;background:radial-gradient(farthest-corner at 32% 24%,#4c545b,#181a1d 66%)}@media(min-width:1041px){#stage{--gutter: 40px;background:#111214}#stage:after{height:calc(800px + 2 * var(--gutter))}.canvas{left:calc(50% - 480.5px);top:max(var(--gutter),calc(50% - 400px));border-radius:12px;box-shadow:0 0 40px #0009}}.stripes{position:absolute;top:0;left:0;width:500px;height:150px;translate:-115px 25px;rotate:-40deg;transition:translate var(--move);animation:fade-in .5s var(--ease-out-quad) .5s backwards}.stripe{height:22px;margin-bottom:8px;box-shadow:0 0 10px #000000a6}.stripe:nth-child(1){background:var(--ink)}.stripe:nth-child(2){background:var(--blue)}.stripe:nth-child(3){background:var(--sky)}.stripe:nth-child(4){background:var(--cream)}.stripe:nth-child(5){background:var(--coral)}[data-state=band] .stripes{translate:-173px -22px}.content{position:absolute;top:0;left:0;width:638px;height:342px;translate:133px 188px;rotate:-40deg;transition:translate var(--move),rotate var(--move);animation:grow-in .75s var(--ease-out-quad) backwards,spin-in 1s var(--ease-out-quart) backwards}[data-state=band] .content{translate:133px 107px;rotate:0deg}.header{position:absolute;left:9px;top:-3px;width:638px;height:136px;z-index:1;pointer-events:none}.header-art{position:absolute;inset:0}.title{margin:0;height:136px;font:400 100px var(--display-font);text-align:center;color:var(--cream);text-shadow:0 0 17px rgba(0,0,0,.76)}.title-target{position:absolute;left:31px;top:27px;width:581px;height:74px;pointer-events:auto}.band{position:absolute;top:0;left:0;width:581px;height:382px;translate:37px -285px;opacity:0;visibility:hidden;transition:translate var(--move),opacity var(--move),visibility 0s 1s}[data-state=band] .band{translate:37px 108px;opacity:1;visibility:visible;transition:translate var(--move),opacity var(--move),visibility 0s}.bio{position:absolute;left:61px;top:36px;width:79.01%;height:90px;margin:0;font:24px/1.25 var(--body-font);text-align:center;color:var(--sky);text-shadow:0 0 6px #000}.listen{position:absolute;left:0;top:180px;width:100%;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;align-items:center;gap:14px}.listen-link{font:28px var(--display-font);text-transform:uppercase;text-decoration:none;color:var(--coral);text-shadow:0 0 8px rgba(0,0,0,.75);transition:color .25s linear}.listen-link:is(:hover,:focus-visible){color:var(--cream)}.player{position:absolute;left:133px;top:754px;width:695px;animation:fade-in .3s var(--ease-out-quad)}.player[hidden]{display:none}.player iframe{display:block;width:100%;height:20px;border:0}.album{position:absolute;left:133px;top:560px;display:flex;align-items:center;gap:28px;animation:fade-in .5s var(--ease-out-quad) .5s backwards}.album-art{display:block;width:180px;height:180px;box-shadow:0 0 10px #000000a6}.album-kicker{margin:0;font:16px var(--display-font);letter-spacing:.1em;text-transform:uppercase;color:var(--sky);text-shadow:0 0 6px #000}.album-title{margin:4px 0 14px;font:400 40px var(--display-font);text-transform:uppercase;color:var(--cream);text-shadow:0 0 17px rgba(0,0,0,.76)}.album-links{margin:0;padding:0;list-style:none;display:flex;gap:32px}.album-links .listen-link{font-size:24px}a:focus-visible{outline:2px solid var(--sky);outline-offset:4px}.songs{position:absolute;top:0;left:0;width:398px;height:396px;margin:0;padding:0;list-style:none;translate:612px 111px;rotate:90deg;transform-origin:0 0;transition:translate var(--move),opacity var(--move);animation:fade-in .5s var(--ease-out-quad) .5s backwards}[data-state=band] .songs{translate:1224px 111px;opacity:0}.song{position:relative;width:600px;height:24px;transition:height .25s linear}.song-group{position:absolute;left:0;top:0;width:500px;height:24px;transition:top .25s linear}.song-play{position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;background:var(--blue);color:var(--cream);font:20px var(--display-font);text-align:center;opacity:0;transition:opacity .25s linear}.song-name{position:absolute;left:0;top:0;width:max-content;max-width:600px;height:24px;font:20px var(--display-font);text-align:left;text-transform:uppercase;color:var(--sky);text-decoration:none;text-shadow:0 0 8px rgba(0,0,0,.75);transition:left .25s linear,top .25s linear,font-size .25s linear,color .25s linear}.song:is(.playing,.current,:hover,:focus-within){height:40px}.song:is(.playing,.current,:hover,:focus-within) .song-group{top:8px}.song:is(.playing,.current,:hover,:focus-within) .song-play{opacity:1}.song:is(.playing,.current,:hover,:focus-within) .song-name{left:32px;top:-1px;font-size:22px;color:var(--blue)}.song.current .song-play{animation:marker-pulse 1.2s ease-in-out infinite}@keyframes marker-pulse{50%{scale:1.2;box-shadow:0 0 10px var(--blue)}}@keyframes fade-in{0%{opacity:0}}@keyframes grow-in{0%{scale:.15;opacity:0}}@keyframes spin-in{0%{rotate:0deg}}@media(max-width:640px){html,body{height:auto;background:#181a1d}.canvas:after{content:"";position:absolute;top:0;left:0;right:0;height:calc(env(safe-area-inset-top)*2.2);background:linear-gradient(#181a1d 45%,#181a1d00);pointer-events:none}#stage{position:static;overflow:visible;scrollbar-gutter:auto}#stage:after{display:none}.canvas{position:relative;width:100%;height:auto;min-height:100dvh;scale:none;padding-bottom:calc(32px + env(safe-area-inset-bottom))}.canvas:has(.player:not([hidden])){padding-bottom:calc(96px + env(safe-area-inset-bottom))}.stripes,[data-state=band] .stripes{translate:-150px -10px;scale:.7}.content,[data-state=band] .content{position:static;width:auto;height:auto;translate:none;rotate:none;animation:none}.header{position:relative;left:auto;top:auto;width:100%;height:calc(88vw + env(safe-area-inset-top))}.header-art{position:absolute;left:50%;top:calc(env(safe-area-inset-top) + (100% - env(safe-area-inset-top))*.54);width:638px;height:136px;translate:-50% -50%;rotate:-40deg;scale:var(--hero-scale, .6);animation:grow-in .75s var(--ease-out-quad) backwards,spin-in 1s var(--ease-out-quart) backwards}.band,[data-state=band] .band{position:relative;width:auto;height:auto;translate:none;opacity:1;visibility:visible;padding:0 28px;animation:fade-in .5s var(--ease-out-quad) .7s backwards}.bio{position:static;width:auto;height:auto;font-size:22px;line-height:1.3}.listen{position:static;margin-top:20px;gap:10px}.listen-link{font-size:22px}.album-kicker{font-size:14px}.songs,[data-state=band] .songs{position:relative;width:auto;height:auto;translate:none;rotate:none;opacity:1;margin:40px 0 0;padding:0 28px}.songs:before{content:"Most played";display:block;margin-bottom:8px;font:14px var(--display-font);letter-spacing:.1em;text-transform:uppercase;color:var(--sky);text-shadow:0 0 6px #000}.song,.song:is(.playing,.current,:hover,:focus-within){width:100%;height:44px;border-bottom:1px solid rgba(126,206,253,.12)}.song-group,.song:is(.playing,.current,:hover,:focus-within) .song-group{width:100%;top:10px}.song-name,.song:is(.playing,.current,:hover,:focus-within) .song-name{max-width:calc(100% - 32px);font-size:clamp(16px,4.6vw,19px);top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album{position:relative;left:auto;top:auto;flex-direction:column;gap:20px;margin-top:48px;padding:0 28px;text-align:center}.album-art{width:min(72vw,300px);height:auto;aspect-ratio:1}.album-title{font-size:32px}.album-links{justify-content:center}.player{position:fixed;left:calc(12px + env(safe-area-inset-left));right:calc(12px + env(safe-area-inset-right));top:auto;bottom:calc(12px + env(safe-area-inset-bottom));width:auto;padding:10px 12px;border-radius:12px;background:#111214f0;box-shadow:0 0 20px #0009}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:0s!important;animation-delay:0s!important;transition-duration:0s!important;transition-delay:0s!important}}