@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/fredoka-latin-400-normal.17JuUzdy.woff2)format("woff2"),url(/_astro/fredoka-latin-400-normal.DbXSrOeS.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/fredoka-latin-500-normal.B0JifZgm.woff2)format("woff2"),url(/_astro/fredoka-latin-500-normal.BL692wg7.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/fredoka-latin-600-normal.C4zohCW5.woff2)format("woff2"),url(/_astro/fredoka-latin-600-normal.CcrEjrB4.woff)format("woff")}@font-face{font-family:Shrikhand;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/shrikhand-latin-400-normal.PjOFgsiX.woff2)format("woff2"),url(/_astro/shrikhand-latin-400-normal.CDpcAN0A.woff)format("woff")}:root{--cream:#fff3e1;--butter:#fce2a6;--sun:#f8be3b;--tangerine:#f9a137;--orange:#fb7a31;--ink:#4a2216;--action:#c2400e;--ink-soft:#4a2216c7;--shadow:0 14px 26px -10px #4a221673;--spring:cubic-bezier(.34, 1.56, .64, 1);--out:cubic-bezier(.16, 1, .3, 1);--display:"Shrikhand", "Fredoka", ui-rounded, sans-serif;--text:"Fredoka", ui-rounded, "SF Pro Rounded", system-ui, sans-serif;--cover:min(72vw, 320px);--video:min(80vw, 440px);--logo:min(60vw, 300px, 34svh);--single:min(var(--cover), 100svh - var(--logo) - 10rem);--pores:url(/images/foam-pores.webp) 0 0 / 160px;--lean:1;color-scheme:light;accent-color:var(--action);scrollbar-color:var(--ink) transparent;transition:--lean .5s ease-in-out}@property --down-x{syntax:"<number>";inherits:true;initial-value:0}@property --down-y{syntax:"<number>";inherits:true;initial-value:1}@property --persp-x{syntax:"<number>";inherits:true;initial-value:0}@property --persp-y{syntax:"<number>";inherits:true;initial-value:.7}@property --press{syntax:"<number>";inherits:true;initial-value:0}@property --lean{syntax:"<number>";inherits:true;initial-value:1}*,:before,:after{box-sizing:border-box}html{background:var(--cream);-webkit-text-size-adjust:100%}body{min-height:100dvh;color:var(--ink);font:500 1rem/1.4 var(--text);caret-color:var(--action);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}::selection{background:var(--orange);color:var(--ink)}:focus-visible{outline:3px solid var(--ink);outline-offset:4px;border-radius:999px}img{max-width:100%;height:auto;display:block}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:2px}h1,h2,p{margin:0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.waves{z-index:-1;position:fixed;inset:0;overflow:hidden}.waves svg{width:100%;height:100%;position:absolute;inset:0}.waves-portrait{display:none}@media (orientation:portrait){.waves-landscape{display:none}.waves-portrait{display:block}}.band-group{transform-box:fill-box;animation:pour 2.2s var(--out) both}.lower-left{transform-origin:0 100%}.upper-right{transform-origin:100% 0;animation-delay:.15s}@keyframes pour{0%{transform:scale(.35)}}.stage{padding:max(1.5rem, env(safe-area-inset-top)) 0 max(1.25rem, env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:2.75rem;display:flex;overflow-x:clip}.center{flex-direction:column;order:-1;align-items:center;gap:1.75rem;padding:0 1rem;display:flex}.column{width:100%}.row-heading{width:fit-content;font:400 1.75rem/1 var(--display);color:var(--ink);margin:0 auto .5rem}.row{flex-direction:column;align-items:center;gap:2.25rem;padding:1rem 1.25rem .5rem;display:flex}.row>.float:nth-of-type(odd){margin-right:9vw}.row>.float:nth-of-type(2n){margin-left:9vw}.foot{flex-direction:column;align-items:center;gap:1.25rem;width:100%;padding:0 1rem;display:flex}.stage{-webkit-user-select:none;user-select:none}.stage img{-webkit-user-drag:none}.small-print,.newsletter-response,.stage input{-webkit-user-select:text;user-select:text}.float{--depth:14px;translate:calc(var(--mx,0) * var(--depth) + var(--ride-x,0px)) calc(var(--my,0) * var(--depth) + var(--ride-y,0px));animation:pop-in 1s var(--spring) backwards;animation-delay:calc(.55s + var(--i,0) * 90ms);transition:opacity .35s var(--out), filter .35s var(--out);display:block}@keyframes pop-in{0%{opacity:0;scale:.4}35%{opacity:1}}.art-wait .float:not(.art-ready){animation-play-state:paused}.art-wait .float.art-late{animation-delay:calc(var(--i,0) * 70ms)}.bob{animation:bob var(--bob,5.5s) ease-in-out infinite alternate;animation-delay:calc(var(--i,0) * -1.7s);display:block}.float:nth-of-type(2n) .bob{--bob:6.8s}.float:nth-of-type(3n) .bob{--bob:4.9s}@keyframes bob{0%{transform:translateY(-7px)rotate(-1.4deg)}to{transform:translateY(8px)rotate(1.6deg)}}.riding .float:not(.logo) .bob{transform:rotate(var(--rock,0deg));animation:none}.tile{--thick:13px;--corner:22px;transform:perspective(800px) rotateY(calc(var(--look-x,0) * var(--lean) * 9deg)) rotateX(calc(var(--look-y,0) * var(--lean) * -7deg));border-radius:22px;padding:4px;display:block;position:relative}.tile img{outline:4px solid var(--ink);border-radius:18px;width:100%}.tile,.logo-face,.newsletter{--depth-now:calc(var(--thick) * (1 - var(--press) * .55));--edge-x:calc(var(--depth-now) * (var(--persp-x) * var(--down-y) + var(--persp-y) * var(--down-x) - var(--look-x,0) * var(--lean) * .15));--edge-y:calc(var(--depth-now) * (var(--persp-y) * var(--down-y) - var(--persp-x) * var(--down-x) - var(--look-y,0) * var(--lean) * .12));box-shadow:calc(var(--down-x) * (14px + var(--thick) * .7)) calc(var(--down-y) * (14px + var(--thick) * .7)) 26px -10px #4a221673}.slab{--bulge-most:calc(1.6px * (1 - var(--press) * .3));inset:var(--slab-inset,0);z-index:-1;pointer-events:none;position:absolute}.slab :is(b,i){--bulge:calc(var(--round) * var(--bulge-most));inset:calc(-1 * var(--bulge));border-radius:calc(var(--corner) + var(--bulge));translate:calc(var(--edge-x) * var(--k)) calc(var(--edge-y) * var(--k));position:absolute}.slab b{box-shadow:0 0 0 3px var(--ink)}.slab i{background:var(--pores), color-mix(in srgb, color-mix(in srgb, var(--foam), #fff8ec calc(var(--lit) * 100%)), #3c1206 calc(var(--shade) * 100%));background-position:calc(var(--bulge) - var(--edge-x) * var(--k)) calc(var(--bulge) - var(--edge-y) * var(--k))}.slab s{inset:calc(-1px - var(--bulge-most));border-radius:calc(var(--corner) + 1px + var(--bulge-most));translate:calc(var(--edge-x) * .5) calc(var(--edge-y) * .5);border:1.5px dashed #4a221666;position:absolute}.tile:before,.logo-face:before{content:"";pointer-events:none;box-shadow:inset calc(var(--down-x) * 7px) calc(var(--down-y) * 7px) 10px -5px #fff9ee80, inset calc(var(--down-x) * -9px) calc(var(--down-y) * -9px) 14px -6px #280c046b, inset 0 0 18px -6px #280c0447;position:absolute}.tile:before{border-radius:18px;inset:4px}.logo-face:before{z-index:1;border-radius:16%;inset:1%}@keyframes squish{0%{--press:0;scale:1}25%{--press:.85;scale:1.1 .9}45%{--press:-.35;scale:.94 1.07}65%{--press:.3;scale:1.04 .97}82%{--press:-.06;scale:.99 1.01}to{--press:0;scale:1}}@media (hover:hover){.cover-button:hover .tile,.video:hover .tile,.logo:hover .logo-face{animation:squish .75s var(--out)}}.logo{--depth:22px;width:var(--logo);animation-name:drop-in;animation-delay:.25s}.logo .bob{animation:11s ease-in-out infinite drift}.logo-face{--thick:15px;--corner:17%;box-shadow:calc(var(--down-x) * (18px + var(--thick) * .7)) calc(var(--down-y) * (18px + var(--thick) * .7)) 24px -6px #4a22164d;transform:perspective(900px) rotateY(calc(var(--look-x,0) * var(--lean) * 9deg)) rotateX(calc(var(--look-y,0) * var(--lean) * -7deg));translate:var(--shift,0px) 0;transition:scale .45s var(--out), translate .7s var(--spring);border-radius:17%;display:block;position:relative}.logo img{width:100%;display:block}@keyframes drop-in{0%{opacity:0;translate:0 -40px;scale:.6}35%{opacity:1}}@keyframes drift{0%,to{transform:translate(0)rotate(-1.5deg)scale(1)}25%{transform:translate(10px,-12px)rotate(.5deg)scale(1.025)}50%{transform:translate(-4px,-20px)rotate(2deg)scale(1)}75%{transform:translate(-12px,-6px)rotate(0)scale(1.02)}}.release{width:var(--cover);position:relative}.release[open]{z-index:50}.release.single{--depth:18px;width:var(--single)}.cover-button{cursor:pointer;border-radius:22px;list-style:none;display:block}.cover-button::-webkit-details-marker{display:none}.tag{border:3px solid var(--ink);background:var(--cream);font:600 .95rem/1.2 var(--text);white-space:nowrap;box-shadow:calc(var(--down-x) * 6px) calc(var(--down-y) * 6px) 12px -6px #4a221680, inset calc(var(--down-x) * 3px) calc(var(--down-y) * 3px) 4px -2px #fff9ee80, inset calc(var(--down-x) * -4px) calc(var(--down-y) * -4px) 6px -3px #280c0447;border-radius:999px;align-items:center;gap:.2rem;margin:.75rem 0 0 .5rem;padding:.2rem .6rem .25rem .85rem;transition:background-color .2s,color .2s;display:inline-flex}.tag-icon{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:1.15em;height:1.15em;transition:rotate .4s var(--spring)}.release[open]:not(.closing) .tag-icon{rotate:-90deg}.release[open]:not(.closing) .tag,.cover-button:hover .tag,.video:hover .tag{background:var(--ink);color:var(--cream)}.sticker{border:3px solid var(--cream);background:var(--ink);color:var(--cream);font:400 .95rem/1 var(--display);white-space:nowrap;box-shadow:calc(var(--down-x) * 8px) calc(var(--down-y) * 8px) 14px -6px #4a221699, inset calc(var(--down-x) * 3px) calc(var(--down-y) * 3px) 4px -2px #fff9ee80, inset calc(var(--down-x) * -4px) calc(var(--down-y) * -4px) 6px -3px #280c0447;border-radius:999px;padding:.45rem .7rem .5rem;animation:3.2s ease-in-out infinite sticker-wiggle;position:absolute;top:calc(4px - .85rem);right:calc(4px - .9rem);rotate:9deg}@keyframes sticker-wiggle{0%,to{rotate:9deg}50%{rotate:3deg}}.video{width:var(--video);border-radius:22px;text-decoration:none}.play{border:3px solid var(--ink);background:var(--cream);width:3.4rem;height:3.4rem;box-shadow:calc(var(--down-x) * 8px) calc(var(--down-y) * 8px) 16px -6px #4a221699, inset calc(var(--down-x) * 4px) calc(var(--down-y) * 4px) 6px -3px #fff9ee80, inset calc(var(--down-x) * -5px) calc(var(--down-y) * -5px) 8px -4px #280c044d;transition:scale .45s var(--spring), background-color .2s;border-radius:50%;place-items:center;margin:auto;display:grid;position:absolute;inset:0}.play svg{width:1.7rem;fill:var(--ink);margin-left:.2rem}.video:hover .play,.video:focus-visible .play{background:var(--sun);scale:1.18}.tile{transition:scale .45s var(--out)}.fan-open .float:not([open]){opacity:.82}.fan-open .float:not([open]) .tile,.fan-open .logo-face{scale:.92}.fan-open .newsletter:not(.nudge){opacity:.85}.sleeping .stage .float{pointer-events:none}.sleeping .stage .float .tile,.sleeping .stage .float .tag,.sleeping .stage .logo .bob{pointer-events:auto}.sleeping .stage :is(.tile,.tag,.logo .bob,.newsletter,.newsletter *,.row-heading){cursor:grab}.dragging,.dragging *{cursor:grabbing!important}.sleeping .loose{touch-action:none}:root.sleeping .stage .tag{background:var(--cream);color:var(--ink)}:root.sleeping .stage :is(.tile,.logo-face){animation:none}:root.sleeping .stage .play{background:var(--cream);scale:none}:root.sleeping{--lean:0}:root.nap-unseen{transition:none}.sleeping .row-heading{position:relative}.sleeping :is(.stage,.newsletter) *,.waking :is(.stage,.newsletter) *{transition:none}.sleeping .sticker,.waking .sticker{animation:none}.waking .stage .tile,.waking .logo-face{animation:squish .6s var(--out)}.fan-title,.chip{border:3px solid var(--ink);font:600 1rem/1.15 var(--text);white-space:nowrap;border-radius:999px;padding:.45rem 1rem .5rem;text-decoration:none;display:inline-block;box-shadow:0 8px 16px -8px #4a221699}.fan-title{background:var(--ink);color:var(--cream);border-radius:20px;flex-direction:column;padding:.5rem 1.1rem .55rem;font-size:.85rem;font-weight:500;display:inline-flex}.fan-title strong{font:400 1.1rem/1.15 var(--display)}.chip{background:var(--cream);color:var(--ink);transition:background-color .15s,color .15s;box-shadow:0 8px 16px -8px #4a221699,inset 0 3px 4px -2px #fff9ee80,inset 0 -4px 6px -3px #280c0447}.chip-link{align-items:center;gap:.45rem;padding-left:.8rem;display:inline-flex}.chip-icon{fill:currentColor;flex:none;width:1.15em;height:1.15em}.chip-icon-wide{width:2.1em;height:1.25em}a.chip:hover,a.chip:focus-visible{background:var(--action);color:var(--cream)}.chip-note{background:var(--sun)}.chip-action{background:var(--action);color:var(--cream)}a.chip-action:hover{background:var(--ink)}.fan ul{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.fan{margin-top:.75rem}.fan ul{margin-top:.5rem}.fans-ready .fan{flex-direction:column;align-items:center;gap:.6rem;width:100%;margin:-.5rem 0 .5rem;padding:0 1.25rem;display:none}.fans-ready .fan.is-open{display:flex}.fans-ready .fan ul{margin:0}.fans-ready .fan-title,.fans-ready .chip{opacity:0;transition:transform .6s var(--spring) calc(var(--n,0) * 30ms), opacity .2s linear calc(var(--n,0) * 30ms), background-color .15s, color .15s;transform:scale(.3)rotate(-12deg)}.fans-ready .fan.is-out:not(.closing) :is(.fan-title,.chip){opacity:1;transform:none}.fans-ready .fan.closing :is(.fan-title,.chip){transition-duration:.24s,.2s,.15s,.15s;transition-delay:0s;transition-timing-function:cubic-bezier(.5,0,.75,0)}.newsletter{--thick:12px;--corner:30px;--slab-inset:-4px;isolation:isolate;width:min(100%,34rem);transition:opacity .35s var(--out);border:4px solid #0000;border-radius:30px;flex-direction:column;gap:.9rem;padding:1.25rem 1.25rem 1.35rem;display:flex;position:relative}.newsletter:after{content:"";z-index:-1;border:4px solid var(--ink);border-radius:inherit;background:var(--cream);box-shadow:inset calc(var(--down-x) * 6px) calc(var(--down-y) * 6px) 9px -5px #fffffae6, inset calc(var(--down-x) * -8px) calc(var(--down-y) * -8px) 12px -6px #280c044d, inset 0 0 16px -6px #280c042e;pointer-events:none;position:absolute;inset:-4px}.newsletter-pitch{flex-direction:column;gap:.2rem;display:flex}.newsletter-title{font:400 1.6rem/1.05 var(--display)}.newsletter-line{color:var(--ink-soft)}.newsletter-field{gap:.5rem;display:flex}.newsletter input[type=email]{border:3px solid var(--ink);min-width:0;color:var(--ink);font:500 1rem/1.2 var(--text);background:#fff;border-radius:999px;flex:1;padding:.7rem 1.1rem}.newsletter input::placeholder{color:#4a2216ad}.newsletter input:focus-visible{outline-offset:2px}.newsletter button{border:3px solid var(--ink);background:var(--action);color:var(--cream);font:400 1.25rem/1 var(--display);cursor:pointer;box-shadow:calc(var(--down-x) * 8px) calc(var(--down-y) * 8px) 14px -8px #4a2216b3, inset calc(var(--down-x) * 4px) calc(var(--down-y) * 4px) 6px -3px #fff9ee80, inset calc(var(--down-x) * -5px) calc(var(--down-y) * -5px) 8px -4px #280c044d;transition:background-color .15s, scale .35s var(--spring);border-radius:999px;padding:.55rem 1.4rem .7rem}.newsletter button:hover{background:var(--ink);scale:1.06}.newsletter button:active{scale:.95}.newsletter button:disabled{cursor:progress;opacity:.7}.is-sending button{animation:squish .8s var(--out) infinite}.trap{display:none!important}.bubble{border:3px solid var(--ink);background:var(--butter);animation:pop-in .6s var(--spring) both;border-radius:18px;padding:.6rem 1rem}.bubble-success{background:var(--sun)}.bubble-error{border-color:var(--action);background:#fff}.bubble a{font-weight:600}.nudge{animation:nudge .9s var(--spring)}@keyframes nudge{0%{scale:1}30%{scale:1.06 .94}55%{scale:.97 1.03}to{scale:1}}.small-print .nowrap{white-space:nowrap}.small-print{color:var(--ink);text-align:center;font-size:.8rem}@media (width>=960px) and (height>=600px) and (orientation:landscape){:root{--cover:clamp(110px, (100dvh - 250px) / 3, 270px);--video:calc(var(--cover) * 1.45);--logo:min(40dvh, 27vw, 420px);--single:var(--cover)}body{height:100dvh;overflow:hidden}.stage{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:auto 1fr auto;gap:0 2vw;height:100dvh;padding:2.5dvh 3.5vw 2dvh;display:grid}.row-heading,.sleeping .row-heading{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.column{width:auto;min-height:0}.row{flex-direction:column;justify-content:space-evenly;align-items:flex-start;gap:0;height:100%;padding:0;display:flex;overflow:visible}.row>.float:nth-of-type(n){margin:0}.albums .row{width:calc(var(--cover) * 1.42)}.albums .row>.release:nth-of-type(2){align-self:flex-end}.videos .row{width:calc(var(--video) * 1.3);align-items:flex-end}.videos .row>:nth-child(2){align-self:flex-start}.videos .tag{float:right;margin:.6rem .5rem 0 0}.videos .bob:after{content:"";clear:both;display:block}.center{order:0;justify-content:flex-start;align-self:start;gap:2.5dvh;min-height:0;padding:.5dvh 0 0}.foot{grid-column:1/-1;padding:0;position:relative}.newsletter{--corner:999px;border-radius:999px;flex-direction:row;align-items:center;gap:1.5rem;width:min(100%,50rem);padding:.75rem .75rem .75rem 1.75rem}.newsletter-pitch{flex:auto;min-width:0}.newsletter-title{font-size:1.35rem}.newsletter-line{white-space:nowrap;font-size:.9rem}.newsletter-line-2{display:block}.newsletter-field{flex:0 23rem}.newsletter-response{max-width:30rem;position:absolute;bottom:calc(100% + .75rem);left:2rem}.bubble{box-shadow:var(--shadow)}.fans-ready .fan{left:var(--cx);top:var(--cy);z-index:60;visibility:hidden;width:0;height:0;margin:0;padding:0;display:block;position:fixed}.fans-ready .fan.is-open{visibility:visible;display:block}.fans-ready .fan ul{display:contents}.fans-ready .fan-title,.fans-ready .chip{position:absolute;top:0;left:0;transform:translate(-50%,-50%)scale(.2)rotate(-25deg)}.fans-ready .fan.is-out:not(.closing) :is(.fan-title,.chip){transform:translate(calc(var(--x) - 50%), calc(var(--y) - 50%)) scale(1) rotate(0deg)}.chip-note,.chip-action{white-space:normal;text-align:center;text-wrap:balance;width:max-content;max-width:11rem}.small-print{text-align:right;line-height:1.35;position:absolute;bottom:0;right:0}.small-print>span{display:block}.small-print .sep{display:none}}@media (width>=960px) and (height>=600px) and (orientation:landscape) and (width<=1240px){.newsletter{width:min(100% - 13rem,46rem);margin-right:11rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation:none!important}.tile,.logo-face{transform:none}.float{translate:none}.fans-ready .fan-title,.fans-ready .chip{transition:opacity .2s linear;transform:none}}