:root{--ink:#3b2a1f;--cream:#fbf5e6;--page:#fbf5e6;--sun:#ffcf3f;--tang:#d9640f;--display:"Bricolage Grotesque", system-ui, sans-serif;--hand:"Gochi Hand", "Comic Sans MS", cursive;--sans:"DM Sans", system-ui, sans-serif;--pad:clamp(18px, 4.2vw, 68px);--ease:cubic-bezier(.2, .8, .2, 1)}*,:before,:after{box-sizing:border-box}html,body{margin:0;overflow-x:clip}body{background:var(--page);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}body.is-loading{overflow:hidden}h1,h2,h3{font-family:var(--display);font-variation-settings:"wdth" 80;letter-spacing:-.025em;margin:0;font-weight:800;line-height:.88}h1,h2{white-space:nowrap}p{margin:0}a{color:inherit;text-decoration:none}a,button{-webkit-tap-highlight-color:transparent}img{max-width:none;display:block}.hand{font-family:var(--hand);font-weight:400}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.eyebrow{color:var(--tang);margin-bottom:14px;font-size:clamp(20px,1.7vw,26px)}.lede{max-width:36ch;margin-top:22px;font-size:clamp(16px,1.25vw,19px);line-height:1.55}.split .line-mask{margin-bottom:-.06em;padding-bottom:.06em}section:focus{outline:none}.wipe{z-index:45;visibility:hidden;pointer-events:none;background:var(--sun);will-change:transform;place-items:center;display:grid;position:fixed;inset:0}.wave{width:200%;height:60px;animation:1.6s linear infinite slosh;display:flex;position:absolute;left:0}.wave svg{width:50%;height:100%;fill:var(--sun);display:block}.wave-top{bottom:calc(100% - 1px)}.wave-bottom{animation-name:slosh-flip;top:calc(100% - 1px)}@keyframes slosh{to{transform:translate(-50%)}}@keyframes slosh-flip{0%{transform:scaleY(-1)}to{transform:scaleY(-1)translate(-50%)}}.wipe-mark{justify-items:center;gap:10px;display:grid}.wipe-mark svg{width:64px;height:64px;fill:var(--ink);animation:2.4s linear infinite spin}.wipe-mark span{font-size:28px}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}.btn{font:700 15px/1 var(--sans);letter-spacing:.01em;border:2px solid var(--ink);cursor:pointer;transition:transform .4s var(--ease), box-shadow .4s var(--ease), background .3s;border-radius:999px;align-items:center;gap:10px;padding:16px 26px;display:inline-flex}.btn:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-2px,-2px)rotate(-1.5deg)}.btn-solid{background:var(--ink);color:var(--cream)}.btn-solid:hover{box-shadow:4px 4px 0 var(--tang)}.btn-ghost{color:var(--ink);background:0 0}.stage{z-index:1;pointer-events:none;width:100%;height:100svh;position:fixed;top:0;left:0}.back-layer{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.loader{z-index:100;background:var(--cream);place-content:center;justify-items:center;gap:18px;display:grid;position:fixed;inset:0}.loader-can{width:78px;color:var(--ink)}.loader-can svg{width:100%;display:block}.loader-juice{fill:var(--sun)}.loader-text{font-size:24px}.loader-count{font-family:var(--display);font-variation-settings:"wdth" 80;font-size:26px;font-weight:800}.nav{z-index:50;will-change:transform;padding:16px var(--pad);pointer-events:none;justify-content:space-between;align-items:center;gap:16px;display:flex;position:fixed;inset:0 0 auto}.nav>*{pointer-events:auto}.logo{font:800 28px/1 var(--display);font-variation-settings:"wdth" 80;letter-spacing:-.02em;align-items:center;gap:8px;display:flex}.logo svg{width:34px;height:34px;fill:var(--ink)}.logo:hover .rays{transform:rotate(45deg)}.logo .rays{transform-origin:20px 20px;transition:transform .8s var(--ease)}.nav-links{-webkit-backdrop-filter:blur(12px);border:2px solid var(--ink);background:#fbf5e6b8;border-radius:999px;gap:2px;padding:6px;display:flex}.nav-links a{font:600 14px/1 var(--sans);border-radius:999px;padding:9px 16px;transition:background .3s,color .3s}.nav-links a:hover{background:var(--ink);color:var(--cream)}.nav-actions{align-items:center;gap:8px;display:flex}.bag{background:var(--ink);color:var(--cream);font:700 14px/1 var(--sans);border-radius:999px;align-items:center;gap:10px;padding:11px 12px 11px 18px;display:flex}.menu-btn{border:2px solid var(--ink);background:var(--cream);color:var(--ink);font:700 14px/1 var(--sans);cursor:pointer;border-radius:999px;align-items:center;padding:11px 18px;display:none}.menu{z-index:48;background:var(--sun);color:var(--ink);padding:96px var(--pad) 40px;flex-direction:column;justify-content:center;display:flex;position:fixed;inset:0}.menu[hidden]{display:none}.menu nav{gap:4px;display:grid}.menu a{font:800 clamp(48px, 15vw, 92px)/1.02 var(--display);font-variation-settings:"wdth" 80;letter-spacing:-.03em;display:block;overflow:hidden}.menu a span{display:inline-block}.menu-foot{margin-top:30px;font-size:26px}.bag-count{background:var(--sun);min-width:24px;height:24px;color:var(--ink);border-radius:99px;place-items:center;font-size:12px;display:grid}.hero{min-height:100svh;padding:0 var(--pad);position:relative;overflow:clip}.hero-sun{--s:min(64vw, 84vh);z-index:0;width:var(--s);height:var(--s);left:calc(70% - var(--s) / 2);top:calc(50% - var(--s) / 2);position:absolute}.hero-sun svg{width:100%;height:100%;overflow:visible}.hero-sun circle{fill:var(--sun)}.sun-rays{fill:var(--sun);opacity:.55;transform-origin:200px 200px;animation:60s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.hero-copy{z-index:2;left:var(--pad);max-width:640px;position:absolute;top:calc(50% - 230px)}.hero h1{font-size:clamp(64px,9.4vw,170px)}.ctas{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.hero-fruit{will-change:transform;filter:drop-shadow(0 18px 24px #50280038);position:absolute}.fruit-back{z-index:0}.fruit-front{z-index:2}.hf-1{width:clamp(110px,10vw,190px);top:10%;left:55%}.hf-2{width:clamp(110px,11vw,200px);top:64%;left:56%}.hf-3{width:clamp(110px,10.5vw,190px);top:55%;left:81%}.hf-4{width:clamp(120px,11vw,200px);top:9%;left:82%}.hero-note{z-index:2;font-size:24px;line-height:1.05;position:absolute;top:36%;left:calc(70% + 11.5vw);transform:rotate(6deg)}.hero-note svg{fill:none;width:90px;stroke:var(--ink);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;margin:6px 0 0 -40px;display:block;transform:scaleX(-1)rotate(10deg)}.stats{z-index:2;left:var(--pad);gap:clamp(20px,3.2vw,56px);margin:0;padding:0;list-style:none;display:flex;position:absolute;bottom:30px}.stats li{grid-template-columns:auto auto;align-items:baseline;column-gap:3px;display:grid}.stats b{font:800 clamp(34px, 3.2vw, 52px)/1 var(--display);font-variation-settings:"wdth" 80}.stats span{font:700 18px/1 var(--display)}.stats em{font:400 18px/1.2 var(--hand);color:var(--tang);grid-column:1/-1;font-style:normal}.scroll-hint{z-index:2;right:var(--pad);align-items:center;gap:12px;font-size:20px;display:flex;position:absolute;bottom:34px}.scroll-hint i{background:var(--ink);transform-origin:top;width:2px;height:46px;animation:drip 1.8s var(--ease) infinite}@keyframes drip{0%{transform:scaleY(0)}60%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.pin{z-index:2;height:100svh;position:relative;overflow:hidden}.pin h2,.find h2{font-size:clamp(44px,5.6vw,96px)}.spin-head{left:var(--pad);position:absolute;top:112px}.callout{background:var(--cream);border:2px solid var(--ink);width:238px;box-shadow:5px 5px 0 var(--ink);border-radius:18px;padding:16px 18px 18px;position:absolute}.callout span{color:var(--tang);font-size:22px}.callout h3{margin:4px 0 8px;font-size:26px;line-height:1}.callout p{font-size:14px;line-height:1.45}.callout i{border-top:2.5px dashed var(--ink);transform-origin:0;width:64px;position:absolute;top:50%}.c1{top:18%;left:min(50% + 190px,100% - 262px)}.c2{top:54%;left:min(50% + 230px,100% - 262px)}.c3{top:52%;left:max(16px,50% - 470px)}.c4{top:76%;left:max(16px,50% - 430px)}.c1 i,.c2 i{transform-origin:100%;right:100%}.c3 i,.c4 i{left:100%}.cold-copy{left:var(--pad);position:absolute;top:calc(50% - 190px)}.temp{margin-top:26px;font-size:26px}.temp b{font:800 44px/1 var(--display);font-variation-settings:"wdth" 80;color:#2a7f9e}.snow{pointer-events:none;position:absolute;inset:0}.snow i{opacity:0;will-change:transform;background:#fff;border-radius:50%;position:absolute;box-shadow:0 0 10px 2px #ffffffe6}.open-copy{position:absolute;top:calc(50% - 170px);left:58%}.psst{color:var(--tang);transform-origin:60% 80%;opacity:0;font-size:clamp(54px,5.4vw,92px);position:absolute;top:5%;left:calc(34% + 13vw)}.flav-head{left:var(--pad);position:absolute;top:108px}.flav-count{font:800 22px/1 var(--display);font-variation-settings:"wdth" 80;align-items:center;gap:12px;display:flex}.flav-count span{background:var(--ink);width:70px;height:2px;position:relative;overflow:hidden}.flav-panels{left:var(--pad);width:min(440px,34vw);height:380px;position:absolute;top:calc(50% - 150px)}.flav-panel{visibility:hidden;position:absolute;inset:0}.flav-panel h2{color:var(--deep);font-size:clamp(56px,7vw,128px)}.flav-panel .lede{margin-top:18px}.notes{flex-wrap:wrap;gap:8px;margin:22px 0 26px;padding:0;list-style:none;display:flex}.notes li{border:2px solid var(--ink);font:600 13px/1 var(--sans);background:#ffffff73;border-radius:999px;padding:8px 14px}.flavour-words .word{text-align:center;white-space:nowrap;font:800 24vw/1 var(--display);font-variation-settings:"wdth" 76;letter-spacing:-.04em;text-transform:uppercase;color:color-mix(in srgb, var(--deep) 10%, transparent);-webkit-text-stroke:2px var(--deep);opacity:0;will-change:transform;position:absolute;top:calc(50% - 12vw);left:0;right:0}.flav-fruit{will-change:transform;filter:drop-shadow(0 22px 26px #50280040);opacity:0;position:absolute}.ff-1{width:clamp(130px,13vw,240px);top:8%;left:47%}.ff-2{width:clamp(120px,12vw,220px);top:58%;left:66%}.ff-3{width:clamp(100px,10vw,190px);top:12%;left:69%}.shop{z-index:3;background:var(--cream);padding:16vh var(--pad) 18vh;border-radius:44px 44px 0 0;position:relative;box-shadow:0 -24px 60px #3b2a1f1f}.shop-head h2{font-size:clamp(44px,5.6vw,96px)}.cards{grid-template-columns:repeat(4,1fr);gap:22px;margin-top:8vh;display:grid}.card{background:radial-gradient(circle at 20% 20%, #ffffff80 0 2px, transparent 3px) 0 0 / 26px 26px, var(--card);aspect-ratio:3/4.1;border:2px solid var(--ink);border-radius:26px;flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.card-fruit{width:52%;transition:transform .6s var(--ease);filter:drop-shadow(0 14px 16px #50280040);position:absolute;top:8%;right:-6%;transform:rotate(16deg)}.card-can-wrap{position:absolute;inset:3% 0 21%}.card-can{object-fit:contain;width:100%;height:100%;transition:transform .6s var(--ease);filter:drop-shadow(0 22px 22px #3c1e0047)}.card:hover .card-can{transform:translateY(-14px)rotate(-5deg)}.card:hover .card-fruit{transform:rotate(28deg)scale(1.08)translate(-8px,-6px)}.card-foot{background:var(--cream);border-top:2px solid var(--ink);justify-content:space-between;align-items:center;gap:10px;padding:16px 18px;display:flex;position:relative}.card-foot h3{font:400 28px/1 var(--hand);letter-spacing:0}.card-foot p{font:500 13px/1.3 var(--sans);opacity:.75;margin-top:4px}.add{border:2px solid var(--ink);background:var(--sun);width:46px;height:46px;color:var(--ink);font:700 26px/1 var(--sans);cursor:pointer;transition:transform .4s var(--ease);border-radius:50%;flex:none}.add:hover{transform:rotate(90deg)scale(1.08)}.moments{z-index:3;background:var(--ink);color:var(--cream);padding:10vh 0;position:relative;overflow:hidden}.marquee{white-space:nowrap}.marquee+.marquee{margin-top:2vh}.track{will-change:transform;align-items:center;gap:3vw;display:inline-flex}.track span{font:400 clamp(44px, 6.4vw, 110px)/1.1 var(--hand)}.m2 .track span{color:var(--sun)}.track img{width:clamp(54px,5.6vw,96px);height:auto}.find{min-height:100svh;padding:0 var(--pad);position:relative}.find-copy{z-index:2;left:var(--pad);position:absolute;top:calc(50% - 200px)}.finder{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.finder input{border:2px solid var(--ink);width:min(280px,70vw);font:500 16px var(--sans);color:var(--ink);background:#ffffffb3;border-radius:999px;outline:none;padding:15px 20px}.finder input:focus{box-shadow:4px 4px 0 var(--ink)}.rain{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.rain img{will-change:transform;filter:drop-shadow(0 14px 16px #50280033);position:absolute;top:-20%}.foot{z-index:3;background:var(--ink);color:var(--cream);padding:10vh var(--pad) 28px;position:relative;overflow:hidden}.foot-word{font:800 23vw/.95 var(--display);font-variation-settings:"wdth" 86;letter-spacing:-.03em;color:var(--sun);margin-left:-.6vw}.foot-cols{grid-template-columns:repeat(3,1fr);gap:4vw;margin:8vh 0 9vh;display:grid}.foot-cols div{align-content:start;gap:10px;font-size:15px;display:grid}.foot-cols .hand{color:var(--sun);font-size:24px}.credits-open{color:inherit;cursor:pointer;font:inherit;text-underline-offset:3px;background:0 0;border:0;justify-self:start;padding:0;text-decoration:underline}.credits-open:hover{color:var(--sun)}.credits{border:2px solid var(--ink);background:var(--cream);width:min(560px,100vw - 32px);color:var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:24px;padding:30px 30px 26px}.credits::backdrop{background:#3b2a1f73}.credits h2{white-space:normal;font-size:40px}.credits p{margin:12px 0 16px;line-height:1.5}.credits ul{gap:8px;margin:0 0 24px;padding-left:18px;font-size:14px;line-height:1.45;display:grid}.credits a{text-underline-offset:2px;text-decoration:underline}.foot-cols a:hover{color:var(--sun)}.foot-base{opacity:.6;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:13px;display:flex}.toast{z-index:60;background:var(--ink);width:max-content;color:var(--cream);font:600 15px/1.2 var(--sans);opacity:0;pointer-events:none;visibility:hidden;border-radius:999px;margin-inline:auto;padding:14px 22px;position:fixed;bottom:28px;left:16px;right:16px}@media (width<=859px) and (orientation:portrait){.nav{padding:12px var(--pad)}.nav-links{display:none}.menu-btn{display:inline-flex}.logo{font-size:24px}.logo svg{width:30px;height:30px}.hero-copy{top:82px;left:var(--pad);right:var(--pad)}.hero .eyebrow{margin-bottom:8px}.hero h1{font-size:clamp(46px,16vw,96px)}.lede{max-width:30ch}.hero .lede{display:none}.ctas{gap:8px;margin-top:16px}.ctas .btn{padding:12px 18px;font-size:14px}.hero-sun{--s:92vw;left:calc(50% - var(--s) / 2);top:calc(64% - var(--s) / 2)}.hf-1{width:clamp(76px,23vw,190px);top:max(46%,330px);left:3%}.hf-2{width:clamp(86px,26vw,210px);top:72%;left:5%}.hf-3{width:clamp(82px,25vw,200px);top:68%;left:71%}.hf-4{width:clamp(78px,23.5vw,190px);top:max(42%,318px);left:73%}.hero-note{display:none}.stats{left:var(--pad);right:var(--pad);justify-content:space-between;gap:12px;bottom:20px}.stats b{font-size:30px}.stats span{font-size:15px}.stats em{font-size:14px}.scroll-hint{display:none}.pin h2,.find h2{font-size:clamp(34px,11vw,64px)}.spin-head{top:84px;right:var(--pad)}.spin-head .lede{display:none}.callout{width:calc(50% - 26px);height:90px;box-shadow:3px 3px 0 var(--ink);padding:12px 12px 14px}.callout p,.callout i{display:none}.callout span{font-size:18px}.callout h3{font-size:18px;line-height:1.05}.c1,.c3{left:16px}.c2,.c4{left:auto;right:16px}.c1,.c2{top:auto;bottom:128px}.c3,.c4{top:auto;bottom:26px}.cold-copy{top:84px;right:var(--pad)}.cold-copy .lede{display:none}.temp{margin-top:12px}.open-copy{left:var(--pad);right:var(--pad);top:84px}.open-copy .lede{display:none}.psst{top:21%;left:58%}.flav-head{top:78px}.flav-panels{width:auto;top:auto;bottom:24px;right:var(--pad);height:236px}.flav-panel h2{font-size:clamp(44px,14vw,72px)}.flav-panel .lede{display:none}.notes{margin:12px 0 14px}.flavour-words .word{top:calc(42% - 12vw)}.ff-1{width:clamp(90px,28vw,230px);top:22%;left:4%}.ff-2{width:clamp(92px,28vw,230px);top:46%;left:66%}.ff-3{width:clamp(76px,23vw,190px);top:18%;left:70%}.shop{padding:12vh var(--pad) 14vh;border-radius:32px 32px 0 0}.cards{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:5vh}.card-foot{padding:12px}.card-foot h3{font-size:22px}.add{width:44px;height:44px;font-size:24px}.find-copy{top:84px;right:var(--pad)}.find .lede{display:none}.finder input{width:100%}.foot-cols{grid-template-columns:1fr 1fr}}@media (width<=859px) and (orientation:portrait) and (height<=700px){.hero h1{font-size:clamp(42px,13.5vw,80px)}.stats b{font-size:24px}.stats em{font-size:12px}.pin h2,.find h2{font-size:clamp(30px,9.5vw,56px)}.flav-panels{height:214px}.flav-panel h2{font-size:clamp(38px,12vw,64px)}.notes li{padding:7px 11px;font-size:12px}.callout{height:84px;padding:10px 10px 12px}.callout h3{font-size:16px}.hf-1{top:max(41%,300px)}.hf-4{top:max(38%,290px)}.hf-2{top:63%}.hf-3{top:59%}.c1,.c2{bottom:116px}.c3,.c4{bottom:20px}}@media (width<=359px){.ctas .btn{padding:11px 14px;font-size:13px}.ctas .btn-ghost{display:none}.card-foot h3{font-size:19px}.card-foot p{font-size:11px}}@media (orientation:landscape) and (height<=540px){.nav{padding:10px var(--pad)}.nav-links a{padding:7px 12px}.hero-copy{top:64px}.hero h1{font-size:clamp(40px,8vw,80px)}.hero .lede,.stats,.scroll-hint,.hero-note{display:none}.ctas{margin-top:16px}.pin h2,.find h2{font-size:clamp(30px,5.2vw,56px)}.pin .lede,.find .lede,.temp{display:none}.spin-head,.flav-head{top:58px}.callout{width:190px;box-shadow:3px 3px 0 var(--ink);padding:10px 12px}.callout p,.callout i{display:none}.callout h3{font-size:18px}.c1,.c2{left:auto;right:16px}.c3,.c4{left:16px}.c1{top:16%}.c2{top:54%}.c3{top:46%}.c4{top:72%}.cold-copy,.open-copy,.find-copy{top:62px}.psst{font-size:40px;top:4%;left:calc(34% + 3vw)}.flav-panels{height:230px;top:124px}.flav-panel .lede{display:none}.flav-panel h2{font-size:clamp(40px,7vw,72px)}.shop{padding:14vh var(--pad)}}@media (prefers-reduced-motion:reduce){.sun-rays,.scroll-hint i{animation:none}}