.brand-bun{width:55px;height:49px;object-fit:contain;display:block;flex-shrink:0;margin-right:8px;transition:transform .2s}.brand:hover .brand-bun{transform:rotate(-9deg) scale(1.08)}.reactive-hero{width:540px;max-width:100%;height:510px;justify-self:center;position:relative;margin-top:8px;isolation:isolate}.reactive-hero .hero-orbit{inset:20px 8px 10px}.reactive-hero .basket{inset:130px 5px 65px}.reactive-hero .basket-inner{inset:10px 0 25px}.reactive-hero .boop{width:37%;filter:drop-shadow(0 8px 5px #79552b1a);border-radius:50%;touch-action:manipulation}.reactive-hero .bao-one{left:12%;top:-20px}.reactive-hero .bao-two{right:9%;top:-23px}.reactive-hero .bao-three{left:5%;top:104px}.reactive-hero .bao-four{right:8%;top:108px}.hero-bao-photo{display:grid;place-items:center;border-radius:50%;width:100%;aspect-ratio:1;background:#fff3df;overflow:hidden;border:3px solid #fffdf4a3}.hero-bao-photo>img{width:94%;height:94%;object-fit:contain}.hero-bao-mini{background:#ffedab}.hero-bao-mini .mini-no-tray{width:88%}.reactive-hero .basket-front{bottom:10px;height:105px}.reactive-hero .basket-front>span{font-size:9px;letter-spacing:.13em;padding:8px 14px}.reactive-hero .hero-badge{top:6px;right:0;z-index:8;pointer-events:none}.reactive-hero .hero-scribble{bottom:24px;left:50px;font-size:22px;z-index:9;pointer-events:none}.reactive-hero .hero-art-caption{bottom:0;left:0;right:0;text-align:center;font-size:10px;pointer-events:none}.reactive-hero .steam{pointer-events:none}.reactive-hero .hero-greeting{position:absolute;bottom:-17px;left:12px;right:12px;font-size:12px;line-height:1.5;text-align:center;font-weight:800;color:#a53c51;min-height:19px;z-index:10}.hero-bao-speech{position:absolute;top:-26px;left:50%;translate:-50% 0;min-width:155px;max-width:210px;font-size:12px;line-height:1.5;font-weight:800;color:#884855;background:#fffdf6;border:1px solid #edbacb;box-shadow:0 4px 12px #60465712;border-radius:15px;padding:9px 12px;opacity:0;scale:.8;pointer-events:none;transition:opacity .18s,scale .18s;z-index:12}.boop:hover .hero-bao-speech,.boop:focus-visible .hero-bao-speech,.boop.is-celebrating .hero-bao-speech{opacity:1;scale:1}.reactive-hero .boop.is-celebrating{animation:bao-pop .9s ease both;z-index:12}.reactive-hero .boop:focus-visible{outline:3px dashed #b43b55;outline-offset:5px}.reactive-hero .boop::after{content:'✦';position:absolute;right:-6px;top:-3px;font-size:29px;color:#d86087;opacity:0;pointer-events:none}.reactive-hero .boop.is-celebrating::after{animation:bao-spark .9s ease both}.reactive-parade{padding-top:30px}.reactive-parade .parade-window{padding-top:45px}.reactive-parade .parade-track{animation-duration:46s}.reactive-parade .walking-bun>svg{width:146px;height:168px}.reactive-parade .walking-speech{white-space:normal;min-width:150px;max-width:200px;text-align:center;line-height:1.5;top:0;font-size:11px}.reactive-parade .walking-name{font-size:20px;padding-top:5px}.reactive-parade .parade-caption{font-size:10px;padding:12px 15px 15px}.reactive-parade .parade-heading h2{font-size:37px;max-width:400px}.reactive-parade .parade-heading p{font-size:13px;line-height:1.8}.reactive-parade .parade-pause[hidden]{display:none}.walker-mini.mini-no-tray{width:100%;height:100%;margin:0;display:block}.reactive-parade .walking-bun.is-cheering .walking-speech{z-index:20}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reactive-parade .parade-ground{bottom:36px}.reactive-hero .star{pointer-events:none}.reactive-parade .walking-bun:focus-visible{outline:3px dashed #b43b55;outline-offset:1px}.reactive-parade .parade-pause:focus-visible{outline:3px solid #b43b55;outline-offset:4px}
@keyframes bao-pop{0%,100%{translate:0 0;scale:1}25%{translate:0 -20px;scale:1.08;rotate:-6deg}55%{translate:0 -9px;scale:1.04;rotate:5deg}75%{translate:0 -15px;scale:1.06;rotate:-3deg}}@keyframes bao-spark{0%{opacity:0;scale:.4}25%{opacity:1;scale:1.2}80%{opacity:1;translate:8px -14px}100%{opacity:0;translate:10px -20px;scale:.7}}
@media(max-width:1100px){.reactive-hero{height:465px}.reactive-hero .basket{inset:115px 4px 65px}.reactive-hero .bao-three{top:90px}.reactive-hero .bao-four{top:94px}.reactive-hero .basket-front{height:95px}.reactive-hero .hero-badge{width:126px;height:126px;font-size:10px}.reactive-hero .hero-scribble{font-size:19px;left:25px}}
@media(max-width:800px){.reactive-hero{width:510px;height:490px;margin-top:35px}.reactive-hero .basket{inset:120px 8px 65px}.reactive-hero .bao-three{top:100px}.reactive-hero .bao-four{top:104px}.reactive-hero .basket-front{height:103px}.reactive-hero .hero-badge{width:135px;height:135px;font-size:11px}.reactive-hero .hero-scribble{font-size:21px;left:42px}.brand-bun{width:50px;height:45px}}
@media(max-width:580px){.brand-bun{width:44px;height:42px;margin-right:7px}.reactive-hero{width:370px;height:365px;margin-top:31px;margin-bottom:17px}.reactive-hero .hero-orbit{inset:14px 0 5px}.reactive-hero .basket{inset:88px 3px 55px}.reactive-hero .basket-inner{inset:13px 0 20px}.reactive-hero .boop{width:38%}.reactive-hero .bao-one{left:12%;top:-15px}.reactive-hero .bao-two{right:8%;top:-15px}.reactive-hero .bao-three{left:4%;top:72px}.reactive-hero .bao-four{right:7%;top:75px}.reactive-hero .basket-front{height:77px;bottom:9px}.reactive-hero .basket-front>span{font-size:6px;padding:5px 10px}.reactive-hero .hero-badge{width:108px;height:108px;font-size:9px;top:1px;right:-1px}.reactive-hero .hero-badge span{font-size:26px}.reactive-hero .hero-scribble{left:20px;bottom:20px;font-size:16px}.reactive-hero .hero-art-caption{font-size:8px;bottom:1px}.reactive-hero .hero-greeting{font-size:10px;bottom:-18px}.hero-bao-speech{font-size:10px;min-width:120px;max-width:145px;top:-22px;padding:7px 9px}.hero-bao-photo{border-width:2px}.reactive-parade{padding-top:26px}.reactive-parade .parade-heading h2{font-size:33px;max-width:250px}.reactive-parade .parade-heading p{font-size:12px;max-width:265px}.reactive-parade .parade-heading .eyebrow{font-size:8px}.reactive-parade .parade-window{padding-top:50px}.reactive-parade .walking-bun>svg{width:122px;height:144px}.reactive-parade .walking-name{font-size:18px;padding-top:3px}.reactive-parade .parade-track{animation-duration:44s}.reactive-parade .walking-speech{font-size:10px;min-width:130px;max-width:145px}.reactive-parade .parade-caption{font-size:9px;padding:12px 13px 15px}.reactive-parade .parade-ground{bottom:35px}.reactive-parade .parade-pause{width:46px;height:46px;min-width:46px}.reactive-hero .steam{top:18px}}
@media(max-width:360px){.brand-bun{width:36px;height:37px;margin-right:5px}.reactive-hero{height:330px}.reactive-hero .basket{inset:83px 1px 55px}.reactive-hero .bao-three{top:58px}.reactive-hero .bao-four{top:62px}.reactive-hero .basket-front{height:70px}.reactive-hero .hero-badge{width:95px;height:95px;font-size:8px}.reactive-hero .hero-scribble{font-size:14px;left:8px}.reactive-parade .parade-heading h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.reactive-hero .boop,.reactive-hero .boop.is-celebrating,.reactive-hero .boop::after,.reactive-hero .steam{animation:none}.reactive-hero .hero-orbit,.reactive-hero .basket,.brand-bun,.hero-bao-speech{transition:none}.brand:hover .brand-bun{transform:none}.reactive-parade .parade-track,.reactive-parade .walking-body,.reactive-parade .walking-leg,.reactive-parade .walking-arm,.reactive-parade .walking-shadow,.reactive-parade .walking-sparkles{animation:none}.reactive-parade .parade-group[aria-hidden=true]{display:none}.reactive-parade .parade-window{overflow-x:auto}.reactive-parade .parade-track{transform:none}.reactive-parade .walking-speech{transition:none}}

@media(max-width:580px){header{padding-inline:16px;gap:10px}.nav-order.button{font-size:11px;padding:11px 13px;gap:7px;white-space:nowrap}.brand{flex-shrink:0}.nav-toggle{flex-shrink:0}}
@media(max-width:400px){header{gap:7px}.brand{font-size:22px}.brand-bun{width:40px;height:39px;margin-right:4px}.nav-order.button{font-size:10px;padding:10px 11px;gap:6px}.nav-toggle{width:30px}}
@media(max-width:360px){header{padding-inline:14px}.brand{font-size:21px}.brand-bun{width:35px;height:36px;margin-right:4px}.nav-order.button{padding-inline:10px}.nav-toggle{width:28px}}