@font-face{font-family:Fredoka;src:url('assets/fonts/fredoka.ttf')}@font-face{font-family:DM;src:url('assets/fonts/dm-sans.ttf')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff9eb;color:#67233c;font-family:DM,Arial,sans-serif;font-size:16px;line-height:1.55}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img,video{max-width:100%;display:block}svg{width:24px;height:24px;fill:currentColor;flex:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,canvas:focus-visible{outline:3px solid #337373;outline-offset:5px}[hidden]{display:none!important}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.skip{position:fixed;top:-100px;left:20px;background:#fff;padding:12px;z-index:100}.skip:focus{top:10px}.topline{background:#68263e;color:#fff3ca;text-align:center;font-size:10px;font-weight:800;letter-spacing:2px;padding:8px 12px}.header{position:sticky;top:0;z-index:30;background:#fff9ebeF;backdrop-filter:blur(14px);display:flex;align-items:center;gap:28px;padding:15px 5%;border-bottom:1px solid #67233c20}.wordmark{font-family:Fredoka;font-weight:600;font-size:43px;line-height:.85;letter-spacing:-2.2px;display:inline-block;white-space:nowrap}.wordmark-dot{color:#ed8f85}.wordmark small{display:block;font-family:DM;font-size:8px;letter-spacing:1.3px;font-weight:700;margin-top:10px}.header nav{display:flex;align-items:center;justify-content:flex-end;gap:32px;flex:1;font-size:13px;font-weight:650}.nav-cta{border:1px solid #67233c;border-radius:100px;padding:11px 17px;display:flex;gap:20px;align-items:center}.nav-cta svg{width:19px}.motion-button{border:0;background:none;text-decoration:underline;text-underline-offset:3px;font-size:10px;padding:8px 0}.nav-toggle{display:none}.mobile-nav{position:fixed;z-index:40;background:#fff9eb;top:102px;left:12px;right:12px;padding:22px;border:1px solid #67233c35;border-radius:18px;box-shadow:0 16px 40px #67233c20}.mobile-nav a{display:block;padding:12px;font-family:Fredoka;font-size:22px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;line-height:1.4;margin:0 0 24px;display:flex;align-items:center;gap:9px}.live-dot{width:7px;height:7px;border-radius:50%;background:#6c8b4c;box-shadow:0 0 0 5px #6c8b4c15}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Fredoka;font-weight:550;line-height:1.03;letter-spacing:-2px}h1{font-size:clamp(60px,6.8vw,112px);margin-bottom:30px}h2{font-size:clamp(48px,5.2vw,82px);margin-bottom:24px}h3{font-size:40px}em{font-style:normal;color:#dc6a5b}p{margin-bottom:20px}.hero{position:relative;background:#fff0b3;display:grid;grid-template-columns:1.05fr 1fr;min-height:min(740px,85vh);padding:70px 6% 72px;overflow:hidden;align-items:center;gap:10px}.hero-copy{position:relative;z-index:2}.hero .intro{font-size:17px;max-width:470px;line-height:1.7}.actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:26px;padding:15px 24px;border-radius:100px;font-weight:650;font-size:13px;border:1px solid transparent;transition:transform .2s,box-shadow .2s;min-height:50px;line-height:1.3;text-align:center}.button svg{width:22px;height:22px}.button:hover{transform:translateY(-3px);box-shadow:0 5px 0 #67233c18}.plum{background:#67233c;color:#fff4d7}.outline{border-color:#67233c;background:transparent}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;border:0;border-bottom:1px solid currentColor;border-radius:0;padding:5px 0;background:transparent}.text-link svg{width:18px}.hero-footnote{margin-top:46px;display:flex;align-items:center;gap:14px;font-size:11px;line-height:1.5}.hero-footnote svg{width:44px;height:44px;animation:slow-spin 35s linear infinite}.hero-art{height:550px;position:relative;display:grid;place-items:center;isolation:isolate}.hero-orbit{position:absolute;width:110%;height:95%;background:#f5b1ae;border-radius:52% 48% 44% 56%/50% 45% 55% 50%;transform:rotate(-14deg);z-index:-2}.hero-orbit:after{content:'';position:absolute;inset:22px;border:1px solid #67233c30;border-radius:inherit}.hero-cup{height:110%;width:auto;max-width:88%;object-fit:contain;filter:drop-shadow(5px 20px 15px #6a2c4920);transform:translateY(var(--hero-y,0px)) rotate(var(--hero-rotate,-8deg));transition:transform .15s linear;will-change:transform}.stamp{position:absolute;z-index:3;right:-4%;top:8%;width:98px;height:98px;border-radius:50%;background:#67233c;color:#fff0b3;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;line-height:1.2;text-align:center;letter-spacing:1px;transform:rotate(12deg)}.stamp svg{width:16px;height:16px;margin-top:6px}.handwritten{position:absolute;right:-2%;bottom:14%;font-family:Fredoka;font-size:19px;line-height:1.15;transform:rotate(-10deg)}.floating-fruit{position:absolute;animation:bob 4.5s ease-in-out infinite}.fruit-one{width:95px;height:95px;left:-8%;top:4%;transform:rotate(-22deg)}.fruit-two{width:42px;height:42px;right:6%;bottom:3%;color:#fff7dd;animation-delay:-2s}.product-note{position:absolute;bottom:-33px;font-size:8px;letter-spacing:1px}.scroll-note{position:absolute;bottom:22px;left:6%;display:flex;align-items:center;gap:15px;font-size:8px;font-weight:800;letter-spacing:2px}.scroll-line{width:48px;height:1px;background:currentColor}.ticker{overflow:hidden;background:#f6b4ae;border-top:1px solid #67233c30;border-bottom:1px solid #67233c30;padding:16px 0}.ticker>div{display:flex;align-items:center;gap:42px;width:max-content;animation:marquee 38s linear infinite}.ticker span{font-family:Fredoka;font-size:24px;font-weight:550;letter-spacing:1px}.ticker svg{width:24px;height:24px}.section{padding:108px 6%}.section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-bottom:48px}.section-heading .eyebrow{grid-column:1/-1}.section-heading h2{margin-bottom:0}.section-heading>p:last-child{justify-self:end;max-width:350px;font-size:14px;margin:0;line-height:1.7}.flavour-deck{border:1px solid #67233c40;border-radius:24px;overflow:hidden;background:#ffdb88}.flavour-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #67233c30;background:#fff9eb}.flavour-tabs button{padding:20px 12px;border:0;border-right:1px solid #67233c25;background:none;font-size:12px;font-weight:700}.flavour-tabs button:last-child{border-right:0}.flavour-tabs button[aria-selected=true]{background:#67233c;color:#fff5d8}.flavour-window{position:relative;overflow:hidden}.flavour-panel{min-height:530px;display:grid;grid-template-columns:1fr 1fr;padding:52px 6% 65px;position:relative;align-items:center;gap:20px;background:#ffdb88;animation:panel-in .65s cubic-bezier(.16,1,.3,1) both}.flavour-copy{position:relative;z-index:2;max-width:360px}.flavour-copy h3{font-size:clamp(50px,5.6vw,82px);margin-bottom:24px}.flavour-copy p:not(.eyebrow){font-size:15px;max-width:320px}.flavour-visual{height:390px;position:relative;display:grid;place-items:center;isolation:isolate}.flavour-visual img{height:112%;width:100%;object-fit:contain;filter:drop-shadow(6px 15px 9px #67233c20);animation:cup-in .8s cubic-bezier(.2,.7,.1,1) both}.giant-type{position:absolute;font-family:Fredoka;font-size:clamp(60px,9vw,135px);font-weight:650;letter-spacing:-5px;opacity:.19;z-index:-1;transform:rotate(-90deg);white-space:nowrap}.flavour-sun{position:absolute;right:-15px;top:-20px;width:75px;height:75px;animation:slow-spin 35s linear infinite}.flavour-caption{position:absolute;bottom:22px;right:6%;font-size:9px;font-weight:700;letter-spacing:2px}.lemon-panel{background:#d9e6a2}.lemon-panel em{color:#55754d}.lemon-fruit{position:absolute;width:125px;height:125px;bottom:3%;left:0;animation:bob 4s ease-in-out infinite}.rice-panel{background:#f5c2b9}.rice-photo{height:360px;position:relative;border-radius:50% 50% 18px 18px;overflow:hidden;border:8px solid #fff9eb;transform:rotate(4deg);box-shadow:12px 12px 0 #67233c15}.rice-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 55%;transform:scale(1.12)}.rice-photo span{position:absolute;bottom:0;left:0;right:0;text-align:center;background:#fff9eb;padding:10px 5px;font-size:9px;font-weight:800;letter-spacing:1px}.flavour-controls{background:#fff9eb;display:flex;justify-content:space-between;align-items:center;padding:14px 24px;border-top:1px solid #67233c30;font-size:12px}.flavour-controls p{margin:0}.flavour-controls>div{display:flex;align-items:center;gap:24px}.flavour-controls button{border:1px solid #67233c50;background:transparent;border-radius:50%;width:38px;height:38px;display:grid;place-items:center}.back-arrow{transform:rotate(180deg)}.story{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding-top:24px}.story-photo{height:590px;position:relative;overflow:hidden;border-radius:45% 45% 18px 18px;background:#e8bc8e;transform:rotate(-3deg);border:8px solid #fff;border-bottom-width:45px;box-shadow:0 14px 45px #67233c12}.story-photo video{height:100%;width:100%;object-fit:cover}.photo-caption{position:absolute;bottom:-34px;left:0;width:100%;text-align:center;font-size:11px;font-weight:750;letter-spacing:1.5px}.story-photo{overflow:visible}.story-photo video{border-radius:45% 45% 10px 10px}.story-copy{position:relative}.story-copy h2{font-size:clamp(46px,4.7vw,72px)}.story-copy>p:not(.eyebrow){font-size:15px;max-width:400px}.brand-seal{border-radius:50%;position:absolute;bottom:-115px;right:0;transform:rotate(12deg)}.stops{background:#f7d8d2;border-top-left-radius:70px;border-top-right-radius:70px;padding-top:85px}.stops-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center}.truck-world{aspect-ratio:1.15;position:relative;overflow:hidden;background:#fcefae;border-radius:50% 50% 18px 18px;border:1px solid #67233c25;isolation:isolate}.world-sun{position:absolute;top:9%;right:12%;width:80px;height:80px;animation:slow-spin 45s linear infinite}.world-label{position:absolute;top:18%;left:13%;font-size:11px;font-weight:800;letter-spacing:2px;transform:rotate(-8deg)}.cloud{position:absolute;background:#fff9eb;border-radius:100px;width:100px;height:28px;animation:cloud-drift 12s ease-in-out infinite alternate}.cloud:before,.cloud:after{content:'';position:absolute;background:inherit;border-radius:50%;width:45px;height:45px;bottom:0;left:10px}.cloud:after{width:60px;height:60px;left:35px}.cloud-one{top:38%;left:6%}.cloud-two{top:32%;right:8%;transform:scale(.65);animation-delay:-7s}.hill{position:absolute;width:120%;height:50%;border-radius:50%;bottom:-18%;background:#adc77c;z-index:-1}.hill-one{left:-40%;transform:rotate(20deg)}.hill-two{right:-40%;background:#859e60;transform:rotate(-20deg)}.truck{width:58%;height:39%;position:absolute;left:19%;bottom:18%;background:#f3b6b6;border:3px solid #67233c;border-radius:45px 25px 12px 12px;transform:rotate(-3deg);box-shadow:inset 0 -22px #ed9ca6;animation:truck-bounce 3s ease-in-out infinite}.truck-awning{position:absolute;top:10%;right:10%;width:73%;height:10%;background:repeating-linear-gradient(90deg,#fff3cd 0 15px,#e76d80 15px 30px);border:2px solid #67233c;border-radius:4px;z-index:2}.truck-window{position:absolute;top:19%;right:12%;width:68%;height:29%;background:#fff8d8;border:2px solid #67233c;border-radius:3px}.truck>span{position:absolute;top:53%;left:10%;font-family:Fredoka;font-size:clamp(25px,3.3vw,50px);font-weight:600;letter-spacing:-2px;line-height:1}.truck>span>span{color:#fff9eb}.truck small{position:absolute;bottom:12%;left:11%;font-size:6px;letter-spacing:1px;font-weight:800}.wheel{position:absolute;width:18%;aspect-ratio:1;background:#67233c;border:5px solid #fff8d8;outline:3px solid #67233c;border-radius:50%;bottom:-14%}.w1{left:14%}.w2{right:14%}.wheel:after{content:'';position:absolute;inset:25%;background:#f2b3af;border-radius:50%}.hitch{position:absolute;width:15%;height:3px;right:-15%;bottom:0;background:#67233c;transform:rotate(12deg)}.road{position:absolute;width:75%;bottom:13%;left:12%;height:2px;background:#67233c}.world-mango{width:60px;height:60px;position:absolute;bottom:3%;right:5%;transform:rotate(20deg)}.stop-board h3{font-size:clamp(34px,3.4vw,49px);margin-bottom:20px}.stop-board>p:not(.eyebrow){max-width:390px;font-size:14px}.stop-board #stop-details{font-weight:650;font-size:14px;margin-bottom:15px}.usual-spots{border-top:1px solid #67233c35;margin-top:28px;padding-top:22px}.usual-spots small{font-size:9px;letter-spacing:1.5px;font-weight:800}.usual-spots p{font-family:Fredoka;font-size:22px;line-height:1.4;margin:9px 0}.usual-spots>span{font-size:11px}.moments{background:#fff9eb}.reel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.reel:nth-child(2){padding-top:38px}.reel-media{aspect-ratio:9/14;position:relative;border-radius:22px;overflow:hidden;background:#2d201e}.reel-media video{height:100%;width:100%;object-fit:cover}.video-toggle{position:absolute;bottom:12px;right:12px;border:1px solid #fff8eb;background:#67233cdd;color:#fff9eb;border-radius:100px;min-height:38px;padding:7px 13px;font-size:10px;z-index:3}.reel-tag{position:absolute;top:15px;left:15px;background:#fff9eb;border-radius:100px;padding:7px 11px;font-size:9px;font-weight:800;letter-spacing:1px}.reel-caption{padding:19px 3px}.reel-caption h3{font-size:25px;letter-spacing:-.5px;margin:0 0 9px}.reel-caption a{display:flex;gap:12px;font-size:11px;font-weight:650;align-items:center}.reel-caption svg{width:18px;height:18px}.archive-note{font-size:11px;max-width:650px;margin:26px auto;text-align:center;opacity:.75}.moments>.button{display:flex;width:fit-content;margin:auto}.catering{background:#e0e9bc;display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start}.catering-copy{position:relative}.catering-copy p:not(.eyebrow){font-size:15px;max-width:400px}.catering h2 em{color:#637c4e}.event-types{display:flex;flex-wrap:wrap;gap:9px;max-width:400px;margin:25px 0 40px}.event-types span{border:1px solid #67233c40;border-radius:50px;padding:6px 12px;font-size:10px}.phone{display:block;font-family:Fredoka;font-size:30px}.email{font-size:14px;text-decoration:underline;text-underline-offset:4px}.catering-sun{width:90px;height:90px;display:block;margin-top:38px;animation:slow-spin 40s linear infinite}.catering-form{background:#fff9eb;padding:36px;border-radius:22px;box-shadow:9px 9px 0 #67233c0e}.catering-form h3{font-size:28px;letter-spacing:-.5px;margin-bottom:24px}.catering-form label{display:block;font-size:11px;font-weight:700;margin-bottom:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}input,textarea{display:block;min-width:0;width:100%;color:#67233c;background:#fff;border:1px solid #67233c40;border-radius:9px;padding:12px;font-size:13px;margin-top:7px;resize:vertical}input{min-height:46px}input::placeholder,textarea::placeholder{color:#927d7e}.catering-form>.button{width:100%}.form-note{font-size:10px;font-weight:400;line-height:1.6;margin:14px 0 0}.catering-form #enquiry-result{border-top:1px solid #67233c30;margin-top:20px;padding-top:20px;font-size:13px}.catering-form #enquiry-result .text-link{display:block;margin-top:10px}.forecast{display:grid;grid-template-columns:1fr 1.1fr;gap:7%;align-items:center;background:#f9d2a3}.forecast h2{font-size:clamp(50px,5.4vw,82px)}.forecast-heading>small{font-size:10px;opacity:.7;display:block;margin-top:28px}.forecast-cards{display:grid;gap:16px;perspective:800px}.weather-card{height:170px;border-radius:20px;position:relative;overflow:hidden;padding:24px 28px;display:block;isolation:isolate;transition:transform .4s,box-shadow .4s;border:1px solid #67233c30}.weather-card:hover{transform:translateY(-5px) rotate(-1deg);box-shadow:0 10px 25px #67233c20}.weather-card small{font-size:8px;font-weight:800;letter-spacing:1.5px}.weather-card h3{font-size:30px;letter-spacing:-.7px;line-height:1;margin:10px 0}.weather-card div>span{font-size:10px}.weather-card>img{position:absolute;right:7%;height:130%;width:44%;object-fit:contain;bottom:-27%;transform:rotate(12deg);animation:bob 5s ease-in-out infinite}.sunny{background:#ffe8a1}.zesty{background:#ddeab9}.sweet{background:#f5b6bd}.weather-sun{position:absolute;width:70px;height:70px;right:2%;top:-15px;animation:slow-spin 40s linear infinite;opacity:.6}.weather-lemon{width:135px;height:135px;position:absolute;right:10%;top:25px;animation:bob 5s ease-in-out infinite;z-index:2}.mini-cloud{width:100px;height:30px;position:absolute;right:5%;top:30px;border-radius:100px;background:#fff9eb}.mini-cloud:after{content:'';position:absolute;width:60px;height:55px;bottom:0;left:15px;background:inherit;border-radius:100px}.weather-mango{position:absolute;width:140px;height:140px;right:7%;top:15px;animation:bob 4.4s ease-in-out infinite}.weather-spark{position:absolute;right:1%;top:12%;width:34px;height:34px;color:#fff9eb}.forecast-number{position:absolute;right:17px;bottom:13px;font-size:12px;opacity:.6}.arcade{display:grid;grid-template-columns:.8fr 1.2fr;gap:6%;align-items:center;background:#f5b5b9}.arcade-intro h2{font-size:clamp(48px,4.5vw,70px)}.arcade-intro em{color:#a83a58}.game-rules{display:flex;gap:20px;margin:26px 0;font-size:10px;font-weight:700;flex-wrap:wrap}.game-rules span{display:flex;align-items:center;gap:8px}.game-rules svg{height:28px;width:28px}.ice-icon{display:block;width:21px;height:21px;background:#a8dcdf;border:2px solid #62788a;border-radius:5px;transform:rotate(12deg)}.game-hint{max-width:330px;font-size:12px}.best-score{font-size:9px;letter-spacing:1.6px;border-top:1px solid #67233c30;padding-top:20px;max-width:330px;display:flex;align-items:center;gap:30px}.best-score strong{font-family:Fredoka;font-size:35px;letter-spacing:-1px}.game-shell{border:2px solid #67233c;background:#fff9eb;border-radius:23px;overflow:hidden;box-shadow:8px 8px 0 #67233c}.game-hud{display:flex;align-items:center;gap:20px;padding:18px 24px;border-bottom:2px solid #67233c;font-size:8px;font-weight:800;letter-spacing:1px}.game-hud strong{display:block;font-size:24px;font-family:Fredoka;line-height:1.1;letter-spacing:0}.game-hud button{margin-left:auto;background:none;border:1px solid #67233c60;border-radius:100px;font-size:9px;padding:7px 10px;letter-spacing:0}.game-stage{position:relative;aspect-ratio:700/460;background:#fff0b3;overflow:hidden}.game-stage canvas{width:100%;height:100%;touch-action:pan-y;display:block}.game-stage.is-playing canvas{touch-action:none}.game-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff0b3ed;text-align:center;padding:20px}.game-overlay .eyebrow{font-size:8px;margin-bottom:16px}.game-overlay h3{font-size:clamp(30px,3.3vw,48px);margin-bottom:15px;line-height:1.05}.game-overlay p:not(.eyebrow){font-size:13px}.game-bottom{min-height:53px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 20px;border-top:2px solid #67233c}.game-bottom p{font-size:10px;margin:0;line-height:1.4}.game-bottom button{font-size:10px}.last-sip{padding:90px 6% 100px;background:#fff0b3;text-align:center;position:relative;overflow:hidden}.last-sip .eyebrow{justify-content:center}.last-sip h2{font-size:clamp(65px,8vw,120px);line-height:1.02;position:relative;z-index:1}.last-sun{position:absolute;right:7%;top:22%;width:120px;height:120px;color:#dc6a5b;animation:slow-spin 40s linear infinite;opacity:.8}footer{padding:65px 6% 25px;background:#67233c;color:#fff0d0;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:45px}footer p{font-size:12px;margin-top:25px}footer>div>strong{font-size:9px;letter-spacing:1.8px;display:block;margin-bottom:23px}footer>div:not(.footer-brand)>a{font-size:12px;display:block;margin-bottom:11px}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;padding-top:25px;border-top:1px solid #fff0d030;font-size:9px}body.js .reveal{opacity:0;transform:translateY(25px);transition:opacity .65s,transform .8s}body.js .reveal.visible{opacity:1;transform:translateY(0)}body.js .story-photo.reveal.visible{transform:rotate(-3deg)}
@keyframes bob{0%,100%{translate:0 0;rotate:-3deg}50%{translate:0 -12px;rotate:3deg}}@keyframes slow-spin{to{rotate:360deg}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes panel-in{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes cup-in{from{transform:translateX(120px) rotate(30deg);opacity:0}to{transform:translateX(0) rotate(0);opacity:1}}@keyframes cloud-drift{to{translate:30px 0}}@keyframes truck-bounce{50%{translate:0 -5px;rotate:1deg}}
html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}html[data-motion=off] .hero-cup{transform:none}html[data-motion=off] body.js .reveal{opacity:1;transform:none}
@media(min-width:1600px){.section,.hero,.header,footer{padding-left:max(6%,calc((100vw - 1400px)/2));padding-right:max(6%,calc((100vw - 1400px)/2))}}
@media(max-width:1000px){.header{gap:20px}.header nav{gap:18px;font-size:12px}.hero{padding-top:55px;padding-bottom:70px;min-height:650px}.hero-art{height:450px}.stamp{right:-3%;width:80px;height:80px;font-size:10px}.handwritten{right:-3%;font-size:15px}.hero h1{font-size:70px}.hero .intro{font-size:14px}.actions{gap:15px}.button{padding:13px 20px;font-size:12px}.story{gap:7%}.story-photo{height:480px}.section{padding-top:80px;padding-bottom:80px}.story{padding-top:10px}.brand-seal{width:80px;height:80px;bottom:-90px}.game-hud{gap:17px;padding:15px}.forecast{gap:5%}.weather-card{padding:20px;height:165px}.weather-card h3{font-size:26px}.catering-form{padding:25px}.reel-grid{gap:18px}.arcade{grid-template-columns:.8fr 1.2fr;gap:4%}.last-sun{width:85px;height:85px;right:3%}}
@media(max-width:760px){html{scroll-padding-top:85px}.topline{font-size:8px;letter-spacing:1.1px;padding:7px}.topline span{display:none}.header{padding:14px 5%;gap:18px;min-height:76px}.wordmark{font-size:35px}.wordmark small{font-size:6px;letter-spacing:1px;margin-top:8px}.header nav{display:none}.motion-button{margin-left:auto;font-size:9px}.nav-toggle{border:1px solid #67233c55;border-radius:100px;display:flex;align-items:center;gap:8px;background:transparent;font-size:11px;padding:9px 12px}.nav-toggle span{width:12px;height:6px;border-top:1px solid;border-bottom:1px solid}.hero{grid-template-columns:1fr;padding:42px 6% 47px;gap:25px;min-height:0;text-align:center}.hero-copy .eyebrow{justify-content:center;font-size:8px;letter-spacing:1.5px;margin-bottom:22px}.hero h1{font-size:clamp(54px,10.8vw,79px);letter-spacing:-1.8px;line-height:1.03;margin-bottom:20px}.hero .intro{font-size:13px;max-width:350px;margin:0 auto 24px}.actions{justify-content:center;gap:18px}.actions .button{font-size:11px;min-height:46px;padding:12px 18px;gap:14px}.actions .text-link{font-size:11px}.hero-footnote{display:none}.hero-art{height:390px;max-width:410px;width:100%;margin:0 auto 24px}.hero-cup{height:100%;max-width:88%;width:auto}.hero-orbit{width:94%;height:84%;top:6%;transform:rotate(-10deg)}.stamp{right:0;top:9%;width:76px;height:76px;font-size:9px}.handwritten{right:0;bottom:17%;font-size:14px}.fruit-one{width:66px;height:66px;left:0;top:8%}.fruit-two{right:8%;bottom:5%;width:29px;height:29px}.product-note{bottom:-19px;font-size:7px;letter-spacing:.6px}.scroll-note{position:static;justify-content:center;font-size:7px;letter-spacing:1.5px}.ticker{padding:13px 0}.ticker span{font-size:18px}.ticker>div{gap:27px}.ticker svg{width:18px;height:18px}.section{padding:65px 6%}.section-heading{display:block;margin-bottom:30px}.section-heading>p:last-child{margin-top:18px;max-width:330px;font-size:13px}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:19px}h2{font-size:47px;letter-spacing:-1.4px;line-height:1.04}.flavour-tabs{grid-template-columns:.85fr 1.3fr 1fr}.flavour-tabs button{font-size:9px;line-height:1.4;padding:14px 8px;min-height:56px}.flavour-deck{border-radius:18px}.flavour-panel{padding:30px 7% 40px;grid-template-columns:1fr;gap:15px;min-height:650px;align-content:start}.flavour-copy{max-width:100%}.flavour-copy .eyebrow{font-size:8px;margin-bottom:14px}.flavour-copy h3{font-size:48px;letter-spacing:-1.3px;margin-bottom:17px}.flavour-copy p:not(.eyebrow){font-size:13px;max-width:270px;margin-bottom:19px}.flavour-copy .button{font-size:10px;padding:12px 17px;min-height:42px;gap:20px}.flavour-visual{height:285px;margin-top:0}.flavour-visual img{height:100%;max-width:100%;width:auto}.giant-type{font-size:86px;transform:rotate(-90deg);left:-45px;opacity:.12}.flavour-sun{width:50px;height:50px;right:0;top:25px}.lemon-fruit{width:90px;height:90px;left:0;bottom:8%}.flavour-caption{bottom:17px;right:0;text-align:center;width:100%;font-size:7px;letter-spacing:1.2px}.flavour-controls{padding:12px 15px;font-size:10px}.flavour-controls>div{gap:15px}.flavour-controls button{width:35px;height:35px}.rice-photo{height:285px;width:85%;max-width:320px;margin:10px auto 0;border-width:6px}.rice-photo span{font-size:7px}.story{grid-template-columns:1fr;gap:45px;padding-top:0;padding-bottom:85px}.story-photo{height:460px;max-width:390px;width:95%;margin:0 auto}.story-copy h2{font-size:48px}.story-copy>p:not(.eyebrow){font-size:14px;max-width:360px}.story-copy .text-link{font-size:11px}.brand-seal{position:static;width:75px;height:75px;margin-top:28px}.stops{border-top-left-radius:36px;border-top-right-radius:36px}.stops-layout{grid-template-columns:1fr;gap:30px}.truck-world{max-width:490px;width:100%;margin:auto;aspect-ratio:1.2}.truck>span{font-size:43px}.truck small{font-size:7px}.world-sun{width:65px;height:65px}.stop-board h3{font-size:36px}.stop-board>p:not(.eyebrow){font-size:13px}.stop-board .button{font-size:11px}.usual-spots p{font-size:22px}.reel-grid{display:flex;overflow-x:auto;gap:16px;scroll-snap-type:x mandatory;padding:0 0 15px;overscroll-behavior-x:contain}.reel{flex:0 0 78%;scroll-snap-align:start;min-width:0}.reel:nth-child(2){padding-top:0}.reel-media{border-radius:16px;aspect-ratio:9/14}.reel-caption h3{font-size:23px}.reel-caption a{font-size:10px}.archive-note{font-size:10px;margin:17px 0 25px;text-align:left}.moments>.button{font-size:10px;padding:12px 16px;gap:12px}.catering{grid-template-columns:1fr;gap:34px}.catering-copy p:not(.eyebrow){font-size:14px}.event-types{margin:24px 0;gap:6px}.event-types span{font-size:9px;padding:6px 10px}.catering-sun{position:absolute;bottom:5px;right:0;width:56px;height:56px}.catering-form{padding:24px 20px}.catering-form h3{font-size:27px}.catering-form label{font-size:10px}.form-row{gap:12px}input,textarea{font-size:16px;padding:10px;min-width:0}input[type=date]{max-width:100%;min-width:0;width:100%}.forecast{grid-template-columns:1fr;gap:30px}.forecast h2{font-size:53px}.forecast-heading>p:not(.eyebrow){font-size:14px;margin-bottom:0}.forecast-heading>small{font-size:9px;margin-top:15px}.weather-card{height:160px;padding:23px}.weather-card h3{font-size:28px}.weather-card>img{right:4%;height:125%;bottom:-25%}.weather-lemon{width:115px;height:115px;right:6%;top:29px}.weather-mango{width:120px;height:120px;right:3%;top:25px}.weather-card small{font-size:7px}.weather-card div>span{font-size:9px}.arcade{grid-template-columns:1fr;gap:30px;padding-left:5%;padding-right:7%}.arcade-intro{padding-left:1%}.arcade-intro h2{font-size:49px}.arcade-intro>p:not(.eyebrow){font-size:13px}.game-rules{margin:22px 0 16px}.game-hint{max-width:100%}.best-score{max-width:100%;padding-top:14px;justify-content:space-between}.game-hud{padding:13px 14px;gap:20px;font-size:7px}.game-hud strong{font-size:23px}.game-hud button{font-size:8px;padding:7px 9px}.game-stage{aspect-ratio:1/1.1}.game-overlay{padding:18px}.game-overlay h3{font-size:37px}.game-overlay p:not(.eyebrow){font-size:12px}.game-overlay .eyebrow{font-size:7px}.game-overlay .button{font-size:11px;padding:12px 20px;min-height:46px}.game-bottom{padding:12px 14px}.game-bottom p{font-size:9px}.last-sip{padding:70px 6% 80px}.last-sip h2{font-size:62px}.last-sun{width:50px;height:50px;right:4%;top:17%;opacity:.35}.last-sip .eyebrow{font-size:8px}.last-sip .button{font-size:11px}footer{grid-template-columns:1fr 1fr;gap:35px;padding:50px 6% 26px}.footer-brand{grid-column:1/-1}.footer-brand .wordmark{font-size:43px}footer .footer-brand p{margin-top:20px;font-size:12px}.footer-bottom{flex-direction:column;gap:7px;font-size:8px}footer>div>strong{font-size:8px;margin-bottom:17px}footer>div:not(.footer-brand)>a{font-size:11px}}
@media(max-width:360px){.hero-art{height:330px}.hero h1{font-size:51px}.hero .intro br{display:none}.actions{gap:12px}.actions .text-link{font-size:10px}.stamp{right:0;width:64px;height:64px;font-size:8px}.handwritten{font-size:12px}.story-photo{height:400px}.flavour-panel{min-height:650px}.game-hud{gap:14px}.game-hud button{padding:6px}.form-row{grid-template-columns:1fr;gap:0}.catering-sun{display:none}.weather-card{padding:19px}.weather-card h3{font-size:25px}.weather-lemon{width:96px;height:96px}.weather-mango{width:105px;height:105px}.weather-card div>span{font-size:8px}.wordmark{font-size:32px}.header{gap:13px}}
.hero-cup{position:absolute;inset:0;margin:auto;width:90%;height:100%;max-width:none;min-height:0;object-fit:contain}.flavour-visual img{position:absolute;inset:0;margin:auto;width:100%;height:100%;min-height:0;object-fit:contain}.weather-card>div{position:relative;z-index:3;max-width:60%}.weather-card div>span{display:block}.weather-card>img{width:38%;right:0}.weather-mango{right:1%;width:33%}.weather-lemon{right:3%;width:32%}
@media(prefers-reduced-motion:reduce){html:not([data-motion=on]){scroll-behavior:auto}html:not([data-motion=on]) *,html:not([data-motion=on]) *:before,html:not([data-motion=on]) *:after{animation:none!important;transition:none!important}html:not([data-motion=on]) .hero-cup{transform:none!important}html:not([data-motion=on]) body.js .reveal{opacity:1;transform:none}}