@font-face{font-family:Baloo;src:url('baloo2.ttf') format('truetype');font-weight:400 800;font-display:swap}
@font-face{font-family:Nunito;src:url('nunito.ttf') format('truetype');font-weight:400 900;font-display:swap}
:root{--cream:#fffdf2;--ink:#293f32;--muted:#606b56;--red:#bf3d24;--green:#365c38;--line:#d8dfbd;--pandan:#d7f4a3;--peach:#ffddb0;--pink:#ffd0e0;--yellow:#ffe278;--lavender:#e1d5ff;--display:Baloo,'Trebuchet MS',sans-serif;--body:Nunito,Arial,sans-serif;--coral:#ff8a62}
body{font-size:16px}h1,h2,h3{font-weight:650;letter-spacing:-.025em}h1,h2{line-height:1.08}.brand{font-size:27px;font-weight:650}.brand b{font-weight:750}.brand-dot{color:#ed613b}nav{font-size:13px}.button{font-size:13px;border-radius:13px;min-height:50px}.primary{background:#c53f25}.primary:hover{background:#ac321d;box-shadow:0 7px 0 #f4c386}.dark:hover{background:#244d2c}.eyebrow{font-size:11px;letter-spacing:.12em}.announcement{background:#d7f4a3;color:#2c4e2f;font-size:11px;font-weight:750}.announcement i{color:#bf3d24}.hero{padding-top:46px;padding-bottom:53px;min-height:635px}.hero h1{font-size:clamp(47px,5.2vw,65px);line-height:1.06;letter-spacing:-.025em}.hero-copy>p{font-size:15px;line-height:1.85;max-width:420px;margin:23px 0 28px}.hero .eyebrow{font-size:10px}.hero-note{font-size:10px;margin-top:29px}.hero-orbit{background-color:#ffe68b;background-image:radial-gradient(#e6b02b70 1px,transparent 1px);box-shadow:inset 0 0 0 16px #fff0ad;transform:rotate(-7deg) translate(var(--look-x,0px),var(--look-y,0px));transition:transform .22s ease-out}.hero-art .basket{translate:var(--look-x,0px) var(--look-y,0px);transition:translate .22s ease-out}.hero-badge{background:#c9f18e;border:1px solid #92b96a;box-shadow:0 0 0 3px #fffdf2,0 0 0 4px #a8ce72;font-size:11px;width:142px;height:142px}.hero-badge span{color:#365c38}.hero-scribble{font-size:18px;font-weight:600;left:33px}.hero-art-caption{font-size:9px;left:87px;bottom:-14px}.steam{border-color:#fffdf2;border-left-width:5px}.star-a{color:#ed673b}.basket-front{background:repeating-linear-gradient(0deg,#dba465 0 2px,#f4c27f 3px 10px);border-color:#cf9551;box-shadow:0 9px 0 #dfa562}.basket-inner{border-color:#dcaa61;background:repeating-linear-gradient(80deg,#e8ba76 0 4px,#f7d18f 5px 17px)}.boop{touch-action:manipulation}.boop:focus-visible{outline:3px dashed var(--red);outline-offset:-20px;border-radius:50%}.boop.is-celebrating{animation:bao-celebrate .65s ease both}.hero-art .heart-particle{color:#d13e42}.section-heading .eyebrow{font-size:10px}.text-link{font-size:13px}.flavor{font-size:12px}.product-info h3{font-size:25px;font-weight:650}.product-bottom strong{font-size:16px}.product-art{border-radius:20px;box-shadow:inset 0 0 0 1px #365c3810}.art-label{font-size:8px}.illustration{font-size:8px;color:#53614a}.round-arrow{background:#ffe6a8;width:37px;height:37px}.favorite{background:#fffdf2b8;width:37px;height:37px}.product-card:hover .product-art{box-shadow:inset 0 0 0 2px #ccdf9b}.price-note{font-size:11px;line-height:1.85}.story-teaser:before{background:#e3f5be}.story-copy p{font-size:14px;max-width:400px}.photo-frame{background:#fffdf2;border:1px solid #fff}.photo-sticker{background:#ff946a;color:#653316;font-size:17px}.photo-side small{font-size:9px}.buy-path{border:1px solid #365c3810;border-radius:21px}.buy-path h3{font-size:37px;line-height:1.1}.buy-path p{font-size:13px}.path-number{font-size:10px}.cta{background:#ff976d;color:#4b2d22;border:2px solid #f08356;border-radius:26px}.cta .eyebrow{color:#74412b;font-size:10px}.cta h2{font-size:57px;max-width:600px}.cta p{color:#684230;font-size:14px;max-width:430px}.cta .cream{background:#fff4c8;color:#6a3625}.cta .outline-light{color:#4b2d22;border-color:#75452f}.cta-mascots:before{background:#ffd57b70}.footer-top>p,.footer-top>div{font-size:12px}.footer-bottom{font-size:11px}.page-intro p{font-size:14px;max-width:550px}.intro-mascot span{font-size:17px}.filter{font-size:11px;padding:10px 15px;border-color:#bccd98}.filter.active{background:#365c38}.search input{font-size:13px}.menu-meta{font-size:11px}.menu-meta select{font-size:12px}.menu-footnote{font-size:11px}.menu-footnote p{line-height:1.8}.dialog-copy p{font-size:14px}.dialog-copy .dialog-note{font-size:11px}.dialog-copy .favorite-detail{font-size:13px;min-height:44px}.dialog-art small{font-size:10px}.location-info p{font-size:14px}.location-info h3{font-size:15px}.location-badge{font-size:11px;background:#e3f3be}.location-info .button{font-size:12px}.location-info small{font-size:11px}.place-tag{font-size:10px}.map-section>p{font-size:11px}.story-hero>p{font-size:15px}.story-editorial p{font-size:15px;line-height:1.9}.taste-card p{font-size:14px;max-width:285px}.taste-card h3{font-size:34px}.taste-card b{font-size:12px;max-width:240px}.real-photo p{font-size:14px}.order-option p{font-size:14px}.order-option h3{font-size:15px}.order-option li>span{font-size:12px}.faq-list summary{font-size:15px}.faq-list details p{font-size:14px}

/* A seamless procession with independently animated feet, arms and bodies. */
.bao-parade{background:#fff0a2;border-top:2px solid #f6db73;border-bottom:2px solid #e3c96c;position:relative;overflow:hidden;padding-top:28px;margin:0}.parade-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.parade-heading .eyebrow{font-size:9px;margin-bottom:6px;color:#77551f}.parade-heading h2{font-size:36px;line-height:1.15;letter-spacing:-.02em}.parade-heading p{font-size:12px;margin-top:6px;color:#6b5b31}.parade-pause{display:flex;align-items:center;gap:9px;padding:10px 16px;min-height:44px;background:#fffdf28c;border:1px solid #c5ad5980;border-radius:25px;font-size:11px;font-weight:800;flex-shrink:0}.pause-icon{font-size:19px;line-height:1}.parade-pause:hover{background:var(--cream)}.parade-window{position:relative;padding-top:12px;overflow:hidden;isolation:isolate}.parade-window:after,.parade-window:before{content:'';position:absolute;top:0;bottom:25px;width:65px;z-index:4;pointer-events:none}.parade-window:before{left:0;background:linear-gradient(90deg,#fff0a2,transparent)}.parade-window:after{right:0;background:linear-gradient(-90deg,#fff0a2,transparent)}.parade-track{display:flex;width:max-content;animation:parade-travel 32s linear infinite;position:relative;z-index:2;will-change:transform}.parade-group{display:flex;align-items:flex-end;gap:37px;padding:10px 37px 17px 0}.walking-bun{position:relative;width:146px;flex:0 0 146px;padding:14px 0 0;touch-action:manipulation;outline-offset:0;border-radius:35px;background:none;isolation:isolate}.walking-bun>svg{display:block;width:146px;height:168px;overflow:visible;transition:filter .2s}.walking-bun:hover>svg,.walking-bun:focus-visible>svg{filter:drop-shadow(0 3px 3px #9b792e22)}.walking-name{font-family:var(--display);font-weight:650;font-size:17px;display:block;position:relative;top:-5px;color:#4d592e;line-height:1.3}.walking-speech{position:absolute;z-index:4;white-space:nowrap;max-width:180px;left:50%;top:0;translate:-50% 0;opacity:0;scale:.8;background:var(--cream);border:1px solid #dbc77c;border-radius:20px;padding:6px 12px;font-size:11px;font-weight:800;color:#87401e;transition:opacity .18s,scale .18s;pointer-events:none}.walking-speech:after{content:'';position:absolute;bottom:-5px;left:50%;width:8px;height:8px;rotate:45deg;background:var(--cream);border-right:1px solid #dbc77c;border-bottom:1px solid #dbc77c}.walking-bun:hover .walking-speech,.walking-bun:focus-visible .walking-speech,.walking-bun.is-cheering .walking-speech{opacity:1;scale:1}.walking-body{transform-origin:130px 210px;animation:walking-bob .65s ease-in-out infinite;animation-delay:var(--step-delay)}.walking-leg{transform-box:view-box;transform-origin:130px 190px;animation:walking-step .65s ease-in-out infinite;animation-delay:var(--step-delay)}.leg-right{animation-direction:reverse}.walking-arm{transform-box:view-box;animation:walking-wave .65s ease-in-out infinite;animation-delay:var(--step-delay)}.arm-left{transform-origin:65px 146px;animation-direction:reverse}.arm-right{transform-origin:199px 145px}.walking-bun .eyes{transform-box:fill-box;transform-origin:center;animation:walking-blink 5.1s infinite;animation-delay:var(--step-delay)}.walking-shadow{transform-origin:130px 267px;animation:shadow-step .65s ease-in-out infinite;animation-delay:var(--step-delay)}.walking-sparkles{opacity:0;transform-origin:center;scale:.8}.walking-bun.is-cheering .walking-body{animation:walking-cheer .8s ease-in-out 2}.walking-bun.is-cheering .walking-sparkles{animation:walking-sparkle 1.4s ease-in-out}.walking-bun.is-cheering .arm-right{animation:walking-hello .25s ease-in-out 6}.parade-ground{position:absolute;bottom:29px;left:0;right:0;height:18px;border-radius:50% 50% 0 0;background:#d0e48c;z-index:1;box-shadow:0 19px 0 14px #e1edaa}.parade-caption{display:block;text-align:center;font-size:9px;color:#6c703f;background:#e1edaa;padding:0 10px 9px;position:relative;z-index:3}.bao-parade.is-paused .parade-track,.bao-parade.is-paused .walking-body,.bao-parade.is-paused .walking-leg,.bao-parade.is-paused .walking-arm,.bao-parade.is-paused .walking-shadow,.bao-parade.is-paused .eyes{animation-play-state:paused}.parade-window:hover .parade-track,.parade-window:focus-within .parade-track,.bao-parade.is-interacting .parade-track{animation-play-state:paused}.bao-parade.is-paused .walking-bun.is-cheering .walking-body,.bao-parade.is-paused .walking-bun.is-cheering .arm-right{animation-play-state:running}
@keyframes parade-travel{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@keyframes walking-step{0%,100%{transform:rotate(-16deg)}50%{transform:rotate(16deg)}}
@keyframes walking-bob{0%,50%,100%{transform:translateY(0) rotate(-1deg)}25%,75%{transform:translateY(-6px) rotate(1deg)}}
@keyframes walking-wave{0%,100%{transform:rotate(-9deg)}50%{transform:rotate(12deg)}}
@keyframes walking-blink{0%,40%,44%,100%{transform:scaleY(1)}42%{transform:scaleY(.08)}}
@keyframes shadow-step{0%,50%,100%{transform:scaleX(1);opacity:.13}25%,75%{transform:scaleX(.8);opacity:.09}}
@keyframes walking-cheer{0%,100%{transform:translateY(0) rotate(0)}40%{transform:translateY(-24px) rotate(-7deg)}70%{transform:translateY(-12px) rotate(6deg)}}
@keyframes walking-hello{0%,100%{transform:rotate(-15deg)}50%{transform:rotate(15deg)}}
@keyframes walking-sparkle{0%,100%{opacity:0;scale:.5}30%,70%{opacity:1;scale:1.1}}
@keyframes bao-celebrate{0%,100%{scale:1}30%{scale:1.08;translate:0 -23px}60%{scale:.98;translate:0 4px}80%{scale:1.03;translate:0 -9px}}
@media(min-width:801px) and (max-width:1100px){.hero h1{font-size:clamp(45px,5.2vw,57px)}.hero-copy>p{font-size:14px}.hero-badge{width:122px;height:122px;font-size:10px}.hero-art-caption{left:65px}}
@media(max-width:800px){.hero{grid-template-columns:1fr;min-height:0;padding-top:35px;padding-bottom:42px}.hero-copy{max-width:620px}.hero h1{font-size:65px}.hero-copy>p{max-width:520px;font-size:15px}.hero .actions{gap:24px}.hero .button,.hero .text-link{font-size:13px}.hero-note{font-size:11px;max-width:none;margin-top:23px;gap:10px}.hero .eyebrow{font-size:10px;letter-spacing:.1em}.hero-art{width:470px;max-width:100%;height:450px;justify-self:center;margin-top:25px}.hero-badge{width:130px;height:130px;right:5px;font-size:10px}.hero-art .basket{inset:110px 8px 60px}.basket-front{height:89px;bottom:25px}.bao-one,.bao-two{top:-30px}.bao-three,.bao-four{top:65px}.hero-scribble{font-size:18px;bottom:14px;left:45px}.hero-art-caption{font-size:9px;left:110px;bottom:-6px}.section-heading h2{font-size:43px}.story-copy p{font-size:14px}.photo-side small{font-size:8px}.buy-path h3{font-size:32px}.buy-path p{font-size:12px}.cta h2{font-size:49px}.cta p{font-size:13px}.cta .button{font-size:12px}.page-intro h1{font-size:53px}.page-intro p{font-size:14px;max-width:470px}.menu-footnote{font-size:11px}.product-info h3{font-size:26px}.art-label{font-size:9px}.illustration{font-size:9px}.footer-top>div{font-size:11px}.footer-bottom{font-size:10px}.taste-card p{font-size:13px;max-width:235px}.taste-card h3{font-size:30px}.location-info p{font-size:14px}.location-info small{font-size:11px}.location-info .button{font-size:12px}.order-option h3{font-size:14px}.order-option p{font-size:13px}.parade-heading h2{font-size:32px}.parade-heading .eyebrow{font-size:8px}.parade-heading p{font-size:12px}.parade-pause{padding:10px 12px;font-size:10px}}
@media(max-width:580px){header{height:80px}.brand{font-size:24px}.brand .mascot{width:46px}.nav-order{font-size:11px;min-height:42px;padding:11px 13px}.nav-toggle{width:34px;min-height:44px}nav{top:80px}nav>a{font-size:15px;min-height:46px}.announcement{font-size:10px}.hero{padding-top:28px;padding-bottom:30px}.hero h1{font-size:clamp(30px,9.3vw,52px);line-height:1.05}.hero .eyebrow{font-size:8px;margin-bottom:18px}.hero-copy>p{font-size:14px;line-height:1.8;margin:20px 0 23px;max-width:360px}.hero .actions{gap:17px}.hero .button{font-size:11px;min-height:47px}.hero .text-link{font-size:11px}.hero-note{font-size:9px;gap:7px;margin-top:23px}.hero-art{width:365px;height:360px;margin-top:28px}.hero-badge{width:106px;height:106px;font-size:9px;right:0;top:1px}.hero-art .basket{inset:85px 9px 50px}.basket-front{height:75px;bottom:25px}.bao-one,.bao-two{top:-25px}.bao-three,.bao-four{top:60px}.hero-scribble{font-size:15px;left:30px;bottom:7px}.hero-art-caption{font-size:8px;left:80px;bottom:-10px}.hero-badge span{font-size:24px}.hero .steam{top:15px}.section-heading h2{font-size:38px}.eyebrow,.section-heading .eyebrow{font-size:9px}.section-heading .text-link{font-size:12px}.product-grid{gap:24px 13px}.product-art{border-radius:16px}.product-info h3{font-size:22px;margin-bottom:13px}.flavor{font-size:10px}.product-bottom strong{font-size:14px}.round-arrow{width:38px;height:38px;font-size:21px}.favorite{width:34px;height:34px;font-size:24px;top:6px;right:6px}.art-label{font-size:7px;top:16px;left:10px}.illustration{font-size:7px}.count{font-size:9px}.price-note{font-size:10px;margin-top:20px}.story-copy h2{font-size:40px}.story-copy p{font-size:14px;max-width:none}.story-copy .text-link{font-size:12px}.photo-side small{font-size:8px}.photo-sticker{font-size:14px}.buy-path h3{font-size:35px}.buy-path p{font-size:13px;max-width:240px}.buy-path .text-link{font-size:12px}.path-number{font-size:9px}.cta{padding:33px 25px 190px;border-radius:21px}.cta h2{font-size:42px}.cta p{font-size:14px;max-width:290px}.cta .eyebrow{font-size:9px}.cta .button{font-size:11px;white-space:normal;padding:12px 15px}.cta .actions{align-items:stretch;gap:10px}.footer-top>div{font-size:11px}.footer-top>.brand{font-size:26px}.footer-bottom{font-size:9px}.footer-bottom>span:nth-child(2){max-width:140px}.page-intro h1{font-size:43px;line-height:1.07}.page-intro p{font-size:14px;max-width:330px}.intro-mascot{opacity:.14;right:10px}.filter{font-size:10px;min-height:42px;padding:9px 11px}.filters{gap:7px}.search input{font-size:13px}.menu-meta{font-size:10px}.menu-meta select{font-size:11px}.menu-footnote{font-size:10px}.menu-footnote>span{font-size:12px}.dialog-copy p{font-size:13px}.dialog-copy .dialog-note{font-size:10px}.dialog-copy h2{font-size:34px}.dialog-art small{font-size:9px}.location-info h2{font-size:38px}.location-info h3{font-size:14px}.location-info p{font-size:13px}.location-badge{font-size:10px}.location-info small{font-size:10px}.location-info .button{font-size:11px;min-height:44px}.map-section>p{font-size:10px}.story-hero h1{font-size:40px}.story-hero>p{font-size:14px}.story-editorial p{font-size:14px}.story-editorial h2{font-size:39px}.taste-card{min-height:325px}.taste-card h3{font-size:33px;max-width:260px}.taste-card p{font-size:13px;max-width:230px}.taste-card b{font-size:12px}.real-photo p{font-size:14px}.order-option h3{font-size:14px}.order-option p{font-size:13px}.faq-list summary{font-size:14px}.faq-list details p{font-size:13px}.parade-heading{align-items:flex-start;gap:10px}.parade-heading h2{font-size:29px;max-width:240px}.parade-heading .eyebrow{font-size:7px;max-width:220px;letter-spacing:.08em}.parade-heading p{font-size:11px;max-width:225px}.parade-pause{border-radius:50%;width:44px;height:44px;justify-content:center;padding:0}.pause-label{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}.pause-icon{font-size:23px}.bao-parade{padding-top:23px}.parade-track{animation-duration:37s}.parade-group{gap:22px;padding-right:22px}.walking-bun{width:122px;flex-basis:122px}.walking-bun>svg{width:122px;height:144px}.walking-name{font-size:16px}.walking-speech{font-size:10px;padding:5px 9px;top:3px}.parade-window:before,.parade-window:after{width:24px}.parade-caption{font-size:8px}.parade-ground{bottom:27px}}
@media(prefers-reduced-motion:reduce){.parade-track{animation:none;transform:none}.parade-group[aria-hidden=true]{display:none}.parade-window{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#92b15c #fff0a2}.parade-track{width:max-content}.walking-body,.walking-leg,.walking-arm,.walking-shadow,.walking-bun .eyes{animation:none}.hero-art .basket,.hero-orbit{transition:none}.walking-speech{transition:none}.walking-bun.is-cheering .walking-body,.walking-bun.is-cheering .arm-right,.walking-bun.is-cheering .walking-sparkles,.boop.is-celebrating{animation:none}.walking-bun.is-cheering .walking-speech{opacity:1;scale:1}}

/* Alternate the feet by half a cycle rather than reversing a symmetric cycle. */
.leg-left{transform-origin:108px 186px}.leg-right{transform-origin:154px 186px;animation-direction:normal;animation-delay:calc(var(--step-delay) - .325s)}.arm-left{animation-direction:normal;animation-delay:calc(var(--step-delay) - .325s)}
.parade-window:has(.walking-bun:focus-visible){overflow-x:auto}.parade-window:has(.walking-bun:focus-visible) .parade-track{animation:none;transform:none}.parade-window:has(.walking-bun:focus-visible) .parade-group[aria-hidden=true]{display:none}
@media(max-width:360px){.brand{font-size:21px}.brand .mascot{width:39px}.nav-order{font-size:10px;padding:10px;gap:7px}.nav-toggle{width:30px}.hero .actions{gap:13px}.hero .button{font-size:10px}.hero .text-link{font-size:10px}}

@media(max-width:580px){.art-label{font-size:9px}.illustration{font-size:9px}.hero .eyebrow{font-size:9px}.parade-heading .eyebrow{font-size:8px}}
