@font-face{font-family:Archivo;src:url(assets/archivo.ttf)}@font-face{font-family:Space;src:url(assets/space.ttf)}:root{--cream:#fff6e8;--blue:#315cff;--plum:#2d163d;--peach:#ffbf9f;--ink:var(--plum);--bg:var(--peach)}*{box-sizing:border-box}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}body{margin:0;background:var(--bg);color:var(--ink);font-family:Space,Arial,sans-serif;overscroll-behavior:none}body.locked{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid currentColor;outline-offset:6px}button{touch-action:manipulation}h1,h2,p{margin:0}h1,h2{font-family:Archivo,Arial Black,sans-serif;font-weight:400;letter-spacing:-.065em;line-height:.89}button:disabled{opacity:.6;cursor:wait}[hidden]{display:none!important}.svg-defs{position:absolute}.skip-link{position:fixed;left:10px;top:-80px;z-index:200;background:var(--cream);padding:10px;color:var(--plum)}.skip-link:focus{top:10px}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border-radius:50px;padding:17px 25px;font-size:12px;font-weight:600;letter-spacing:.04em;transition:transform .25s,background .25s;white-space:nowrap}.pill:hover{transform:scale(.94)}.pill span{font-size:22px;line-height:.7}.dark{background:var(--plum);color:var(--cream)}.cream{background:var(--cream);color:var(--plum)}.outline{border:1px solid currentColor}.circle{border:1px solid currentColor;width:52px;height:52px;border-radius:50%;font-size:25px;transition:transform .25s}.circle:hover{transform:scale(.9)}.eyebrow,.scene-label,.hero-topline,.hero-bottom{font-size:10px;letter-spacing:.12em;font-weight:600}#header{position:fixed;z-index:20;left:0;right:0;top:0;padding:25px 3.4%;display:flex;align-items:center;justify-content:space-between;transition:transform .5s,color .5s}#header .logo{width:152px;padding:0;text-align:center}#header .logo svg{width:100%;height:35px;display:block}#header .logo span{font-size:7px;letter-spacing:.18em}#header nav{display:flex;align-items:center;gap:32px}.nav-link{font-size:10px;letter-spacing:.1em}#header .pill{padding:12px 20px;font-size:10px;gap:22px}#menu-toggle{width:27px;height:30px;padding:6px 0;display:flex;flex-direction:column;justify-content:center;gap:6px}#menu-toggle span{height:1.5px;background:currentColor;width:26px;transition:transform .3s}#menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}#menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}#menu{position:fixed;inset:0;z-index:19;background:var(--cream);color:var(--plum);padding:20vh 8vw 8vh;display:flex;flex-direction:column;justify-content:center;gap:20px}#menu>button{text-align:left;font-family:Archivo;font-size:clamp(20px,4vw,65px);letter-spacing:-.04em}#menu>button:hover{color:var(--blue)}#menu small{margin-top:30px;font-size:10px}#stage{position:fixed;inset:0;pointer-events:none}#stage canvas{position:absolute;inset:0;width:100%;height:100%}#scene-canvas{z-index:0}#webgl{position:absolute;inset:0;z-index:3}#fx-canvas{z-index:5}#panels{position:fixed;inset:0;pointer-events:none;z-index:2}.panel{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .35s;overflow:hidden}.panel.active{opacity:1;visibility:visible}.panel button,.panel a{pointer-events:auto}.hero-topline{position:absolute;left:4%;right:4%;top:19%;display:flex;justify-content:space-between;font-size:9px}.hero-title{position:absolute;top:24%;left:0;width:100%;text-align:center;font-size:clamp(80px,13.4vw,230px);color:var(--blue);line-height:.91;letter-spacing:-.075em;filter:url(#fluid)}.hero-title>span{color:var(--blue)}.split .char{display:inline-block;will-change:transform;animation:char-in .7s both cubic-bezier(.16,1,.3,1);animation-delay:calc(var(--i)*20ms)}@keyframes char-in{from{transform:translateY(100%) rotate(6deg);opacity:0}to{transform:translateY(0);opacity:1}}.hero-note{position:absolute;left:6%;bottom:22%;display:flex;gap:15px;align-items:center}.hero-note p{font-size:13px;line-height:1.6}.tiny-star{font-size:38px;animation:spin 20s linear infinite}.hero-seal{position:absolute;right:7%;bottom:19%;width:135px;height:135px;color:var(--plum);transform:rotate(12deg)}.hero-seal svg{width:100%;height:100%;animation:spin 30s linear infinite;overflow:visible}.hero-seal text{font-size:12px;letter-spacing:2.2px;font-weight:bold;fill:currentColor}.hero-seal>span{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Archivo;font-size:27px;letter-spacing:-.05em}.hero-seal small{font:8px Space;letter-spacing:.06em;margin-top:6px}.open-control{position:absolute;left:50%;transform:translateX(-50%);bottom:8.5%;text-align:center;min-width:290px}.open-control .pill{position:relative;z-index:6;padding:15px 24px;font-size:10px}.open-control p{font-size:9px;margin-top:12px;letter-spacing:.02em}.hero-bottom{position:absolute;left:4%;right:4%;bottom:3%;display:flex;justify-content:space-between;font-size:8px}#scroll-cue span{font-size:9px;letter-spacing:.12em}#scroll-cue button{display:block;margin:7px auto 0;font-size:30px;animation:bob 1.5s ease-in-out infinite}#utility{position:fixed;z-index:21;bottom:25px;left:3.4%;right:3.4%;display:flex;align-items:center;gap:22px;pointer-events:none;font-size:8px;letter-spacing:.08em}#utility button{pointer-events:auto;padding:8px 0;font-size:8px;letter-spacing:.06em}#sound-toggle{display:flex;align-items:center;gap:8px}.sound-bars{display:flex;align-items:center;gap:2px;height:12px}.sound-bars i{width:2px;height:3px;background:currentColor}.sound-bars i:nth-child(2){height:9px}.sound-bars i:nth-child(3){height:6px}.sound-bars i:nth-child(4){height:11px}#sound-toggle[aria-pressed=true] i{animation:bar .7s alternate infinite}#sound-toggle[aria-pressed=true] i:nth-child(2){animation-delay:.2s}#sound-toggle[aria-pressed=true] i:nth-child(3){animation-delay:.5s}#scene-count{margin-left:auto;font-size:11px}#scene-count i{font-style:normal;opacity:.4;padding:0 5px}#page-progress{position:fixed;bottom:0;left:0;height:3px;background:currentColor;z-index:30;width:0}#scroll-track{position:relative;pointer-events:none}#scroll-track>div:nth-child(1){height:136.5vh}#scroll-track>div:nth-child(2){height:609vh}#scroll-track>div:nth-child(3){height:472.5vh}#scroll-track>div:nth-child(4){height:157.5vh}#scroll-track>div:nth-child(5){height:420vh}#scroll-track>div:nth-child(6){height:315vh}.scene-label{position:absolute;top:17%;left:4%;z-index:5}.scene-caption{position:absolute;bottom:13%;left:6%;font-size:14px;line-height:1.6}.fluid-title{position:absolute;width:91%;left:4.5%;top:26%;font-size:clamp(65px,13.8vw,250px);line-height:.95;filter:url(#fluid)}.fluid-title>span:first-child{color:var(--peach)}.title-star{display:inline-block;font-size:.6em;vertical-align:middle;margin-left:4vw}.mobile-only{display:none}.fruit-title{position:absolute;left:9%;right:8%;top:24%;display:grid;grid-template-columns:1fr 1.3fr;font-size:12.2vw;filter:url(#fluid);line-height:.96}.fruit-title>span{display:block}.fruit-title>span:nth-child(3){font-size:.66em;align-self:center}.fly-arrow{display:inline-block;color:var(--blue)}#fruit-burst{position:absolute;right:6%;bottom:15%;font-size:10px}#game h2{font-size:clamp(45px,6.2vw,100px);text-align:center;position:absolute;top:21%;width:100%;line-height:.98}#game-instruction{text-align:center;width:100%;position:absolute;top:43%;font-size:12px}.game-targets{position:absolute;top:55%;left:26%;right:26%;height:17%;display:flex;justify-content:space-between}.game-targets button{width:22%;border-radius:50%}.game-targets button:focus-visible{outline-offset:0}.game-ui{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);width:90%;text-align:center}.game-ui .pill{padding:13px 28px;font-size:11px;user-select:none;touch-action:none}.game-ui p{font-size:10px;margin:9px 0 14px}.text-button{font-size:10px}.text-button u{text-underline-offset:4px;margin-left:7px}.power-track{position:relative;width:190px;height:5px;background:#2d163d26;margin:0 auto 12px;border-radius:10px;overflow:hidden}#power{display:block;background:var(--blue);height:100%;width:0}.power-track i{position:absolute;left:48%;width:26%;height:100%;top:0;border-left:2px solid var(--plum);border-right:2px solid var(--plum);background:#fff6e86b}.panel#rolling{z-index:-1}#rolling-bands{position:absolute;inset:0}#rolling-bands>div{height:100vh;padding:26vh 3vw 10vh;display:flex;flex-direction:column;justify-content:center;font-family:Archivo;letter-spacing:-.07em;line-height:.9}#rolling-bands strong{font-size:19vw;font-weight:400}#rolling-bands span{font-size:11.6vw}#rolling-bands small{font:10px Space;letter-spacing:.13em;margin-top:40px;padding-left:2vw}#rolling-bands>div:nth-child(1){background:var(--peach);color:var(--plum)}#rolling-bands>div:nth-child(2){background:#ffe15a;color:var(--blue)}#rolling-bands>div:nth-child(3){background:#8952d9;color:#ffe15a}#rolling-bands>div:nth-child(4){background:#e9b4c9;color:var(--plum)}#finale h2{position:absolute;top:22%;width:100%;text-align:center;font-size:11.8vw;line-height:.86;filter:url(#fluid)}#finale h2>span{display:inline-block;margin:0 1vw}.finale-cta{position:absolute;bottom:16%;left:0;right:0;text-align:center}.finale-cta p{font-size:14px;margin-bottom:20px}.finale-cta .pill{font-size:10px}footer{position:absolute;bottom:7.5%;left:4%;right:4%;font-size:8px;display:flex;justify-content:space-between}footer button{font-size:8px}#flavour-browser{position:fixed;inset:0;z-index:15;pointer-events:none;color:var(--plum)}#flavour-browser button{pointer-events:auto}.carousel-top{position:absolute;left:4%;right:4%;top:4%;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.09em}#flavour-number{position:absolute;left:6%;top:22%;font-size:11px}.flavour-copy{position:absolute;left:6%;top:33%;width:41%;z-index:2}.flavour-copy .eyebrow{font-size:10px}.flavour-copy h2{font-size:clamp(60px,7.5vw,135px);line-height:.91;margin:20px 0 24px;letter-spacing:-.07em}.flavour-copy p{max-width:310px;font-size:15px;line-height:1.65}.flavour-copy small{font-size:8px;letter-spacing:.13em;display:block;margin-top:30px}#drag-zone{position:absolute;left:48%;right:0;top:12%;bottom:20%;pointer-events:auto;cursor:grab;touch-action:pan-y}#drag-zone:active{cursor:grabbing}.carousel-bottom{position:absolute;left:6%;right:6%;bottom:10%;display:flex;align-items:center;justify-content:space-between}.carousel-bottom>div{text-align:center}#drag-label{font-size:8px;letter-spacing:.14em}#flavour-dots{display:flex;justify-content:center;gap:12px;margin-top:15px}#flavour-dots button{width:10px;height:10px;border:1px solid currentColor;border-radius:50%;padding:0}#flavour-dots button[aria-pressed=true]{background:currentColor}.flavour-copy.changing{animation:flavour-in .8s cubic-bezier(.16,1,.3,1)}#transition{position:fixed;inset:0;z-index:50;pointer-events:none;transform:translateY(115%);background:var(--cream);border-radius:45% 50% 0 0}.scene-label,.scene-caption{transition:opacity .4s}#loader,#welcome{position:fixed;inset:0;z-index:100;background:var(--cream);color:var(--blue)}#loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;transition:opacity .5s}#loader .loader-emblem{font-size:190px;line-height:1;animation:spin 9s linear infinite}#loader p{font-size:20px}#loader small{font-size:9px;letter-spacing:.13em}#welcome{z-index:90;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .8s,transform .8s cubic-bezier(.16,1,.3,1);overflow:hidden}#welcome .eyebrow{margin-bottom:25px}#welcome h1{font-size:clamp(50px,7.8vw,125px);color:var(--blue);position:relative}#welcome p{font-size:14px;line-height:1.5;margin:22px 0}.welcome-orbit{position:absolute;left:8%;top:30%;font-size:14vw;color:var(--peach);animation:spin 35s linear infinite}.sound-choice{display:flex;gap:20px;font-size:10px;margin-top:20px}.sound-choice button{padding:7px 0;border-bottom:1px solid transparent}.sound-choice button.selected{border-bottom-color:currentColor}.welcome-bottom{position:absolute;bottom:30px;letter-spacing:.15em;font-size:8px}#fallback-notice{position:fixed;bottom:5px;right:4%;font-size:7px;z-index:22;opacity:.6}.noscript{position:fixed;inset:0;z-index:200;background:var(--cream);padding:20vh 10vw;line-height:2}.noscript h1{font-size:15vw}.reduced *{animation-duration:.01ms!important;transition-duration:.01ms!important}.reduced #scroll-track>div{height:130vh}.reduced #scroll-track>div:nth-child(5){height:250vh}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bob{50%{transform:translateY(7px)}}@keyframes bar{to{height:3px}}@keyframes flavour-in{from{transform:translateX(35px);opacity:0}to{transform:translateX(0);opacity:1}}
@media(max-width:700px),(max-aspect-ratio:3/4){#header{padding:22px 6%}#header .logo{width:112px}#header .logo svg{height:27px}#header .logo span{font-size:5px}#header nav{gap:20px}.nav-link{display:none}#header .pill{font-size:8px;padding:10px 13px;gap:12px}#header .pill span{font-size:16px}.hero-topline{top:18%;left:6%;right:6%;font-size:7px}.hero-topline span:last-child{display:none}.hero-title{top:24%;font-size:15.4vw;line-height:1.02;letter-spacing:-.08em}.hero-note{left:7%;bottom:27%;gap:8px}.hero-note p{font-size:10px}.tiny-star{font-size:25px}.hero-seal{width:88px;height:88px;right:6%;bottom:26%}.hero-seal>span{font-size:19px}.hero-seal small{font-size:5px}.hero-bottom{font-size:6px;bottom:8.5%;left:6%}.hero-bottom span:last-child{display:none}.open-control{bottom:14%}.open-control p{font-size:8px}.open-control .pill{font-size:9px}.scene-label{top:15%;left:6%;font-size:8px}#utility{bottom:20px;left:6%;right:6%;gap:17px}#utility button{font-size:7px}#scene-count{font-size:9px}.scene-caption{font-size:12px;left:7%;bottom:15%}.fluid-title{font-size:21vw;top:29%;left:6%;width:88%;line-height:1}.fluid-title>span:first-child{display:block}.title-star{font-size:.6em}.mobile-only{display:block}.fruit-title{top:24%;font-size:23vw;left:8%;display:flex;flex-direction:column;line-height:.98}.fruit-title>span:nth-child(3){font-size:.7em;align-self:initial}#fruit-burst{bottom:10%;left:7%;right:auto;font-size:8px;padding:12px 16px}#fruit .scene-caption{bottom:20%;font-size:10px}#game h2{top:23%;font-size:11.2vw}#game-instruction{top:38%;padding:0 15%;font-size:10px;line-height:1.6}.game-targets{left:8%;right:8%;top:50%;height:15%}.game-ui{bottom:11%}.game-ui p{font-size:8px}.text-button{font-size:8px;display:flex;flex-direction:column;gap:7px;align-items:center;margin:auto}.text-button u{margin-left:0}#rolling-bands>div{padding:23vh 4vw}#rolling-bands strong{font-size:21vw}#rolling-bands span{font-size:25vw;max-width:80%;line-height:1}#rolling-bands small{font-size:8px}#finale h2{font-size:27vw;top:24%}#finale h2>span{display:block}.finale-cta{bottom:16%}.finale-cta p{font-size:11px}.finale-cta .pill{font-size:9px}footer{font-size:6px;bottom:8%;left:6%;right:6%}footer button{font-size:7px}#scroll-track>div:nth-child(2){height:189vh}.carousel-top{top:3%;left:6%;right:6%;font-size:7px}.carousel-top .circle{width:42px;height:42px}#flavour-number{top:13%;font-size:9px}.flavour-copy{top:auto;bottom:24%;left:7%;width:86%;text-align:center}.flavour-copy h2{font-size:12vw;margin:10px 0 12px;line-height:.95}.flavour-copy h2 br{display:block}.flavour-copy p{font-size:11px;line-height:1.6;max-width:270px;margin:auto}.flavour-copy .eyebrow{font-size:8px}.flavour-copy small{font-size:7px;margin-top:13px}#drag-zone{left:0;right:0;top:15%;bottom:44%}.carousel-bottom{bottom:11%;left:7%;right:7%}.carousel-bottom .circle{width:42px;height:42px}#welcome h1{font-size:13vw}#welcome p{font-size:12px}.welcome-orbit{left:-8%;top:22%;font-size:38vw}.welcome-bottom{font-size:7px}#menu>button{font-size:6vw}.hero-seal,.hero-note{z-index:4}}
@media(max-height:650px) and (min-aspect-ratio:1/1){#header{padding-top:16px}.hero-topline{top:20%}.hero-title{top:27%;font-size:12vw}.hero-note{bottom:20%}.hero-seal{bottom:17%;width:100px;height:100px}.hero-bottom{display:none}.open-control{bottom:9%}#game h2{font-size:5.5vw;top:21%}#game-instruction{top:43%}.game-ui{bottom:9%}.game-ui p{margin:6px 0}.flavour-copy{top:29%}.flavour-copy h2{font-size:6vw}.flavour-copy p{font-size:12px}.flavour-copy small{margin-top:15px}}

/* Product and liquid layers sit above the independently accessible typography. */
#webgl{position:fixed;inset:0;pointer-events:none}#fx-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:5;pointer-events:none}.hero-bottom{bottom:7%}
@media(max-width:700px),(max-aspect-ratio:3/4){.hero-bottom{bottom:8.5%}}

body:not(.hero-ready) .hero-title .char{animation:none;transform:translateY(70%);opacity:0}body.hero-ready .hero-title .char{animation:char-in .7s both cubic-bezier(.16,1,.3,1);animation-delay:calc(var(--i)*20ms)}

#game-instruction{transition:transform .5s cubic-bezier(.65,0,.35,1),opacity .5s}

@media(max-width:700px),(max-aspect-ratio:3/4){.flavour-copy h2{font-size:10.5vw}.flavour-copy{bottom:23%}.hero-note{bottom:24%}.hero-seal{bottom:23%}}