@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/be-vietnam-pro-vietnamese-400-normal.CRcqvyg1.woff2)format("woff2"),url(/_astro/be-vietnam-pro-vietnamese-400-normal.BuGn0gnm.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/be-vietnam-pro-latin-ext-400-normal.CiZNW1ec.woff2)format("woff2"),url(/_astro/be-vietnam-pro-latin-ext-400-normal.DYBYyMQr.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/be-vietnam-pro-latin-400-normal.PpnXBOrz.woff2)format("woff2"),url(/_astro/be-vietnam-pro-latin-400-normal.bXgqVju9.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/be-vietnam-pro-vietnamese-600-normal.nyU-ZL2p.woff2)format("woff2"),url(/_astro/be-vietnam-pro-vietnamese-600-normal.DkpCIyan.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/be-vietnam-pro-latin-ext-600-normal.BNd8euf0.woff2)format("woff2"),url(/_astro/be-vietnam-pro-latin-ext-600-normal.BeUwKxhG.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/be-vietnam-pro-latin-600-normal.BZDkUTrt.woff2)format("woff2"),url(/_astro/be-vietnam-pro-latin-600-normal.5IO4e7bK.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:italic;font-display:swap;font-weight:800;src:url(/_astro/nunito-cyrillic-ext-800-italic.BX4EC9Xe.woff2)format("woff2"),url(/_astro/nunito-cyrillic-ext-800-italic.CLn24vd3.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:italic;font-display:swap;font-weight:800;src:url(/_astro/nunito-cyrillic-800-italic.DoZQ4jtw.woff2)format("woff2"),url(/_astro/nunito-cyrillic-800-italic.CZphn727.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:italic;font-display:swap;font-weight:800;src:url(/_astro/nunito-vietnamese-800-italic.D5MD_RBP.woff2)format("woff2"),url(/_astro/nunito-vietnamese-800-italic.EpdUBp1V.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:italic;font-display:swap;font-weight:800;src:url(/_astro/nunito-latin-ext-800-italic.943B7_HH.woff2)format("woff2"),url(/_astro/nunito-latin-ext-800-italic.CrwEixDa.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:italic;font-display:swap;font-weight:800;src:url(/_astro/nunito-latin-800-italic.B1qCGdl6.woff2)format("woff2"),url(/_astro/nunito-latin-800-italic.46EcSsib.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:italic;font-display:swap;font-weight:900;src:url(/_astro/nunito-cyrillic-ext-900-italic.BSuluEP-.woff2)format("woff2"),url(/_astro/nunito-cyrillic-ext-900-italic.DAp59GFl.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:italic;font-display:swap;font-weight:900;src:url(/_astro/nunito-cyrillic-900-italic.ZR-Cl8_T.woff2)format("woff2"),url(/_astro/nunito-cyrillic-900-italic.mtBrUW6x.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:italic;font-display:swap;font-weight:900;src:url(/_astro/nunito-vietnamese-900-italic.Dx5LA34q.woff2)format("woff2"),url(/_astro/nunito-vietnamese-900-italic.BVr69CKW.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:italic;font-display:swap;font-weight:900;src:url(/_astro/nunito-latin-ext-900-italic.BxQ__GDJ.woff2)format("woff2"),url(/_astro/nunito-latin-ext-900-italic.C4U0WqBG.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:italic;font-display:swap;font-weight:900;src:url(/_astro/nunito-latin-900-italic.4rv-ndsy.woff2)format("woff2"),url(/_astro/nunito-latin-900-italic.BKkrnXsh.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--pink:#ec4488;--pink-deep:#b8215f;--purple:#5f479f;--purple-deep:#3f2a78;--lime:#cfe03a;--parchment:#fbf3e6;--sky-top:#fbf3e6;--sky-bottom:#f7d9e5;--glow:#fff;--ink:#2b1633;--ink-soft:#6b5470;--card:#fffaf4c7;--accent:var(--pink);--font-display:"Nunito", "Be Vietnam Pro", ui-rounded, system-ui, sans-serif;--font-body:"Be Vietnam Pro", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--gutter:clamp(16px, 4vw, 56px);--cup-lane:clamp(240px, 32vw, 500px);--radius:28px;color-scheme:light}html[data-dark=true]{--accent:#ff86b8}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);color:var(--ink);background:var(--parchment);margin:0;font-size:1.0625rem;line-height:1.5;overflow-x:hidden}img{max-width:100%}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-style:italic;font-weight:900;line-height:.95}a{color:inherit}:focus-visible{outline:3px solid var(--purple);outline-offset:3px;border-radius:8px}html[data-dark=true] :focus-visible{outline-color:var(--lime)}.skip{z-index:100;background:var(--purple);color:#fff;border-radius:999px;padding:10px 16px;font-weight:600;text-decoration:none;position:fixed;top:-80px;left:16px}.skip:focus{top:12px}.btn{min-height:44px;font-family:var(--font-display);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:.5em;padding:0 1.25em;font-size:1.05rem;font-style:italic;font-weight:900;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn-order{background:var(--pink);color:#fff;box-shadow:0 4px 0 var(--pink-deep), 0 10px 22px #ec448859;transform:translateY(-2px)}.btn-order:hover{box-shadow:0 6px 0 var(--pink-deep), 0 14px 26px #ec448866;transform:translateY(-4px)}.btn-order:active{box-shadow:0 1px 0 var(--pink-deep), 0 4px 10px #ec44884d;transform:translateY(1px)}.btn-big{min-height:56px;padding:0 1.6em;font-size:1.25rem}.topbar{z-index:30;padding:max(10px, env(safe-area-inset-top)) var(--gutter) 10px;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.topbar>*{pointer-events:auto}.brand{background:var(--card);-webkit-backdrop-filter:blur(12px);border-radius:18px;padding:6px 10px;display:block}.brand img{width:auto;height:48px;display:block}.topnav{align-items:center;gap:10px;display:flex}.lang{background:var(--card);-webkit-backdrop-filter:blur(12px);min-height:44px;color:var(--ink);border-radius:999px;align-items:center;padding:0 16px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.showcase{position:relative}.stage{z-index:0;height:100svh;position:sticky;top:0;overflow:hidden}.sky{background:radial-gradient(55% 45% at 50% 50%, color-mix(in srgb, var(--glow) 75%, transparent), transparent 72%), linear-gradient(180deg, var(--sky-top), var(--sky-bottom));position:absolute;inset:0}.worlds{pointer-events:none;position:absolute;inset:0}.worlds-back{z-index:1}.worlds-front{z-index:3}.world{--p:0;--s:0;--e:calc(var(--p) * var(--p) * (3 - 2 * var(--p)));visibility:hidden;position:absolute;inset:0}.world[data-world=intro]{--p:1;visibility:visible}.backdrop{width:108%;height:100%;opacity:var(--e);will-change:transform;position:absolute;bottom:0;left:-4%}.backdrop.far{transform:translate3d(calc(var(--mx,0) * -8px), calc((1 - var(--e)) * 18% - var(--s) * 5%), 0)}.backdrop.mid{transform:translate3d(calc(var(--mx,0) * -18px), calc((1 - var(--e)) * 40% - var(--s) * 11%), 0)}.float{--spread:1;--size:1vmin;--k:clamp(0, calc((var(--p) - var(--d)) * 2), 1);--ek:calc(var(--k) * var(--k) * (3 - 2 * var(--k)));left:calc(50% + var(--x) * var(--spread) * 1%);top:var(--y);width:calc(var(--w) * var(--size));aspect-ratio:1;margin:calc(var(--w) * var(--size) / -2) 0 0 calc(var(--w) * var(--size) / -2);opacity:var(--ek);transform:translate3d(calc(var(--fx) * (1 - var(--ek)) + var(--mx,0) * var(--z) * -34px), calc(var(--fy) * (1 - var(--ek)) + var(--my,0) * var(--z) * -20px - var(--s) * (.3 + var(--z)) * 16vh), 0) rotate(calc(var(--r) + (1 - var(--ek)) * 120deg + var(--s) * (var(--z) - .45) * 70deg)) scale(calc(.4 + .6 * var(--ek)));will-change:transform, opacity;position:absolute}.float svg{width:100%;height:100%;filter:drop-shadow(0 calc(var(--z) * 14px) calc(var(--z) * 18px) #280a282e);animation:bob var(--bob) ease-in-out infinite alternate;display:block;overflow:visible}.worlds-front .float svg{filter:blur(.6px)drop-shadow(0 16px 20px #280a2833)}@keyframes bob{0%{translate:0 -1.2vmin;rotate:-4deg}to{translate:0 1.2vmin;rotate:4deg}}.intro-logo{width:clamp(120px,11vw,180px);height:auto;margin-bottom:18px;display:block}html[data-intro=wait] .cup[data-sip="-1"],html[data-intro=wait] .cup-shadow{opacity:0}html[data-intro=wait] .cup[data-sip="-1"]{translate:0 16vh;rotate:-7deg;scale:.9}html[data-intro=wait] .cup-shadow{scale:.2}html[data-intro=wait] .world-intro .float{scale:0}html[data-intro=wait] .chapter-intro .card-part{opacity:0;transform:translateY(28px)}html[data-intro=wait] .topbar{opacity:0;translate:0 -18px}html[data-intro=play] .cup[data-sip="-1"]{transition:opacity .5s .12s,translate 1.1s cubic-bezier(.2,.9,.25,1.12) .12s,rotate 1.4s cubic-bezier(.34,1.56,.64,1) .12s,scale 1.1s cubic-bezier(.2,.9,.25,1.1) .12s}html[data-intro=play] .cup-shadow{transition:opacity .6s .3s,scale .9s cubic-bezier(.2,.9,.25,1.1) .3s}html[data-intro=play] .world-intro .float{transition:scale .7s cubic-bezier(.34, 1.56, .64, 1) calc(.45s + var(--n) * 90ms)}html[data-intro=play] .chapter-intro .card-lead{transition-delay:.65s}html[data-intro=play] .chapter-intro .card-side{transition-delay:.85s}html[data-intro=play] .topbar{transition:opacity .5s 1s,translate .7s cubic-bezier(.2,.9,.25,1.1) 1s}html[data-intro=done] .showcase:has(.chapter-intro[data-active]) .cup[data-sip="-1"]{animation:4.5s ease-in-out infinite alternate cup-idle}@keyframes cup-idle{0%{translate:0;rotate:0deg}to{translate:0 -6px;rotate:.6deg}}@media (prefers-reduced-motion:reduce){html[data-intro=wait] .cup[data-sip="-1"],html[data-intro=wait] .topbar{translate:none;rotate:none;scale:none}html[data-intro=wait] .world-intro .float{opacity:0;scale:1}html[data-intro=done] .showcase .cup[data-sip="-1"]{animation:none}}.search-page{--ink:#2b1633;--ink-soft:#6b5470;color:var(--ink);background:var(--parchment)}.search-intro{max-width:980px;padding:130px var(--gutter) 32px;margin:0 auto}.search-intro h1{margin-top:20px;font-size:clamp(2.3rem,6vw,4.6rem);line-height:1.08}.search-intro .lede{max-width:46rem;margin-top:24px}.availability-note,.footer .delivery-only{color:var(--ink-soft);font-size:.94rem;line-height:1.65}.menu-head .availability-note{max-width:46rem;margin:24px auto}.category-links{flex-wrap:wrap;gap:10px;margin:24px 0;display:flex}.menu>.category-links{justify-content:center}.category-links a{border:1px solid var(--purple);min-height:44px;color:var(--purple-deep);border-radius:999px;align-items:center;padding:8px 18px;font-weight:600;text-decoration:none;display:inline-flex}.category-links a:hover{background:var(--purple);color:#fff}.category-menu,.delivery-questions{max-width:1240px;padding:24px var(--gutter) 72px;margin:0 auto}.category-menu .menu-card h2{margin-top:16px;font-size:1.6rem;line-height:1.15}.search-page>.menu{padding-top:24px}.delivery-questions{max-width:980px;padding-top:64px}.delivery-questions h2{margin-bottom:28px;font-size:clamp(2rem,4vw,3rem);line-height:1.1}.delivery-questions details{border-top:1px solid color-mix(in srgb, var(--purple) 25%, transparent);padding:20px 0}.delivery-questions summary{cursor:pointer;min-height:44px;font-weight:600}.delivery-questions p{max-width:46rem;line-height:1.7}.delivery-questions>.back-link{align-items:center;min-height:44px;margin-top:24px;display:inline-flex}.scroll-cue{z-index:5;left:50%;bottom:max(22px, env(safe-area-inset-bottom));background:var(--purple);color:#fff;font-family:var(--font-display);pointer-events:none;border-radius:999px;align-items:center;gap:10px;padding:10px 20px 10px 12px;font-size:1.05rem;font-style:italic;font-weight:900;transition:opacity .4s,translate .5s cubic-bezier(.2,.9,.25,1.1);animation:1.6s ease-in-out infinite cue-float;display:inline-flex;position:absolute;translate:-50%;box-shadow:0 10px 26px #3f2a7859}.scroll-cue[data-gone]{opacity:0;translate:-50% 30px}.scroll-cue-arrow{background:#fff3;border-radius:50%;width:30px;height:30px;position:relative}.scroll-cue-arrow:before{content:"";border-bottom:3px solid #fff;border-right:3px solid #fff;width:9px;height:9px;animation:1.6s ease-in-out infinite cue-arrow;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.scroll-cue-arrow:after{content:"";border:2px solid #fff9;border-radius:50%;animation:1.6s ease-out infinite cue-ring;position:absolute;inset:-4px}@keyframes cue-float{50%{transform:translateY(-5px)}}@keyframes cue-arrow{0%,to{opacity:1;top:38%}60%{opacity:.6;top:58%}}@keyframes cue-ring{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}html[data-intro=wait] .scroll-cue{opacity:0;translate:-50% 30px}html[data-intro=play] .scroll-cue{transition-delay:1.4s}.chapter{pointer-events:none}.stage,.chapters,.chapter{touch-action:pan-y}.picker{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}.picker-thumbs{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.thumb{background:color-mix(in srgb, var(--ink) 7%, transparent);border-radius:12px;place-items:end center;width:38px;height:50px;transition:background-color .2s,transform .25s cubic-bezier(.34,1.56,.64,1);display:grid}.thumb img{filter:drop-shadow(0 2px 3px #280a2833);width:auto;height:42px;margin-bottom:3px}.thumb:hover{transform:translateY(-3px)}.thumb[aria-current=true]{background:var(--pink);transform:translateY(-3px)scale(1.06);box-shadow:0 6px 14px #ec448859}.picker-count{font-family:var(--font-display);color:var(--ink-soft);font-size:.95rem;font-style:italic;font-weight:900}.picker-auto{background:color-mix(in srgb, var(--ink) 8%, transparent);cursor:pointer;border:0;border-radius:50%;width:30px;height:30px;position:relative}.picker-auto:before,.picker-auto:after{content:"";background:var(--ink-soft);border-radius:2px;width:3px;height:12px;position:absolute;top:9px}.picker-auto:before{left:11px}.picker-auto:after{left:16px}.picker-auto[aria-pressed=false]:before{border-left:10px solid var(--ink-soft);background:0 0;border-top:6px solid #0000;border-bottom:6px solid #0000;border-radius:0;width:0;height:0;left:11px}.picker-auto[aria-pressed=false]:after{display:none}.picker-nav{pointer-events:none;opacity:0;transition:opacity .3s;position:absolute;inset:0}.chapter[data-active] .picker-nav{opacity:1}.picker-arrow{top:var(--cup-y,50%);background:var(--card);-webkit-backdrop-filter:blur(10px);cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;border:0;border-radius:50%;width:56px;height:56px;margin-top:-28px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background-color .2s;position:absolute;box-shadow:0 10px 24px #280a282e}.chapter:not([data-active]) .picker-arrow{pointer-events:none}.picker-arrow:before{content:"";border-right:3.5px solid var(--ink);border-bottom:3.5px solid var(--ink);width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-65%,-50%)rotate(-45deg)}.picker-arrow.prev{top:calc(var(--cup-base,80%) + 44px);left:calc(var(--cup-x,50%) - 66px)}.picker-arrow.prev:before{transform:translate(-35%,-50%)rotate(135deg)}.picker-arrow.next{top:calc(var(--cup-base,80%) + 44px);left:calc(var(--cup-x,50%) + 10px)}.picker-arrow:hover{transform:scale(1.1)}.picker-arrow:active{transform:scale(.92)}html:not(.js) .picker-nav,html:not(.js) .picker-auto{display:none}.card-part.is-swapping [data-f]{animation:.45s cubic-bezier(.2,.8,.2,1) text-swap}@keyframes text-swap{0%{opacity:0;transform:translateY(8px)}}.world[data-pulse] .float svg{animation:.6s cubic-bezier(.34,1.56,.64,1) float-pulse}@keyframes float-pulse{0%{scale:1}35%{rotate:-8deg;scale:1.18}to{rotate:0deg;scale:1}}.cups{z-index:2;will-change:transform;filter:drop-shadow(0 18px 28px #280a2838);position:absolute;inset:0}.cup{visibility:hidden;max-width:none;position:absolute}.cup[data-shown]{visibility:visible}html:not(.js) .cup[data-sip="-1"]{width:auto;height:72%;top:14%;left:50%;transform:translate(-50%)}.cup-shadow{background:radial-gradient(closest-side,#280a2859,#0000);border-radius:50%;position:absolute}html[data-dark=true] .cup-shadow{background:radial-gradient(closest-side,#0000008c,#0000)}html[data-motion=reduce] .cup{transition:opacity .4s}html[data-motion=reduce] .float,html[data-motion=reduce] .backdrop{transform:none}html[data-motion=reduce] .float svg{animation:none}.chapters{z-index:2;margin-top:-100svh;position:relative}.chapter{min-height:226svh;margin-bottom:-100svh;position:relative}.chapter:last-child{margin-bottom:0}.chapter-intro{min-height:166svh}.card{grid-template-columns:1fr var(--cup-lane) 1fr;height:100svh;padding:88px var(--gutter) 32px;pointer-events:none;align-items:center;gap:0;display:grid;position:sticky;top:0}.card-part{border-radius:var(--radius);background:var(--card);-webkit-backdrop-filter:blur(16px)saturate(1.2);opacity:0;max-width:26rem;padding:clamp(18px,2.2vw,28px);transition:opacity .42s,transform .65s cubic-bezier(.2,.8,.2,1),background-color .4s;transform:translateY(28px);box-shadow:0 20px 50px #280a281f}.card-lead{grid-column:1;justify-self:end}.card-side{grid-column:3;justify-self:start;justify-items:start;gap:14px;display:grid}.chapter[data-active] .card-part,.card-part:focus-within,html:not(.js) .card-part{opacity:1;pointer-events:auto;transform:none}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:.8rem;font-weight:600}.chapter h1{text-wrap:balance;color:var(--ink);font-size:clamp(2.1rem,3.4vw,3.3rem);font-weight:800;line-height:1.02}.chapter h2{color:var(--ink);font-size:clamp(2.2rem,4.2vw,3.8rem)}.alt-name{font-family:var(--font-display);color:var(--ink-soft);margin:6px 0 0;font-size:1.15rem;font-style:italic;font-weight:900}.lede,.story{color:var(--ink-soft);margin:14px 0 0;font-size:1.1rem}.side-title{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:.85rem;font-weight:600}.chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chips li{border:1.5px solid color-mix(in srgb, var(--ink) 18%, transparent);border-radius:999px;padding:6px 12px;font-size:.95rem;font-weight:600}.scroll-hint{color:var(--ink-soft);margin:0;font-weight:600}.scroll-hint span{animation:1.6s ease-in-out infinite nudge;display:inline-block}@keyframes nudge{50%{transform:translateY(5px)}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.menu,.drink-page{--ink:#2b1633;--ink-soft:#6b5470;--accent:var(--pink);color:var(--ink)}[data-cat=matcha],.cat-matcha{--tile:linear-gradient(170deg, #eef5d9, #b9d68a)}[data-cat=fruit-tea],.cat-fruit-tea{--tile:linear-gradient(170deg, #ffe08f, #ff9a6a)}[data-cat=milk-tea],.cat-milk-tea{--tile:linear-gradient(170deg, #f8ecdc, #dcb48a)}[data-cat=cacao],.cat-cacao{--tile:linear-gradient(170deg, #5a3329, #1c1022)}.menu{z-index:3;padding:clamp(64px, 9vw, 120px) var(--gutter);background:var(--parchment);position:relative}.menu-head{text-align:center}.menu-head h2{font-size:clamp(2.4rem,6vw,4.6rem)}.menu-filter{background:color-mix(in srgb, var(--ink) 6%, transparent);border:0;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:8px;width:fit-content;max-width:100%;margin:28px auto 40px;padding:6px;display:flex;position:relative}.menu-filter input{opacity:0;pointer-events:none;position:absolute}.menu-filter label{--c:var(--purple);z-index:1;min-height:46px;font-family:var(--font-display);cursor:pointer;user-select:none;border-radius:999px;align-items:center;gap:8px;padding:0 16px 0 10px;font-size:1.05rem;font-style:italic;font-weight:900;transition:color .25s,transform .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative}.menu-filter label[data-cat=matcha]{--c:#6fa83a}.menu-filter label[data-cat=fruit-tea]{--c:#f07a2c}.menu-filter label[data-cat=milk-tea]{--c:#b07642}.menu-filter label[data-cat=cacao]{--c:#6b3a22}.menu-filter label:hover{transform:translateY(-2px)}.menu-filter label:active{transform:scale(.95)}.filter-icon{flex:none;width:28px;height:28px;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.filter-count{background:color-mix(in srgb, var(--c) 16%, transparent);min-width:24px;color:var(--c);font-family:var(--font-body);text-align:center;border-radius:999px;padding:1px 7px;font-size:.78rem;font-style:normal;font-weight:600;transition:background-color .25s,color .25s}.menu-filter input:checked+label{color:#fff}.menu-filter input:checked+label .filter-count{color:#fff;background:#ffffff40}.menu-filter input:checked+label .filter-icon{filter:drop-shadow(0 2px 3px #00000040);animation:.6s cubic-bezier(.34,1.56,.64,1) wiggle}.menu-filter input:focus-visible+label{outline:3px solid var(--pink);outline-offset:3px}.filter-pill{z-index:0;background:var(--purple);box-shadow:0 8px 18px color-mix(in srgb, var(--purple) 35%, transparent);pointer-events:none;border-radius:999px;position:absolute;top:0;left:0}.menu-filter.is-ready .filter-pill{transition:transform .55s cubic-bezier(.34,1.56,.64,1),width .55s cubic-bezier(.34,1.56,.64,1),background-color .3s,box-shadow .3s}.filter-pill[data-cat=matcha]{background:#6fa83a;box-shadow:0 8px 18px #6fa83a66}.filter-pill[data-cat=fruit-tea]{background:#f07a2c;box-shadow:0 8px 18px #f07a2c66}.filter-pill[data-cat=milk-tea]{background:#b07642;box-shadow:0 8px 18px #b0764266}.filter-pill[data-cat=cacao]{background:#6b3a22;box-shadow:0 8px 18px #6b3a2266}html:not(.js) .filter-pill{display:none}html:not(.js) .menu-filter input:checked+label{background:var(--c)}@keyframes wiggle{0%{transform:rotate(0)scale(1)}30%{transform:rotate(-18deg)scale(1.25)}60%{transform:rotate(12deg)scale(1.1)}to{transform:rotate(0)scale(1)}}html:not(.js) .menu:has(#cat-matcha:checked) .menu-card:not([data-cat=matcha]),html:not(.js) .menu:has(#cat-fruit-tea:checked) .menu-card:not([data-cat=fruit-tea]),html:not(.js) .menu:has(#cat-milk-tea:checked) .menu-card:not([data-cat=milk-tea]),html:not(.js) .menu:has(#cat-cacao:checked) .menu-card:not([data-cat=cacao]),.menu[data-filter=matcha] .menu-card:not([data-cat=matcha]),.menu[data-filter=fruit-tea] .menu-card:not([data-cat=fruit-tea]),.menu[data-filter=milk-tea] .menu-card:not([data-cat=milk-tea]),.menu[data-filter=cacao] .menu-card:not([data-cat=cacao]){display:none}.topbar{view-transition-name:topbar}::view-transition-group(topbar){z-index:100;animation:none}::view-transition-old(topbar),::view-transition-new(topbar){animation:none}::view-transition-old(topbar){display:none}::view-transition-group(*){animation-duration:.48s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-old(*):only-child{animation:.26s both card-out}::view-transition-new(*):only-child{animation:.42s cubic-bezier(.34,1.56,.64,1) both card-in}@keyframes card-out{to{opacity:0;transform:scale(.8)rotate(-4deg)}}@keyframes card-in{0%{opacity:0;transform:scale(.8)translateY(24px)rotate(3deg)}}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:clamp(14px,2vw,26px);max-width:1240px;margin:0 auto;padding:0;list-style:none;display:grid}.menu-card a{color:inherit;text-decoration:none;display:block}.menu-tile{--rx:0deg;--ry:0deg;--gx:50%;aspect-ratio:3/4;background:radial-gradient(18% 14% at 18% 22%, #fff6 0 60%, transparent 62%), radial-gradient(10% 8% at 82% 36%, #ffffff4d 0 60%, transparent 62%), var(--tile);transform:perspective(800px) rotateX(var(--rx)) rotateY(var(--ry));border-radius:26px;place-items:end center;padding-top:12%;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .3s;display:grid;position:relative;overflow:hidden}.menu-tile:after{content:"";z-index:2;background:radial-gradient(60% 45% at var(--gx) 20%, #ffffff59, transparent 70%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.menu-tile .cup-photo,.drink-stage .cup-photo{object-fit:contain;object-position:bottom;width:auto;position:absolute;left:50%;translate:-50%}.menu-tile .cup-photo{z-index:1;filter:drop-shadow(0 12px 16px #280a2840);max-width:86%;height:84%;transition:transform .5s cubic-bezier(.34,1.56,.64,1),filter .3s;bottom:5%}.cup-placeholder{opacity:.9;align-self:center;width:56%;margin-bottom:12%}.tile-deco{z-index:2;opacity:0;filter:drop-shadow(0 6px 8px #280a2840);width:26%;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .25s;position:absolute;top:6%;right:6%;transform:translate(40%,-40%)scale(.2)rotate(-60deg)}.menu-card a:hover .menu-tile,.menu-card a:focus-visible .menu-tile{transform:perspective(800px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-8px);box-shadow:0 22px 40px #280a2833}.menu-card a:hover .menu-tile:after{opacity:1}.menu-card a:hover .cup-photo,.menu-card a:focus-visible .cup-photo{filter:drop-shadow(0 22px 20px #280a284d);transform:translateY(-6%)scale(1.07)rotate(-3deg)}.menu-card a:hover .tile-deco,.menu-card a:focus-visible .tile-deco{opacity:1;transform:translate(0)scale(1)rotate(12deg)}.menu-card h3{transition:color .2s}.menu-card a:hover h3{color:var(--pink)}.menu.reveal .menu-card{opacity:0;transition:opacity .6s,transform .9s cubic-bezier(.2,.9,.25,1.15);transition-delay:calc(var(--d) * 70ms);transform:translateY(56px)rotate(-3deg)scale(.94)}.menu.reveal .menu-card.is-in{opacity:1;transform:none}.menu.reveal .toppings .chips li{opacity:0;transition:opacity .4s,transform .5s cubic-bezier(.34,1.56,.64,1);transition-delay:calc(var(--d) * 45ms);transform:translateY(16px)scale(.9)}.menu.reveal .toppings.is-in .chips li{opacity:1;transform:none}.toppings .chips li{cursor:default}.toppings .chips li:hover{background:var(--lime);border-color:var(--lime);transform:translateY(-3px)rotate(-2deg)}.menu-cat{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin:14px 0 2px;font-size:.72rem;font-weight:600}.menu-card h3{font-size:1.35rem;line-height:1.05}.menu-card .alt-name{margin-top:2px;font-size:.95rem}.menu-line{color:var(--ink-soft);margin:6px 0 0;font-size:.95rem;line-height:1.4}.toppings{text-align:center;max-width:820px;margin:clamp(40px,6vw,72px) auto 0}.toppings h3{margin-bottom:16px;font-size:1.6rem}.toppings .chips{justify-content:center}.drink-page{background:var(--parchment)}.drink-hero{max-width:1240px;min-height:100svh;padding:110px var(--gutter) 56px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,72px);margin:0 auto;display:grid}.drink-stage{aspect-ratio:4/5;background:var(--tile);border-radius:40px;justify-self:center;place-items:end center;width:100%;max-height:calc(100svh - 150px);display:grid;position:relative;overflow:hidden}.drink-stage .cup-photo{z-index:1;filter:drop-shadow(0 22px 30px #280a2847);max-width:80%;height:80%;bottom:7%}.drink-stage .cup-placeholder{width:50%;margin-bottom:25%}.drink-deco{width:18%;animation:4.2s ease-in-out infinite alternate bob;position:absolute}.deco-0{top:10%;left:6%;rotate:-18deg}.deco-1{width:22%;animation-duration:5s;top:22%;right:7%}.deco-2{z-index:2;animation-duration:3.6s;bottom:12%;left:8%}.deco-3{z-index:2;width:12%;animation-duration:4.6s;bottom:8%;right:10%}.drink-copy h1{font-size:clamp(2.8rem,6vw,5.2rem)}.drink-copy .alt-name{font-size:1.3rem}.drink-copy .lede{max-width:30rem;font-size:1.25rem}.drink-actions{flex-wrap:wrap;align-items:center;gap:18px 26px;margin-top:28px;display:flex}.back-link{color:var(--ink-soft);font-weight:600}.related{max-width:1240px;padding:24px var(--gutter) clamp(64px, 8vw, 110px);margin:0 auto}.related h2{margin-bottom:24px;font-size:clamp(2rem,4vw,3rem)}.zalo-link{color:#fff;font-family:var(--font-display);border:2px solid #ffffffb3;border-radius:999px;align-items:center;gap:10px;margin-top:22px;padding:10px 22px;font-size:1.1rem;font-style:italic;font-weight:900;text-decoration:none;transition:background-color .2s,transform .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.zalo-link:before{content:"";background:#0068ff;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 3px #fff}.zalo-link:hover{background:#ffffff26;transform:translateY(-2px)}.not-found{min-height:80svh;padding:120px var(--gutter) 80px;text-align:center;align-content:center;justify-items:center;gap:14px;display:grid}.not-found h1{font-size:clamp(2rem,5vw,3.4rem)}.not-found p{color:var(--ink-soft);margin:0}.not-found-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;display:flex;margin-top:12px!important}.order-band{z-index:3;padding:clamp(64px, 10vw, 128px) var(--gutter);text-align:center;color:#fff;isolation:isolate;background:#5c489d;position:relative;overflow:hidden}.band-art{z-index:-1;object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.order-band h2,.order-band .lede,.order-band .eyebrow,.order-band .eyebrow{text-shadow:0 2px 18px #28145073}.order-band .eyebrow{color:var(--lime)}.order-band h2{font-size:clamp(2.6rem,7vw,5.6rem)}.order-band .lede{color:#ffffffd9;max-width:34rem;margin:16px auto 0}.platforms{flex-wrap:wrap;justify-content:center;gap:14px;margin:36px 0 0;padding:0;list-style:none;display:flex}.platform{min-height:60px;color:var(--purple-deep);font-family:var(--font-display);background:#fff;border-radius:999px;align-items:center;gap:10px;padding:0 26px;font-size:1.3rem;font-style:italic;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:0 5px #0000002e}.platform:before{content:"";background:var(--brand);border-radius:50%;width:14px;height:14px}.platform.is-soon{opacity:.8}.platform small{font-family:var(--font-body);color:var(--ink-soft);font-size:.75rem;font-weight:600}.footer{z-index:3;padding:24px var(--gutter) max(40px, env(safe-area-inset-bottom));background:var(--parchment);color:#6b5470;text-align:center;justify-items:center;gap:10px;display:grid;position:relative}.footer p{margin:0}.hopi-stage{aspect-ratio:1;place-items:end center;width:clamp(210px,22vw,290px);margin-top:-40px;display:grid;position:relative}.hopi-stage:before{content:"";background:radial-gradient(closest-side,#ec44882e,#0000);border-radius:50%;position:absolute;inset:8% 4% 12%}.hopi-stage:after{content:"";background:radial-gradient(closest-side,#3f2a784d,#0000);border-radius:50%;width:56%;height:9%;position:absolute;bottom:6%}.hopi{z-index:1;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;opacity:0;outline:none;width:100%;height:100%;transition:opacity .5s,transform .8s cubic-bezier(.34,1.56,.64,1);position:relative;transform:translateY(24px)scale(.85)}.hopi[data-ready]{opacity:1;transform:none}.hopi[data-ready]:hover{transform:translateY(-6px)}.hopi-burst{z-index:2;pointer-events:none;width:22px;height:22px;margin:-11px 0 0 -11px;animation:.9s cubic-bezier(.2,.8,.3,1) both hopi-burst;position:absolute;top:45%;left:50%}.hopi-burst svg{width:100%;height:100%;display:block}@keyframes hopi-burst{0%{opacity:0;transform:translate(0)scale(.2)rotate(0)}15%{opacity:1}to{transform:translate(var(--bx), var(--by)) scale(var(--bs)) rotate(var(--br));opacity:0}}.hopi canvas{pointer-events:none;width:130%;height:210%;display:block;position:absolute;bottom:0;left:-15%}.footer-logo{width:92px;height:auto;margin-top:4px}.footer-tag{font-family:var(--font-display);color:var(--purple);font-size:1.25rem;font-style:italic;font-weight:900}.footer-nav{flex-wrap:wrap;justify-content:center;gap:8px;margin:6px 0 4px;display:flex}.footer-nav a{background:color-mix(in srgb, var(--purple) 8%, transparent);min-height:42px;color:var(--purple-deep);border-radius:999px;align-items:center;padding:0 18px;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s,transform .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.footer-nav a:hover{background:var(--purple);color:#fff;transform:translateY(-2px)}.footer-meta{font-size:.85rem}.footer-visit{flex-wrap:wrap;justify-content:center;gap:4px 18px;font-style:normal;font-weight:600;display:flex}.footer-visit a{color:inherit;text-underline-offset:3px}.privacy{max-width:680px;margin:0 auto;padding:140px 20px 80px}.privacy h1{font-family:var(--font-display);color:var(--purple)}.privacy li+li{margin-top:8px}@media (width<=760px){.menu-filter{border-radius:26px;gap:4px}.menu-filter label{min-height:42px;padding:0 12px 0 8px;font-size:.95rem}.filter-icon{width:24px;height:24px}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-card h3{font-size:1.15rem}.menu-line{font-size:.85rem}.drink-hero{grid-template-columns:1fr;min-height:0;padding-top:84px}.drink-stage{aspect-ratio:1}.topnav .lang:first-child,.intro-logo{display:none}.float{--spread:1.3;--size:1.45vmin}.brand img{height:40px}.topnav .btn-order{min-height:40px;padding:0 1em;font-size:.95rem}.lang{min-height:40px;padding:0 12px;font-size:.85rem}.card{padding:0 16px max(16px, env(safe-area-inset-bottom));grid-template-columns:1fr;align-content:end;gap:10px}.card-lead,.card-side{grid-column:1;justify-self:stretch;max-width:none}.card-part{border-radius:22px;padding:16px 18px}.card-side{grid-template-columns:1fr auto;grid-auto-flow:column;align-items:center}.side-title,.scroll-hint{display:none}.picker-arrow{width:44px;height:44px;margin-top:-22px}.picker-arrow.prev{top:var(--cup-y,36%);left:max(6px, calc(var(--cup-x,50%) - var(--cup-half,100px) - 52px))}.picker-arrow.next{top:var(--cup-y,36%);left:min(calc(100% - 50px), calc(var(--cup-x,50%) + var(--cup-half,100px) + 8px))}.chapter .card-side{justify-content:space-between;align-items:center;gap:10px;display:flex}.chapter .card-side .chips,.picker-thumbs,.picker-auto{display:none}.picker{width:auto}.picker-count{font-size:1.1rem}.scroll-cue{font-size:.95rem;top:calc(57svh + 10px);bottom:auto}.chapter{min-height:202svh}.chapter-intro{min-height:154svh}.chips li{padding:4px 10px;font-size:.82rem}.chapter h1{font-size:1.95rem}.chapter h2{font-size:2rem}.lede,.story{margin-top:8px;font-size:.98rem}.eyebrow{margin-bottom:6px;font-size:.72rem}.chapter-intro .card-side{grid-template-columns:1fr}.btn-big{min-height:50px;font-size:1.1rem}}@media (prefers-reduced-motion:reduce){.menu-tile,.menu-tile .cup-photo,.tile-deco,.filter-pill,.filter-icon{transition:none!important;animation:none!important}.scroll-cue,.scroll-cue-arrow:before,.scroll-cue-arrow:after{animation:none}.card-part,.btn{transition:opacity .2s;transform:none!important}.scroll-hint span{animation:none}}