@property --broth{syntax:"<color>";inherits:true;initial-value:#ea7e3a}@property --drink{syntax:"<color>";inherits:true;initial-value:#7fae46}@property --drink-2{syntax:"<color>";inherits:true;initial-value:#cfe3a8}:root{--green-950:#0b2012;--green-900:#0f2a17;--green-800:#163a20;--green-700:#1f4d2b;--green-600:#2a6338;--green-500:#3f7a2e;--leaf:#5b9a3a;--matcha:#9cc56b;--matcha-200:#dcebc0;--matcha-100:#edf4dc;--gold:#c9973a;--mango:#f5b82e;--mango-200:#fde7a8;--chili:#d63a1c;--chili-700:#a3240f;--cream:#faf6ea;--cream-2:#f2ecda;--cream-3:#e8dfc4;--ink:#1b2a1e;--ink-2:#34463a;--muted:#66766a;--line:#e3dcc6;--white:#fff;--green:var(--green-700);--red:var(--chili);--yellow:var(--mango);--f-display:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--f-sans:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--f-script:"Dancing Script", "Segoe Script", cursive;--f-label:"Oswald", "Be Vietnam Pro", sans-serif;--wrap:1240px;--gutter:clamp(16px, 4vw, 36px);--r:18px;--r-lg:28px;--r-xl:40px;--ease:cubic-bezier(.16, 1, .3, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);--shadow:0 2px 4px #0f2a170d, 0 18px 40px -18px #0f2a174d;--shadow-lg:0 4px 8px #0f2a170f, 0 40px 80px -30px #0f2a1773;--head-h:84px;color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--head-h) + 12px);overflow-x:clip}body{font-family:var(--f-sans);color:var(--ink);-webkit-font-smoothing:antialiased;background-color:var(--cream);background-image:radial-gradient(#1f4d2b0b 1px,#0000 1px);background-size:22px 22px;margin:0;font-size:1rem;line-height:1.6;overflow-x:clip}img,svg{max-width:100%;display:block}[hidden]{display:none!important}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--mango);color:var(--ink)}:focus-visible{outline:3px solid var(--mango);outline-offset:3px;border-radius:8px}.skip{z-index:200;background:var(--ink);color:#fff;border-radius:10px;padding:8px 14px;font-weight:600;position:absolute;top:-60px;left:16px}.skip:focus{top:12px}.wrap{width:100%;max-width:var(--wrap);padding-inline:var(--gutter);margin-inline:auto}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}h1,h2,h3,h4{font-family:var(--f-display);letter-spacing:-.03em;color:var(--green-800);text-wrap:balance;margin:0 0 .4em;font-weight:800;line-height:1.08}h1{font-size:clamp(2.5rem,5.6vw,4.5rem)}h2{font-size:clamp(2rem,4.2vw,3.3rem)}h3{letter-spacing:-.015em;font-size:1.2rem;line-height:1.2}p{margin:0 0 1em}.lead{color:var(--muted);max-width:58ch;font-size:clamp(1.04rem,1.4vw,1.18rem);line-height:1.7}.script{font-family:var(--f-script);letter-spacing:0;color:var(--leaf);font-size:1.12em;font-weight:700;line-height:1}.script--red{color:var(--chili)}.eyebrow{box-shadow:var(--shadow);font-family:var(--f-label);letter-spacing:.12em;text-transform:uppercase;color:var(--green-700);background:#fff;border-radius:99px;align-items:center;gap:8px;margin-bottom:14px;padding:6px 14px 6px 8px;font-size:.82rem;font-weight:600;display:inline-flex}.eyebrow .i{background:var(--green-700);color:#fff;border-radius:50%;width:24px;height:24px;padding:4px}.brush{background:var(--green-800);color:#fff;font-family:var(--f-label);text-transform:uppercase;letter-spacing:.06em;clip-path:polygon(0 14%,5% 2%,28% 7%,55% 0,82% 5%,97% 0,100% 34%,97% 66%,100% 100%,74% 93%,46% 100%,18% 94%,3% 100%,0 72%,3% 44%);padding:.32em 1.1em .32em .9em;font-weight:600;line-height:1.15;display:inline-block}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;margin-bottom:clamp(28px,4vw,44px);display:flex}.sec-head>div{max-width:640px}.sec-head .lead{margin:0}.section{padding-block:clamp(56px,8vw,104px);position:relative}.btn{--bg:var(--green-700);--fg:#fff;--edge:var(--green-950);cursor:pointer;isolation:isolate;background:var(--bg);height:52px;color:var(--fg);font-family:var(--f-display);white-space:nowrap;box-shadow:0 4px 0 var(--edge), 0 14px 28px -12px #0f2a1799;transition:transform .35s var(--spring), box-shadow .35s var(--ease), background .3s;border:0;border-radius:99px;justify-content:center;align-items:center;gap:10px;padding:0 26px;font-size:1rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.btn .i{width:19px;height:19px;transition:transform .35s var(--spring)}.btn:before{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(120px circle at var(--mx,50%) var(--my,50%), #ffffff4d, transparent 60%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.btn:hover{box-shadow:0 7px 0 var(--edge), 0 22px 36px -14px #0f2a1799;transform:translateY(-3px)}.btn:hover:before{opacity:1}.btn:hover .i-arrow{transform:translate(4px)}.btn:active{box-shadow:0 1px 0 var(--edge), 0 8px 16px -10px #0f2a1799;transform:translateY(2px)}.btn--yellow{--bg:var(--mango);--fg:var(--green-900);--edge:#c98c0e}.btn--ghost{--bg:#ffffff1a;--fg:#fff;backdrop-filter:blur(8px);box-shadow:inset 0 0 0 2px #ffffff73}.btn--ghost:hover{--bg:#ffffff2e;box-shadow:inset 0 0 0 2px #fff}.btn--light{--bg:#fff;--fg:var(--green-800);--edge:var(--line);box-shadow:0 4px 0 var(--line), 0 14px 28px -14px #0f2a174d}.btn--sm{height:42px;padding:0 18px;font-size:.92rem}.btn--block{width:100%}.btn[disabled]{opacity:.6;pointer-events:none}.header{z-index:80;padding:12px var(--gutter) 0;pointer-events:none;transition:transform .5s var(--ease);position:fixed;inset:0 0 auto}.header.is-hidden{transform:translateY(calc(-100% - 20px))}.header__bar{pointer-events:auto;max-width:var(--wrap);-webkit-backdrop-filter:blur(18px)saturate(160%);height:68px;transition:height .5s var(--ease), background .4s;background:#faf6ead1;border-radius:99px;align-items:center;gap:14px;margin-inline:auto;padding:0 10px 0 22px;display:flex;position:relative;box-shadow:0 0 0 1px #1f4d2b14,0 16px 40px -20px #0f2a1766}.header--hero:not(.is-scrolled) .header__bar{background:#ffffff14;box-shadow:0 0 0 1px #ffffff29}.header--hero:not(.is-scrolled) .logo__name,.header--hero:not(.is-scrolled) .nav>a{color:#fff}.header--hero:not(.is-scrolled) .logo__tag{color:#ffffffb3}.header--hero:not(.is-scrolled) .icon-btn{color:#fff;background:#ffffff24}.header.is-scrolled .header__bar{background:#faf6eaf0;height:62px}.logo{flex:none;align-items:center;gap:2px;display:inline-flex}.logo__text{line-height:1;display:grid}.logo__name{font-family:var(--f-script);color:var(--green-700);font-size:2.3rem;font-weight:700;line-height:.85;transition:color .3s}.logo__tag{font-family:var(--f-label);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:4px;font-size:.56rem;font-weight:500;transition:color .3s}.logo__mark{width:30px;height:30px;transition:transform .6s var(--spring);margin:-14px 0 0 -2px;transform:rotate(8deg)}.logo:hover .logo__mark{transform:rotate(-10deg)scale(1.12)}.nav{align-items:center;gap:2px;margin-inline:auto;display:flex;position:relative}.nav>a{z-index:1;color:var(--ink-2);border-radius:99px;padding:9px 16px;font-size:.95rem;font-weight:600;transition:color .25s;position:relative}.nav>a:hover,.nav>a[aria-current=page]{color:var(--green-700)}.header--hero:not(.is-scrolled) .nav>a:hover{color:var(--mango)}.nav__pill{opacity:0;pointer-events:none;height:40px;transition:transform .45s var(--ease), width .45s var(--ease), opacity .3s;background:#5b9a3a24;border-radius:99px;margin-top:-20px;position:absolute;top:50%;left:0}.header--hero:not(.is-scrolled) .nav__pill{background:#ffffff24}.nav__foot{display:none}.header__actions{flex:none;align-items:center;gap:8px;display:flex}.icon-btn{cursor:pointer;background:var(--cream-2);width:46px;height:46px;color:var(--green-800);transition:transform .35s var(--spring), background .3s, color .3s;border:0;border-radius:50%;place-items:center;display:inline-grid;position:relative}.icon-btn:hover{background:var(--mango);color:var(--green-900);transform:scale(1.08)}.icon-btn .i{width:21px;height:21px}.cart-count{background:var(--chili);color:#fff;min-width:22px;height:22px;transition:transform .4s var(--spring);border:2px solid #fff;border-radius:99px;place-items:center;padding:0 6px;font-size:.72rem;font-weight:800;display:grid;position:absolute;top:-3px;right:-3px;transform:scale(0)}.cart-count.has{transform:scale(1)}.cart-count.bump{animation:bump .5s var(--spring)}@keyframes bump{40%{transform:scale(1.5)}}.header__call{height:46px}.burger{display:none}@media (width<=960px){.header__call{display:none}.burger{display:inline-grid}.nav__pill{display:none}.nav{box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform-origin:50% 0;transition:opacity .35s var(--ease), transform .45s var(--ease), visibility .35s;background:#faf6eafa;border-radius:28px;flex-direction:column;align-items:stretch;gap:4px;margin:0;padding:12px;position:absolute;top:calc(100% + 10px);left:0;right:0;transform:translateY(-12px)scale(.97)}.header.is-open .nav{opacity:1;visibility:visible;transform:none}.header--hero:not(.is-scrolled) .nav>a{color:var(--ink)}.nav>a{opacity:0;transition:opacity .4s var(--ease), transform .4s var(--ease), background .2s;border-radius:18px;padding:14px 18px;font-size:1.08rem;font-weight:700;transform:translateY(-8px)}.header.is-open .nav>a,.header.is-open .nav__foot{opacity:1;transition-delay:calc(var(--i) * 50ms + 60ms);transform:none}.nav>a:hover,.nav>a[aria-current=page]{background:var(--cream-2)}.nav__foot{opacity:0;transition:opacity .4s var(--ease), transform .4s var(--ease);gap:8px;padding:10px 6px 4px;display:grid;transform:translateY(-8px)}.header__actions{margin-left:auto}}@media (width<=420px){.logo__tag{display:none}.logo__name{font-size:2rem}}.art{width:100%;height:auto;overflow:visible}.art__steam{stroke:var(--steam,#ffffffd9)}.art__steam path{stroke-dasharray:40 60;opacity:0;animation:3.2s ease-in-out infinite steam}.art__steam path:nth-child(2){animation-delay:.8s}.art__steam path:nth-child(3){animation-delay:1.6s}@keyframes steam{0%{stroke-dashoffset:0;opacity:0;transform:translateY(10px)}30%{opacity:.9}to{stroke-dashoffset:-60px;opacity:0;transform:translateY(-14px)}}.art__wave{animation:3.6s linear infinite wave}.art__wave--b{animation-duration:5.4s;animation-direction:reverse}@keyframes wave{to{transform:translate(40px)}}.art__bubble{animation:3s ease-in infinite bubble}@keyframes bubble{0%{opacity:0;transform:translateY(0)}20%{opacity:.8}to{opacity:0;transform:translateY(-90px)}}.deco{filter:drop-shadow(0 10px 12px #0b20124d);width:100%;height:auto}.stamp{aspect-ratio:1;--stamp-ink:var(--green-700);--stamp-bg:var(--cream);place-items:center;width:100%;display:grid;position:relative}.stamp__ring{width:100%;height:100%;position:absolute;inset:0}.stamp__ring.is-spin{animation:30s linear infinite spin}.stamp__ring text{font-family:var(--f-label);letter-spacing:.22em;fill:var(--stamp-ink);font-size:13.5px;font-weight:600}.stamp__core{aspect-ratio:1;background:var(--stamp-bg);width:68%;box-shadow:inset 0 0 0 3px var(--stamp-ink), inset 0 0 0 8px var(--stamp-bg), inset 0 0 0 9.5px var(--stamp-ink), 0 20px 40px -20px #0b201280;border-radius:50%;place-items:center;display:grid;position:relative}.stamp__core span{font-family:var(--f-script);color:var(--stamp-ink);margin-top:-.08em;font-size:clamp(2.4rem,22cqi,5rem);font-weight:700;line-height:1}.stamp{container-type:inline-size}.stamp__core span{font-size:21cqi}.stamp__sprig{width:26%;position:absolute;top:10%;right:12%;transform:rotate(18deg)}.hero{isolation:isolate;color:#fff;padding:calc(var(--head-h) + clamp(36px, 7vw, 80px)) 0 clamp(120px, 14vw, 180px);background:radial-gradient(800px 560px at 76% 42%, #9cc56b52 0%, transparent 62%), radial-gradient(640px 460px at 8% 0%, #5b9a3a59 0%, transparent 60%), linear-gradient(160deg, var(--green-700) 0%, var(--green-800) 55%, var(--green-950) 100%);position:relative;overflow:hidden}.hero__script{z-index:-1;white-space:nowrap;pointer-events:none;font-family:var(--f-script);color:#0000;-webkit-text-stroke:2px #ffffff12;font-size:clamp(14rem,42vw,38rem);font-weight:700;line-height:1;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.hero__leaf{z-index:-1;pointer-events:none;opacity:.9;height:auto;position:absolute}.hero__leaf--1{width:clamp(120px,14vw,200px);animation:9s ease-in-out infinite sway;top:140px;left:-60px;transform:rotate(-24deg)}.hero__leaf--2{width:clamp(90px,10vw,150px);animation:11s ease-in-out infinite reverse sway;bottom:120px;right:-40px;transform:rotate(150deg)}.hero__leaf--3{left:44%;top:calc(var(--head-h) + 10px);opacity:.45;width:60px;transform:rotate(-12deg)}@keyframes sway{50%{translate:0 -10px;rotate:6deg}}.hero__grid{grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,56px);display:grid}.hero h1{color:#fff;margin-bottom:20px}.hero h1 .h1-line{padding-bottom:.1em;display:block;overflow:hidden}.hero h1 .h1-line>span{animation:rise 1s var(--ease) forwards;animation-delay:calc(var(--d) * .12s + .15s);display:inline-block;transform:translateY(110%)}.hero h1 .script{color:var(--mango);font-size:1.14em}@keyframes rise{to{transform:none}}.hero .lead{color:#ffffffd6}.hero .lead b{color:var(--mango)}.hero__pill{opacity:0;animation:fadeUp .8s .1s var(--ease) forwards;background:#ffffff1f;border-radius:99px;align-items:center;gap:10px;margin-bottom:22px;padding:6px 16px 6px 6px;font-size:.92rem;font-weight:600;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff38}.hero__pill b{background:var(--mango);width:28px;height:28px;color:var(--green-900);border-radius:50%;place-items:center;display:grid}.hero__pill .i{width:15px;height:15px}.hero__fade{opacity:0;animation:fadeUp .9s var(--ease) forwards;animation-delay:calc(var(--d,4) * .12s + .2s)}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.hero__ctas{flex-wrap:wrap;gap:14px;margin:30px 0 34px;display:flex}.hero__values{flex-wrap:wrap;gap:clamp(14px,2.4vw,28px);margin:0;padding:0;list-style:none;display:flex}.hero__values li{font-family:var(--f-label);letter-spacing:.12em;text-transform:uppercase;color:#ffffffe6;align-items:center;gap:10px;font-size:1rem;font-weight:600;display:inline-flex}.hero__values i{border-radius:50%;place-items:center;width:42px;height:42px;display:grid;box-shadow:inset 0 0 0 2px #ffffff8c}.hero__values .i{width:20px;height:20px;color:var(--mango)}.hero__stage{aspect-ratio:1;justify-self:center;width:100%;max-width:600px;position:relative}.hero__sun{animation:pop 1.1s .2s var(--spring) both;background:radial-gradient(circle at 40% 35%,#fffdf3,#f5eed6 55%,#e7dcb6 100%);border-radius:50%;position:absolute;inset:9%;box-shadow:0 0 0 18px #dcebc01f,0 0 0 40px #dcebc00f,0 40px 90px -20px #0009}.hero__ring{animation:30s linear infinite spin;position:absolute;inset:0}.hero__ring text{font-family:var(--f-label);letter-spacing:.22em;fill:#ffffffe6;font-size:14.5px;font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}.hero__bowl{--steam:#78786e80;transform:translate(var(--tx,0), var(--ty,0)) rotate(var(--rot,0deg));transition:transform .6s var(--ease);animation:bowlIn 1.2s .35s var(--spring) both;filter:drop-shadow(0 30px 30px #00000073);position:absolute;top:20%;left:4%;right:4%}.hero__bowl .art{animation:6s ease-in-out infinite float}@keyframes bowlIn{0%{opacity:0;transform:translateY(80px)scale(.6)rotate(-14deg)}}@keyframes float{50%{transform:translateY(-12px)rotate(-1.5deg)}}.hero__float{z-index:3;transform:translate(calc(var(--tx,0px) * var(--k,1)), calc(var(--ty,0px) * var(--k,1)));transition:transform .7s var(--ease);position:absolute}.hero__float>*{animation:5s ease-in-out infinite bob;animation-delay:var(--dl,0s)}@keyframes bob{50%{transform:translateY(-14px) rotate(var(--rr,8deg))}}.hero__cup .art{filter:drop-shadow(0 22px 22px #00000059)}.hero__cup--0{width:19%;top:2%;left:-3%}.hero__cup--1{width:23%;top:20%;right:-4%}.hero__cup--2{width:15%;bottom:-3%;left:16%}.badge-float{color:var(--ink);white-space:nowrap;background:#fff;border-radius:99px;align-items:center;gap:10px;padding:10px 16px 10px 10px;font-size:.9rem;font-weight:700;display:flex;box-shadow:0 18px 36px -14px #0000008c}.badge-float i{background:var(--chili);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font-style:normal;display:grid}.badge-float i.y{background:var(--leaf)}.badge-float i .i{width:18px;height:18px}.badge-float small{color:var(--muted);font-size:.74rem;font-weight:500;display:block}.hero__wave{height:clamp(60px,9vw,120px);color:var(--cream);position:absolute;bottom:-1px;left:0;right:0}.hero__wave svg{width:100%;height:100%}@media (width<=960px){.hero__grid{grid-template-columns:minmax(0,1fr)}.hero__stage{max-width:480px;margin-top:10px}.hero__copy{text-align:center}.hero__copy .lead{margin-inline:auto}.hero__ctas,.hero__values{justify-content:center}.hero__leaf--3{display:none}}@media (width<=520px){.badge-float{padding:6px 12px 6px 6px;font-size:.76rem}.badge-float i{width:28px;height:28px}.badge-float small{display:none}.hero__badge[style*=left]{left:-2%!important}.hero__ctas .btn{flex:100%}.hero__values li{font-size:.82rem}.hero__values i{width:34px;height:34px}}.marquee{z-index:2;background:var(--green-900);color:var(--cream);box-shadow:var(--shadow-lg);margin:-40px -20px 0;padding:14px 0;position:relative;overflow:hidden;transform:rotate(-2deg)}.marquee--alt{background:var(--mango);color:var(--green-900);z-index:1;margin-top:-44px;transform:rotate(1.5deg)}.marquee__track{width:max-content;animation:34s linear infinite marquee;display:flex}.marquee--alt .marquee__track{animation-duration:44s;animation-direction:reverse}.marquee__track span{font-family:var(--f-label);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:22px;padding-right:22px;font-size:clamp(1.1rem,2.2vw,1.6rem);font-weight:600;display:inline-flex}.marquee__track svg{width:30px;height:30px}@keyframes marquee{to{transform:translate(-50%)}}.tabs{max-width:100%;box-shadow:var(--shadow);scrollbar-width:none;background:#fff;border-radius:99px;gap:4px;margin-bottom:30px;padding:6px;display:inline-flex;position:relative;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs button{z-index:1;cursor:pointer;height:48px;color:var(--ink-2);background:0 0;border:0;border-radius:99px;flex:none;align-items:center;gap:8px;padding:0 20px;font-size:.98rem;font-weight:700;transition:color .3s;display:inline-flex;position:relative}.tabs button .i{width:19px;height:19px}.tabs button[aria-selected=true]{color:#fff}.tabs__ink{background:var(--green-700);transition:transform .5s var(--spring), width .5s var(--spring);border-radius:99px;position:absolute;top:6px;bottom:6px;left:0;box-shadow:0 8px 18px -8px #0f2a17cc}@media (width<=640px){.tabs{display:flex}.tabs button{padding:0 14px;font-size:.9rem}}.panel{animation:panelIn .6s var(--ease)}.panel__head{flex-wrap:wrap;align-items:center;gap:6px 16px;margin-bottom:22px;display:flex}.panel__head .brush{font-size:clamp(1.2rem,2vw,1.5rem)}.panel__head .script{color:var(--chili);font-size:clamp(1.4rem,2.4vw,1.8rem);transform:rotate(-4deg)}@keyframes panelIn{0%{opacity:0;transform:translateY(16px)}}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:clamp(16px,2vw,24px);display:grid}.dish{--tint:var(--cream-2);border-radius:var(--r-lg);box-shadow:var(--shadow);transition:transform .5s var(--spring), box-shadow .5s var(--ease);background:#fff;flex-direction:column;display:flex;position:relative}.dish:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.dish__stage{aspect-ratio:6/5;border-radius:calc(var(--r-lg) - 8px);background:radial-gradient(circle at 50% 60%, #fffdf6 0%, var(--tint) 75%);place-items:center;margin:10px 10px 0;display:grid;position:relative;overflow:hidden}.dish__stage:before{content:"";aspect-ratio:1;background:var(--tint);filter:saturate(1.3)brightness(.97);width:72%;transition:transform .7s var(--spring);border-radius:50%;position:absolute}.dish__stage:after{content:"";opacity:.18;background:var(--green-500);width:90px;height:90px;clip-path:path("M10 80 C 6 40 46 10 86 14 C 82 56 52 86 10 80 Z");position:absolute;bottom:-22px;right:-18px;transform:rotate(-30deg)}.dish__stage>.art{width:82%;transition:transform .7s var(--spring);--steam:#5a5a504d;position:relative}.dish__stage>.art--cup{width:38%;margin-top:4%}.dish__stage>.art--yogurt{width:44%}.dish:hover .dish__stage>.art{transform:scale(1.07)rotate(-3deg)}.dish:hover .dish__stage:before{transform:scale(1.12)}.dish__tags{z-index:2;flex-wrap:wrap;gap:6px;display:flex;position:absolute;top:12px;left:12px}.tag{color:var(--ink);background:#fff;border-radius:99px;align-items:center;gap:4px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex;box-shadow:0 4px 10px -4px #0f2a174d}.tag .i{width:13px;height:13px}.tag--hot{background:var(--chili);color:#fff}.tag--full{background:var(--mango);color:var(--green-900)}.tag--fruit{background:var(--matcha-200);color:var(--green-700)}.tag--giai-cay{color:#0b5a7a;background:#dcf1fa}.tag--deal{background:var(--green-800);color:#fff}.dish__body{flex-direction:column;flex:1;padding:14px 18px 18px;display:flex}.dish__body h3{color:var(--ink);margin-bottom:6px}.dish__body p{color:var(--muted);flex:1;margin-bottom:16px;font-size:.9rem;line-height:1.55}.dish__foot{justify-content:space-between;align-items:center;gap:10px;display:flex}.price{font-family:var(--f-label);color:var(--green-700);letter-spacing:.01em;font-size:1.55rem;font-weight:600;line-height:1}.dish__meta{font-family:var(--f-label);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;gap:4px 12px;margin-bottom:6px;font-size:.74rem;font-weight:500;display:flex}.dish__meta span{align-items:center;gap:4px;display:inline-flex}.dish__meta .i{width:14px;height:14px;color:var(--leaf)}.dish__meta .hot,.dish__meta .hot .i{color:var(--chili)}.add{cursor:pointer;background:var(--green-800);color:#fff;height:44px;transition:transform .35s var(--spring), background .3s;border:0;border-radius:99px;align-items:center;gap:6px;padding:0 18px 0 14px;font-size:.9rem;font-weight:700;display:inline-flex;position:relative}.add .i{width:18px;height:18px;transition:transform .4s var(--spring)}.add:hover{background:var(--leaf);transform:scale(1.05)}.add:hover .i{transform:rotate(90deg)}.add.is-added{background:var(--mango);color:var(--green-900)}.add.is-added .i{transform:rotate(360deg)}.fly{z-index:300;background:var(--leaf);pointer-events:none;color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:.8rem;font-weight:800;display:grid;position:fixed;box-shadow:0 0 0 4px #fff,0 10px 20px #00000040}.spice{overflow:hidden}.noodle-prices{min-width:min(100%,360px);box-shadow:var(--shadow);background:#fff;border-radius:22px;gap:6px;margin:0;padding:18px 22px;list-style:none;display:grid}.noodle-prices li{color:var(--ink-2);align-items:baseline;gap:8px;font-size:.95rem;font-weight:600;display:flex}.noodle-prices i{border-bottom:2px dotted var(--cream-3);flex:1;transform:translateY(-4px)}.noodle-prices b{font-family:var(--f-label);color:var(--chili);font-size:1.05rem;font-weight:600}.spice__card{border-radius:var(--r-xl);background:linear-gradient(140deg, #fff 0%, #fff 40%, color-mix(in oklab, var(--broth) 20%, #fff) 100%);box-shadow:var(--shadow-lg);transition:--broth .7s var(--ease);grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(20px,4vw,60px);padding:clamp(24px,4vw,56px);display:grid;position:relative}.spice__visual{place-items:center;display:grid;position:relative}.spice__glow{aspect-ratio:1;background:radial-gradient(circle, color-mix(in oklab, var(--broth) 55%, transparent), transparent 65%);filter:blur(8px);border-radius:50%;width:90%;transition:--broth .7s;position:absolute}.spice__board{background:radial-gradient(at 50% 40%,#b98552,#8a5a2e 70%);border-radius:50%;height:26%;position:absolute;bottom:2%;left:6%;right:6%;box-shadow:0 10px #6b4322,0 30px 40px -20px #00000080}.spice__bowl{transition:--broth .7s var(--ease)}.spice__visual .art{--steam:color-mix(in oklab, var(--broth) 30%, #ccc);width:min(100%,440px);position:relative}.spice__visual.is-hot .art{animation:.35s linear infinite shake}.spice__visual.is-hell .art{animation-duration:.18s}@keyframes shake{25%{transform:translate(1.5px,-1px)rotate(.6deg)}75%{transform:translate(-1.5px,1px)rotate(-.6deg)}}.spice__heat{pointer-events:none;opacity:0;transition:opacity .6s;position:absolute;inset:0}.spice__visual.is-hot .spice__heat{opacity:1}.spice__heat span{background:#ff8a1f;border-radius:50%/60% 60% 40% 40%;width:10px;height:18px;animation:2.4s ease-in infinite ember;position:absolute;bottom:30%}@keyframes ember{0%{opacity:0;transform:translateY(0)scale(1)}15%{opacity:1}to{opacity:0;transform:translateY(-220px)scale(.2)}}.spice__level{align-items:center;gap:16px;margin-bottom:4px;display:flex}.spice__num{font-family:var(--f-label);color:var(--broth);font-variant-numeric:tabular-nums;font-size:clamp(4rem,9vw,6.6rem);font-weight:700;line-height:.9;transition:color .5s}.spice__name{color:var(--ink);letter-spacing:-.02em;font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:800;line-height:1.05}.spice__name small{font-family:var(--f-label);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:6px;font-size:.42em;font-weight:500;display:block}.spice__desc{min-height:3.2em;color:var(--ink-2);font-size:1.05rem}.flames{gap:6px;margin:6px 0 22px;display:flex}.flames .i{color:#e5dccb;fill:#f4efe2;width:30px;height:30px;transition:color .3s, fill .3s, transform .4s var(--spring)}.flames .i.on{color:var(--chili-700);fill:#ff8a1f;transform:scale(1.15)translateY(-2px)}.range{margin:6px 0 14px;position:relative}.range input{-webkit-appearance:none;appearance:none;cursor:pointer;background:linear-gradient(90deg,#f2b65f,#ea7e3a 30%,#d6431e 60%,#7a1109);border-radius:99px;width:100%;height:18px;box-shadow:inset 0 2px 4px #0000002e}.range input::-webkit-slider-thumb{-webkit-appearance:none;border:6px solid var(--broth);width:38px;height:38px;transition:transform .3s var(--spring);background:#fff;border-radius:50%;box-shadow:0 6px 16px #3c140866}.range input::-moz-range-thumb{border:6px solid var(--broth);background:#fff;border-radius:50%;width:26px;height:26px;box-shadow:0 6px 16px #3c140866}.range input:active::-webkit-slider-thumb{transform:scale(1.18)}.range__ticks{color:var(--muted);justify-content:space-between;padding:8px 10px 0;font-size:.85rem;font-weight:800;display:flex}.range__ticks button{cursor:pointer;color:inherit;transition:color .2s, transform .3s var(--spring);background:0 0;border:0;padding:4px;font-weight:800}.range__ticks button.on{color:var(--chili);transform:scale(1.3)}.pair{background:var(--matcha-100);border-radius:22px;align-items:center;gap:14px;margin-bottom:22px;padding:12px 16px 12px 12px;display:flex}.pair__cup{flex:none;width:44px}.pair__txt{color:var(--muted);flex:1;font-size:.9rem;line-height:1.4}.pair__txt b{color:var(--ink);font-size:1rem;display:block}.pair .add{height:40px;padding:0 14px 0 10px;font-size:.85rem}.spice__actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.spice__actions .btn{--bg:var(--chili);--edge:var(--chili-700)}.spice__note{color:var(--muted);font-size:.85rem}@media (width<=860px){.spice__card{grid-template-columns:minmax(0,1fr)}}.drinks{color:#fff;isolation:isolate;background:radial-gradient(800px 500px at 75% 40%, color-mix(in oklab, var(--drink-2) 45%, transparent), transparent 70%), linear-gradient(150deg, color-mix(in oklab, var(--drink) 42%, #1f4d2b), color-mix(in oklab, var(--drink) 16%, #0b2012));transition:--drink .9s var(--ease), --drink-2 .9s var(--ease);overflow:hidden}.drinks h2,.drinks h3{color:#fff;text-shadow:0 2px 18px #0b20124d}.drinks h2 .script{color:var(--mango)}.drinks .lead{color:#ffffffdb}.drinks__bubbles{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.drinks__bubbles i{border:2px solid #ffffff4d;border-radius:50%;animation:linear infinite rise2;position:absolute;bottom:-40px}@keyframes rise2{to{transform:translateY(-120vh)}}.drinks__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,60px);display:grid}.drinks__hero{place-items:center;min-height:480px;display:grid;position:relative}.drinks__disc{aspect-ratio:1;background:#ffffff24;border-radius:50%;width:min(90%,440px);position:absolute;box-shadow:inset 0 0 0 24px #ffffff0f}.drinks__cup{opacity:0;width:min(46%,220px);transition:opacity .5s, transform .8s var(--spring);filter:drop-shadow(0 30px 30px #0000004d);position:absolute;transform:translateY(60px)scale(.8)rotate(10deg)}.drinks__cup:has(.art--yogurt){width:min(56%,270px)}.drinks__cup.on{opacity:1;transform:none}.drinks__info{min-height:200px;position:relative}.drinks__item{opacity:0;transition:opacity .4s, transform .6s var(--ease);pointer-events:none;position:absolute;inset:0 0 auto;transform:translateY(20px)}.drinks__item.on{opacity:1;pointer-events:auto;position:relative;transform:none}.drinks__cat{font-family:var(--f-label);letter-spacing:.14em;text-transform:uppercase;background:#ffffff29;border-radius:99px;padding:3px 12px;font-size:.8rem;display:inline-block}.drinks__item h3{margin:10px 0;font-size:clamp(2rem,3.6vw,2.8rem)}.drinks__item p{color:#ffffffe0;max-width:46ch}.drinks__row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.drinks__row .price{color:#fff;font-size:2.1rem}.drinks__row .add{color:var(--green-800);background:#fff}.drinks__row .add:hover{background:var(--mango)}.drinks__picker{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;margin-top:30px;padding:6px 2px 14px;display:flex;overflow-x:auto}.drinks__picker::-webkit-scrollbar{display:none}.drinks__picker button{cursor:pointer;scroll-snap-align:start;color:#fff;text-align:center;width:92px;transition:background .3s, transform .4s var(--spring), box-shadow .3s;background:#ffffff1f;border:0;border-radius:22px;flex:none;align-content:start;justify-items:center;gap:4px;padding:12px 6px 10px;font-size:.72rem;font-weight:700;line-height:1.2;display:grid}.drinks__picker button .art{width:32px;height:54px}.drinks__picker button .art--yogurt{width:40px}.drinks__picker button:hover{background:#fff3;transform:translateY(-4px)}.drinks__picker button[aria-pressed=true]{color:var(--ink);background:#fff;transform:translateY(-4px);box-shadow:0 14px 26px -12px #00000073}@media (width<=860px){.drinks__grid{grid-template-columns:minmax(0,1fr)}.drinks__hero{order:-1;min-height:340px}}.snack{border-radius:var(--r-xl);box-shadow:var(--shadow-lg);isolation:isolate;background:linear-gradient(135deg,#fff6d6,#fde7a8);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,56px);padding:clamp(24px,4vw,52px);display:grid;position:relative;overflow:hidden}.snack:after{content:"Ăn vặt";z-index:-1;font-family:var(--f-script);color:#c9973a29;font-size:clamp(6rem,14vw,12rem);font-weight:700;line-height:1;position:absolute;bottom:-40px;right:-10px}.snack__art{position:relative}.snack__art .art{filter:drop-shadow(0 26px 26px #78500a4d)}.snack__mango{width:26%;animation:7s ease-in-out infinite sway;position:absolute;top:-8%;left:-2%;transform:rotate(-16deg)}.snack__copy .brush{margin-bottom:12px;font-size:1.1rem}.snack__copy h2 .script{color:var(--chili)}.snack__copy .lead{color:var(--ink-2)}.snack__opts{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.snack__opt{box-shadow:var(--shadow);background:#fff;border-radius:99px;align-items:center;gap:12px;padding:8px 8px 8px 18px;display:flex}.snack__opt span{color:var(--ink-2);font-size:.92rem;font-weight:700}.snack__opt b{font-family:var(--f-label);color:var(--green-700);font-size:1.3rem;font-weight:600}@media (width<=860px){.snack{grid-template-columns:minmax(0,1fr)}.snack__art{max-width:420px;margin-inline:auto}}.why{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.why__card{border-radius:var(--r-lg);box-shadow:var(--shadow);text-align:center;transition:transform .5s var(--spring);background:#fff;padding:30px 26px;position:relative;overflow:hidden}.why__card:hover{transform:translateY(-6px)rotate(-.6deg)}.why__icon{width:72px;height:72px;color:var(--green-700);box-shadow:inset 0 0 0 2.5px var(--green-700), inset 0 0 0 7px #fff, inset 0 0 0 40px var(--matcha-100);transition:transform .6s var(--spring);border-radius:50%;place-items:center;margin:0 auto 16px;display:grid}.why__card:hover .why__icon{transform:rotate(-12deg)scale(1.06)}.why__icon .i{width:32px;height:32px}.why__card h3{font-family:var(--f-label);text-transform:uppercase;letter-spacing:.1em;color:var(--green-700);font-size:1.35rem;font-weight:600}.why__card p{color:var(--muted);margin:0;font-size:.94rem}@media (width<=760px){.why{grid-template-columns:minmax(0,1fr)}}.story{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,72px);margin-bottom:clamp(48px,6vw,80px);display:grid}.story__art{aspect-ratio:1;justify-self:center;width:100%;max-width:520px;position:relative}.story__blob{background:linear-gradient(150deg, var(--green-600), var(--green-800));border-radius:42% 58% 61% 39%/45% 42% 58% 55%;animation:14s ease-in-out infinite morph;position:absolute;inset:6%}@keyframes morph{50%{border-radius:58% 42% 38% 62%/55% 60% 40% 45%;transform:rotate(8deg)}}.story__stamp{--stamp-ink:var(--green-700);--stamp-bg:var(--cream);width:auto;inset:16%;position:absolute!important}.story__stamp .stamp__ring text{fill:var(--cream)}.story__cup{z-index:2;filter:drop-shadow(0 20px 20px #0000004d);animation:6s ease-in-out infinite float;position:absolute}.story__cup--l{width:22%;bottom:4%;left:2%}.story__cup--r{width:16%;animation-delay:-2s;top:6%;right:4%}.story__sticker{z-index:3;box-shadow:var(--shadow);color:var(--ink-2);background:#fff;border-radius:16px;padding:8px 16px 10px;font-size:.86rem;font-weight:700;position:absolute}.story__sticker .script{color:var(--green-700);font-size:1.5rem;display:block}.story p{color:var(--ink-2)}.story h2 .script{display:inline-block}.checks{gap:10px;margin:20px 0 28px;padding:0;list-style:none;display:grid}.checks li{align-items:flex-start;gap:10px;font-weight:600;display:flex}.checks .i{background:var(--matcha-200);width:24px;height:24px;color:var(--green-700);border-radius:50%;flex:none;padding:4px}@media (width<=860px){.story{grid-template-columns:minmax(0,1fr)}}.visit{border-radius:var(--r-xl);box-shadow:var(--shadow-lg);background:#fff;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);display:grid;overflow:hidden}.visit__body{padding:clamp(24px,4vw,52px)}.visit__body h2 .script{font-size:.9em;display:inline-block}.visit__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;margin:8px 0 24px;padding:0;list-style:none;display:grid}.visit__list li{color:var(--ink-2);align-items:flex-start;gap:12px;display:flex}.visit__list .i{background:var(--matcha-100);width:40px;height:40px;color:var(--green-700);border-radius:50%;flex:none;padding:10px}.visit__list b{font-family:var(--f-label);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.74rem;font-weight:500;display:block}.visit__art{background:radial-gradient(circle at 50% 45%, var(--green-600), var(--green-800));place-items:center;padding:30px;display:grid;position:relative}.visit__art .stamp{--stamp-ink:var(--green-700);max-width:300px}.visit__art .stamp__ring text{fill:var(--cream)}@media (width<=860px){.visit{grid-template-columns:minmax(0,1fr)}.visit__art{order:-1;padding:20px}.visit__art .stamp{max-width:200px}}@media (width<=560px){.visit__list{grid-template-columns:minmax(0,1fr)}}.store{border-radius:var(--r-lg);box-shadow:var(--shadow);background:#fff;display:grid;overflow:hidden}.store iframe{background:var(--cream-2);border:0;width:100%;height:240px}.store--wide{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.store--wide iframe{height:100%;min-height:320px}@media (width<=860px){.store--wide{grid-template-columns:minmax(0,1fr)}.store--wide iframe{min-height:240px}}.store__body{padding:24px 26px 26px}.store__tag{background:var(--matcha-100);color:var(--green-700);border-radius:99px;margin-bottom:8px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-block}.store ul{color:var(--ink-2);gap:8px;margin:0 0 18px;padding:0;font-size:.94rem;list-style:none;display:grid}.store li{gap:10px;display:flex}.store li .i{width:18px;height:18px;color:var(--leaf);flex:none;margin-top:3px}.store__actions{flex-wrap:wrap;gap:10px;display:flex}.cta{isolation:isolate;text-align:center;padding:clamp(48px, 7vw, 90px) var(--gutter);border-radius:var(--r-xl);background:linear-gradient(135deg, var(--matcha-100), var(--matcha-200));box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.cta h2{max-width:18ch;margin-inline:auto}.cta h2 .script{color:var(--chili);display:inline-block}.cta p{max-width:52ch;color:var(--ink-2);margin:0 auto 28px;font-size:1.08rem}.cta__btns{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.cta__deco{z-index:-1;position:absolute}.cta__deco--l{width:clamp(140px,18vw,240px);bottom:-50px;left:-40px;transform:rotate(-18deg)}.cta__deco--r{width:clamp(80px,9vw,120px);top:-20px;right:0;transform:rotate(16deg)}.phero{isolation:isolate;padding:clamp(48px,7vw,90px) 0 clamp(40px,5vw,64px);position:relative;overflow:hidden}.phero__script{z-index:-1;font-family:var(--f-script);color:#0000;-webkit-text-stroke:2px #1f4d2b1a;white-space:nowrap;font-size:clamp(6rem,17vw,14rem);font-weight:700;line-height:1;position:absolute;top:52%;right:-1%;transform:translateY(-50%)}.phero .lead{margin:0}.filters{top:calc(var(--head-h) - 6px);z-index:30;-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow);background:#faf6eaeb;border-radius:28px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:36px;padding:10px;display:flex;position:sticky}.chips{scrollbar-width:none;gap:6px;max-width:100%;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{cursor:pointer;height:40px;color:var(--ink-2);box-shadow:inset 0 0 0 1.5px var(--line);transition:background .25s, color .25s, box-shadow .25s, transform .3s var(--spring);background:#fff;border:0;border-radius:99px;flex:none;align-items:center;gap:6px;padding:0 16px;font-size:.86rem;font-weight:700;display:inline-flex}.chip .i{width:16px;height:16px}.chip:hover{transform:translateY(-2px)}.chip[aria-pressed=true]{background:var(--green-800);color:#fff;box-shadow:none}.chip--cat[aria-pressed=true]{background:var(--leaf)}.search{flex:220px;margin-left:auto;position:relative}.search .i{width:18px;height:18px;color:var(--muted);margin-top:-9px;position:absolute;top:50%;left:14px}.search input{width:100%;height:44px;box-shadow:inset 0 0 0 1.5px var(--line);background:#fff;border:0;border-radius:99px;outline:none;padding:0 16px 0 42px;transition:box-shadow .2s}.search input:focus{box-shadow:inset 0 0 0 2px var(--leaf)}.menu-sec{scroll-margin-top:calc(var(--head-h) + 90px);margin-bottom:64px}.menu-sec__head{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:24px;display:flex}.menu-sec__head h2{color:#fff;margin:0;font-size:clamp(1.3rem,2.4vw,1.8rem)}.menu-sec__head .script{color:var(--chili);font-size:clamp(1.4rem,2.4vw,1.9rem);transform:rotate(-3deg)}.menu-sec__head:after{content:"";background:repeating-linear-gradient(90deg, var(--cream-3) 0 10px, transparent 10px 18px);border-radius:3px;flex:1;min-width:40px;height:3px}.empty{text-align:center;color:var(--muted);padding:60px 20px}.empty .stamp{width:130px;margin:0 auto 12px}.field{gap:6px;margin-bottom:14px;display:grid}.field>span{color:var(--ink-2);font-size:.85rem;font-weight:700}.field input,.field select,.field textarea{background:var(--cream);width:100%;min-height:48px;box-shadow:inset 0 0 0 1.5px var(--line);border:0;border-radius:16px;outline:none;padding:12px 16px;transition:box-shadow .2s,background .2s}.field textarea{resize:vertical;min-height:90px}.field input:focus,.field select:focus,.field textarea:focus{box-shadow:inset 0 0 0 2px var(--leaf);background:#fff}.field.invalid input,.field.invalid select{box-shadow:inset 0 0 0 2px var(--chili);background:#fff4f2}.row2{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=520px){.row2{grid-template-columns:1fr}}.seg{background:var(--cream);box-shadow:inset 0 0 0 1.5px var(--line);border-radius:18px;grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;padding:5px;display:grid}.seg label{cursor:pointer;position:relative}.seg input{opacity:0;position:absolute}.seg span{height:42px;color:var(--muted);border-radius:14px;justify-content:center;align-items:center;gap:6px;font-size:.9rem;font-weight:700;transition:background .25s,color .25s;display:flex}.seg span .i{width:17px;height:17px}.seg input:checked+span{color:var(--green-700);background:#fff;box-shadow:0 4px 10px -4px #0f2a174d}.seg input:focus-visible+span{outline:3px solid var(--mango)}.hp{position:absolute;left:-9999px}.notice{border-radius:16px;margin-bottom:14px;padding:14px 16px;font-size:.92rem}.notice--err{color:var(--chili-700);background:#fff0ee}.notice--ok{background:var(--matcha-100);color:var(--green-700)}.notice .btn{margin-top:10px;margin-right:6px}.book{grid-template-columns:1fr 1.1fr;align-items:start;gap:clamp(24px,4vw,56px);display:grid}.book__card{border-radius:var(--r-xl);box-shadow:var(--shadow-lg);background:#fff;padding:clamp(22px,3vw,36px)}.book__side .checks{margin-top:10px}@media (width<=900px){.book{grid-template-columns:1fr}}.faq{gap:12px;max-width:860px;margin-inline:auto;display:grid}.faq details{box-shadow:var(--shadow);background:#fff;border-radius:22px;overflow:hidden}.faq summary{cursor:pointer;color:var(--green-800);justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-size:1.06rem;font-weight:700;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary .i{background:var(--matcha-100);width:30px;height:30px;color:var(--green-700);transition:transform .4s var(--spring), background .3s;border-radius:50%;flex:none;padding:6px}.faq details[open] summary .i{background:var(--green-700);color:#fff;transform:rotate(45deg)}.faq details p{color:var(--muted);margin:0;padding:0 24px 22px}.drawer{z-index:150;visibility:hidden;position:fixed;inset:0}.drawer.is-open{visibility:visible}.drawer__backdrop{backdrop-filter:blur(4px);opacity:0;background:#0b201280;transition:opacity .4s;position:absolute;inset:0}.drawer.is-open .drawer__backdrop{opacity:1}.drawer__panel{background:var(--cream);width:min(460px,100% - 20px);box-shadow:var(--shadow-lg);transition:transform .6s var(--ease);border-radius:30px;flex-direction:column;display:flex;position:absolute;top:10px;bottom:10px;right:10px;overflow:hidden;transform:translate(calc(100% + 30px))}.drawer.is-open .drawer__panel{transform:none}.drawer__head{background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:18px 18px 14px 24px;display:flex}.drawer__head h2{margin:0;font-size:1.5rem}.drawer__head h2 small{font-family:var(--f-sans);color:var(--muted);margin-left:6px;font-size:.9rem;font-weight:600}.drawer__body{overscroll-behavior:contain;flex:1;padding:16px 18px;overflow-y:auto}.drawer__foot{background:#fff;padding:16px 20px 20px;box-shadow:0 -10px 30px -20px #0f2a1766}.line{animation:panelIn .4s var(--ease);background:#fff;border-radius:22px;grid-template-columns:64px 1fr auto;align-items:center;gap:12px;margin-bottom:10px;padding:12px;display:grid}.line__art{background:var(--cream-2);border-radius:18px;place-items:center;width:64px;height:64px;display:grid}.line__art .art{width:56px}.line__art .art--cup{width:26px}.line__art .art--yogurt{width:34px}.line h4{font-family:var(--f-sans);letter-spacing:0;color:var(--ink);margin:0 0 2px;font-size:.95rem;font-weight:700;line-height:1.3}.line__price{color:var(--green-700);font-size:.92rem;font-weight:800}.line__spice{align-items:center;gap:4px;margin-top:6px;display:flex}.line__spice select{height:30px;color:var(--chili-700);cursor:pointer;background:#fdeee8;border:0;border-radius:10px;padding:0 8px;font-size:.8rem;font-weight:700}.qty{background:var(--cream-2);border-radius:99px;flex-direction:column;align-items:center;gap:2px;padding:3px;display:flex}.qty button{cursor:pointer;width:30px;height:30px;transition:background .2s, transform .3s var(--spring);background:#fff;border:0;border-radius:50%;place-items:center;display:grid}.qty button:hover{background:var(--mango);transform:scale(1.1)}.qty .i{width:15px;height:15px}.qty output{text-align:center;min-width:20px;font-size:.92rem;font-weight:800}.sum{gap:6px;margin-bottom:14px;font-size:.94rem;display:grid}.sum div{color:var(--muted);justify-content:space-between;display:flex}.sum .total{color:var(--ink);font-size:1.3rem;font-weight:800}.sum .total b{color:var(--green-700)}.ship{color:var(--ink-2);margin-bottom:14px;font-size:.82rem;font-weight:600}.ship__bar{background:var(--cream-2);border-radius:99px;height:8px;margin-top:6px;overflow:hidden}.ship__bar i{height:100%;width:calc(var(--v,0) * 100%);border-radius:inherit;background:linear-gradient(90deg, var(--matcha), var(--green-600));transition:width .6s var(--ease);display:block}.ship--note{background:var(--matcha-100);color:var(--green-700);border-radius:14px;padding:10px 12px}.ship--note .ship__bar{display:none}.cart-empty{text-align:center;color:var(--muted);justify-items:center;padding:40px 10px;display:grid}.cart-empty .stamp,.done .stamp{width:130px;margin-bottom:14px}.cart-empty h3{margin-bottom:4px}.upsell{background:var(--matcha-100);border-radius:22px;margin-top:8px;padding:14px}.upsell h4{font-family:var(--f-sans);color:var(--green-800);letter-spacing:0;margin:0 0 10px;font-size:.85rem;font-weight:800}.upsell__list{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.upsell__list button{cursor:pointer;width:92px;transition:transform .3s var(--spring);background:#fff;border:0;border-radius:16px;flex:none;justify-items:center;gap:4px;padding:10px 6px;font-size:.72rem;font-weight:700;line-height:1.2;display:grid}.upsell__list button:hover{transform:translateY(-3px)}.upsell__list .art{width:26px;height:46px}.upsell__list .art--yogurt{width:34px}.upsell__list small{color:var(--green-700);font-weight:800}.back{cursor:pointer;color:var(--muted);background:0 0;border:0;align-items:center;gap:6px;margin-bottom:12px;padding:0;font-weight:700;display:inline-flex}.back .i{width:16px;height:16px;transform:rotate(180deg)}.done{text-align:center;justify-items:center;padding:30px 10px;display:grid}.done .stamp{animation:3s ease-in-out infinite float}.cartbar{z-index:90;cursor:pointer;background:var(--green-900);color:#fff;height:60px;transition:transform .5s var(--spring);border:0;border-radius:99px;justify-content:space-between;align-items:center;gap:12px;padding:0 8px 0 20px;font-weight:700;display:none;position:fixed;bottom:12px;left:12px;right:12px;transform:translateY(140%);box-shadow:0 20px 40px -14px #0b2012b3}.cartbar.show{transform:none}.cartbar b{background:var(--mango);height:46px;color:var(--green-900);border-radius:99px;align-items:center;gap:8px;padding:0 18px;font-size:1rem;display:inline-flex}@media (width<=760px){.cartbar{display:flex}}.toast{z-index:200;background:var(--green-900);color:#fff;box-shadow:var(--shadow-lg);opacity:0;transition:opacity .3s, transform .5s var(--spring);pointer-events:none;border-radius:99px;align-items:center;gap:10px;max-width:calc(100% - 32px);padding:10px 18px 10px 10px;font-size:.92rem;font-weight:600;display:flex;position:fixed;top:96px;left:50%;transform:translate(-50%,-20px)}.toast.show{opacity:1;transform:translate(-50%)}.toast i{background:var(--leaf);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-style:normal;display:grid}.toast .i{width:16px;height:16px}.footer{background:var(--green-900);color:#ffffffbd;margin-top:clamp(72px,10vw,120px);padding:clamp(56px,7vw,90px) 0 28px;position:relative;overflow:hidden}.footer__big{font-family:var(--f-script);white-space:nowrap;color:#0000;-webkit-text-stroke:1.5px #ffffff12;pointer-events:none;font-size:clamp(10rem,30vw,24rem);font-weight:700;line-height:1;position:absolute;bottom:-.3em;left:50%;transform:translate(-50%)}.footer__grid{grid-template-columns:1.4fr 1fr 1.2fr 1fr;gap:32px;margin-bottom:48px;display:grid;position:relative}.footer .logo__name{color:var(--cream)}.footer .logo__tag{color:#ffffff8c}.footer h4{color:#fff;font-family:var(--f-label);text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px;font-size:.95rem;font-weight:600}.footer ul{gap:10px;margin:0;padding:0;font-size:.94rem;list-style:none;display:grid}.footer a:hover{color:var(--mango)}.footer__about{max-width:36ch;margin:16px 0 20px;font-size:.94rem}.socials{gap:8px;display:flex}.socials a{width:42px;height:42px;transition:background .3s, transform .35s var(--spring), color .3s;background:#ffffff14;border-radius:50%;place-items:center;display:grid}.socials a:hover{background:var(--mango);color:var(--green-900);transform:translateY(-3px)rotate(-8deg)}.socials .i{width:19px;height:19px}.footer__bottom{color:#ffffff80;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:22px;font-size:.84rem;display:flex;position:relative}@media (width<=900px){.footer__grid{grid-template-columns:1fr 1fr}}@media (width<=520px){.footer__grid{grid-template-columns:1fr}}.no-js .reveal{opacity:1;transform:none}.reveal{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transition-delay:calc(var(--rd,0) * 90ms);transform:translateY(36px)}.reveal.is-in{opacity:1;transform:none}.reveal--pop{transition-timing-function:var(--spring);transform:scale(.88)translateY(20px)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal,.hero h1 .h1-line>span,.hero__fade,.hero__pill{opacity:1;transform:none}}.art--photo{object-fit:contain;user-select:none;-webkit-user-drag:none;display:block}.dish__stage>.art.art--photo{filter:drop-shadow(0 18px 16px #0f2a1747);width:auto;max-width:70%;height:84%;margin-top:2%}.dish:hover .dish__stage>.art.art--photo{transform:scale(1.06)rotate(-3deg)translateY(-2%)}.drinks__cup:has(.art--photo){width:min(50%,250px)}.drinks__cup .art--photo{width:100%;height:auto}.drinks__picker button .art.art--photo,.line__art .art.art--photo{width:auto;height:58px}.upsell__list .art.art--photo{width:auto;height:52px}.pair__cup .art--photo{width:40px;height:auto;margin-inline:auto}.hero__cup .art--photo,.story__cup .art--photo{width:100%;height:auto}.hero__cup--0:has(.art--photo){width:16%}.hero__cup--1:has(.art--photo){width:19%}.hero__cup--2:has(.art--photo){width:14%}.dish__stage>.art.art--photo.art--bowl{width:92%;max-width:none;height:auto;margin-top:4%}.line__art .art.art--photo.art--bowl,.upsell__list .art.art--photo.art--bowl{width:60px;height:auto}.hero__bowl--photo{filter:drop-shadow(0 30px 34px #00000080);top:24%;left:0;right:0}.hero__bowl--photo .art--photo{width:100%;height:auto}.seg:has(label:nth-child(3)) span{text-align:center;flex-direction:column;gap:2px;height:58px;font-size:.82rem;line-height:1.15}.table-pick>span{color:var(--ink-2);font-size:.85rem;font-weight:700}.tables{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px;display:grid}.tables label{cursor:pointer;position:relative}.tables input{opacity:0;position:absolute;inset:0}.tables span{background:var(--cream);height:44px;box-shadow:inset 0 0 0 1.5px var(--line);font-family:var(--f-label);color:var(--ink-2);transition:background .2s, color .2s, transform .3s var(--spring);border-radius:12px;place-items:center;font-size:1.05rem;font-weight:600;display:grid}.tables label:hover span{transform:translateY(-2px)}.tables input:checked+span{background:var(--green-700);color:#fff;transform:scale(1.06);box-shadow:0 6px 14px -6px #0f2a1799}.tables input:focus-visible+span{outline:3px solid var(--mango);outline-offset:2px}.table-pick.invalid .tables span{box-shadow:inset 0 0 0 1.5px var(--chili)}.field__hint{color:var(--muted);font-size:.78rem}.dish__stage>.art.art--photo.art--side{width:88%;max-width:none;height:auto;margin-top:4%}.line__art .art.art--photo.art--side,.upsell__list .art.art--photo.art--side{width:60px;height:auto}.snack__art .art--photo{width:100%;height:auto}.buy{align-items:center;display:flex;position:relative}.buy .step,.buy.in-cart .add{display:none}.buy.in-cart .step{animation:stepIn .35s var(--spring);display:flex}@keyframes stepIn{0%{opacity:0;transform:scale(.7)}}.step{background:var(--green-800);color:#fff;border-radius:99px;align-items:center;gap:2px;height:44px;padding:3px;display:flex}.step button{width:38px;height:38px;color:inherit;cursor:pointer;transition:background .2s, transform .25s var(--spring);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.step button:hover{background:#ffffff24}.step button:active{transform:scale(.88)}.step .i{width:18px;height:18px}.step output{text-align:center;min-width:26px;font-family:var(--f-label);font-size:1.15rem;font-weight:600}.step--lg{background:var(--cream-2);height:52px;color:var(--green-800)}.step--lg button{background:#fff;width:46px;height:46px;box-shadow:0 2px 6px -2px #0f2a1740}.step--lg button:hover{background:#fff}.dish:has(.in-cart){box-shadow:0 0 0 2px var(--leaf), var(--shadow)}.sheet{z-index:170;visibility:hidden;position:fixed;inset:0}.sheet.is-open{visibility:visible}.sheet__backdrop{backdrop-filter:blur(3px);opacity:0;background:#0b201280;transition:opacity .3s;position:absolute;inset:0}.sheet.is-open .sheet__backdrop{opacity:1}.sheet__panel{background:var(--cream);width:min(480px,100% - 24px);max-height:calc(100dvh - 24px);box-shadow:var(--shadow-lg);opacity:0;transition:transform .45s var(--spring), opacity .25s;border-radius:28px;flex-direction:column;display:flex;position:absolute;bottom:50%;left:50%;overflow:hidden;transform:translate(-50%,54%)scale(.94)}.sheet.is-open .sheet__panel{opacity:1;transform:translate(-50%,50%)}.sheet__head{background:#fff;align-items:center;gap:14px;padding:18px 16px 14px 18px;display:flex;position:relative}.sheet__art{background:var(--cream-2);border-radius:16px;flex:none;place-items:center;width:74px;height:64px;display:grid}.sheet__art .art{width:68px;height:auto}.sheet__title{flex:1;min-width:0}.sheet__title h3{color:var(--ink);margin:0 0 4px;font-size:1.12rem}.sheet__price{font-family:var(--f-label);color:var(--green-700);font-size:1.2rem;font-weight:600}.sheet__body{padding:14px 16px 6px;overflow-y:auto}.sheet__label{color:var(--ink-2);align-items:center;gap:6px;margin:0 0 10px;font-size:.92rem;font-weight:700;display:flex}.sheet__label .i{width:18px;height:18px;color:var(--chili)}.sheet__label span{color:var(--chili-700);font-weight:600}.spicepick{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.spicepick label{cursor:pointer;position:relative}.spicepick input{opacity:0;position:absolute;inset:0}.spicepick span{box-shadow:inset 0 0 0 1.5px var(--line);text-align:center;transition:background .2s, color .2s, transform .3s var(--spring), box-shadow .2s;background:#fff;border-radius:16px;justify-items:center;gap:2px;padding:9px 4px 8px;display:grid}.spicepick b{background:color-mix(in oklab, var(--c) 18%, #fff);width:30px;height:30px;color:var(--c);font-family:var(--f-label);border-radius:50%;place-items:center;font-size:1.05rem;display:grid}.spicepick small{color:var(--ink-2);font-size:.7rem;font-weight:700;line-height:1.15}.spicepick input:checked+span{background:var(--c);box-shadow:0 8px 16px -8px var(--c);transform:translateY(-2px)}.spicepick input:checked+span b{color:var(--c);background:#fff}.spicepick input:checked+span small{color:#fff}.spicepick input:focus-visible+span{outline:3px solid var(--mango);outline-offset:2px}.sheet__foot{padding:14px 16px calc(16px + env(safe-area-inset-bottom));align-items:center;gap:10px;display:flex}.sheet__add{--bg:var(--chili);--edge:var(--chili-700);flex:1}.grip{display:none}.table-chosen{background:var(--matcha-100);color:var(--green-800);border-radius:18px;justify-content:space-between;align-items:center;gap:10px;padding:10px 10px 10px 16px;font-weight:600;display:none}.table-chosen>span{align-items:center;gap:8px;display:inline-flex}.table-chosen .i{width:20px;height:20px}.table-chosen b{font-family:var(--f-label);letter-spacing:.02em;font-size:1.25rem}.table-pick.is-set .table-chosen{display:flex}.table-pick.is-set>#table-label,.table-pick.is-set .tables,.table-pick.is-set .field__hint{display:none}.cartbar.bump b{animation:bump .45s var(--spring)}:root:has(.header.is-hidden) .filters{top:10px}.filters{transition:top .4s var(--ease)}@media (width<=640px){.drawer__panel{border-radius:26px 26px 0 0;width:100%;height:min(92dvh,760px);inset:auto 0 0;transform:translateY(100%)}.drawer.is-open .drawer__panel{transform:none}.drawer__head{touch-action:none;padding-top:22px}.drawer__foot{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.sheet__panel{opacity:1;width:100%;max-height:90dvh;transition:transform .45s var(--ease);border-radius:26px 26px 0 0;bottom:0;left:0;right:0;transform:translateY(100%)}.sheet.is-open .sheet__panel{transform:none}.sheet__head{touch-action:none;padding-top:24px}.grip{background:var(--cream-3);border-radius:99px;width:42px;height:5px;margin-left:-21px;display:block;position:absolute;top:8px;left:50%}.line__spice select,.field input,.field select,.field textarea,.search input{font-size:16px}.cartbar{bottom:calc(10px + env(safe-area-inset-bottom))}.toast{top:auto;bottom:calc(84px + env(safe-area-inset-bottom));transform:translate(-50%,20px)}.toast.show{transform:translate(-50%)}.filters{border-radius:22px;gap:8px;padding:8px}.filters.is-compact .chips+.chips,.filters.is-compact .search{display:none}.dish__body{padding:12px 14px 14px}}@media (width<=400px){.spicepick small{font-size:.64rem}.sheet__add{padding:0 16px;font-size:.95rem}}@media (width<=640px){:root:has(.drawer.is-open) .toast,:root:has(.sheet.is-open) .toast{top:14px;bottom:auto}}.up__head{align-items:flex-start}.up__ok{background:var(--matcha-200);width:44px;height:44px;color:var(--green-700);animation:stepIn .5s var(--spring);border-radius:50%;flex:none;place-items:center;display:grid}.up__ok .i{width:22px;height:22px}.up__sub{color:var(--muted);margin:0;font-size:.88rem;line-height:1.45}.up__list{gap:8px;margin:0;padding:12px 14px;list-style:none;display:grid}.upitem{box-shadow:0 1px 0 var(--line);animation:panelIn .4s var(--ease) both;background:#fff;border-radius:18px;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 10px 8px 8px;display:grid}.upitem:nth-child(2){animation-delay:40ms}.upitem:nth-child(3){animation-delay:80ms}.upitem:nth-child(4){animation-delay:.12s}.upitem:nth-child(5){animation-delay:.16s}.upitem:nth-child(6){animation-delay:.2s}.upitem:has(.in-cart){box-shadow:0 0 0 2px var(--leaf)}.upitem__art{background:var(--cream-2);border-radius:14px;place-items:center;width:56px;height:64px;display:grid}.upitem__art .art{width:30px;height:auto}.upitem__art .art.art--photo{width:auto;height:58px}.upitem__txt{gap:1px;min-width:0;display:grid}.upitem__txt b{color:var(--ink);font-size:.95rem;line-height:1.25}.upitem__txt small{font-family:var(--f-label);color:var(--green-700);font-size:1rem;font-weight:600}.upitem__badge{color:#0b5a7a;background:#dcf1fa;border-radius:99px;justify-self:start;padding:2px 8px;font-size:.68rem;font-weight:800}.upitem__badge.is-top{background:var(--chili);color:#fff}.add--round{border-radius:50%;justify-content:center;width:44px;height:44px;padding:0}.upitem .step{height:44px}.upitem .step button{width:36px;height:36px}.up__foot{gap:10px}.up__foot .btn{flex:1 1 0;min-width:0;padding:0 12px;font-size:.94rem}.up__more{--fg:var(--green-700)}.upsell__head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.upsell__head h4{margin:0}.upsell__head a{color:var(--green-700);white-space:nowrap;align-items:center;gap:4px;font-size:.82rem;font-weight:800;display:inline-flex}.upsell__head .i{width:15px;height:15px}.chip--drinks[aria-pressed=true]{background:var(--leaf)}@media (width>=641px){.sheet--up .sheet__panel{width:min(520px,100% - 24px)}}
