@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");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:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(./dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2)format("woff2-variations");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:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(./dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2-variations");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{--bg:#ec6274;--ink:#3a0910;--soft:#4a0f18;--title:#fff;--shadow:#2f7a3b;--ghost:#fff;--font-display:"Bricolage Grotesque Variable", system-ui, sans-serif;--font-body:"DM Sans Variable", system-ui, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-md:1.0625rem;--text-title:clamp(3.5rem, 7.4vw, 8.5rem);--text-title-sm:clamp(3rem, 15vw, 4.75rem);--text-ghost:clamp(10rem, 30vw, 28rem);--weight-medium:500;--weight-bold:700;--weight-black:800;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4.5rem;--gutter:clamp(1.25rem, 6vw, 6.5rem);--panel-width:min(36rem, 42vw);--bar:.25rem;--mark:.6rem;--dot:.625rem;--radius-pill:999px;--title-depth:.075em;--ghost-alpha:.13;--ghost-stroke:2px;--tip-size:4.5rem;--focus-ring:2px;--focus-gap:4px;--ease-out:cubic-bezier(.16, 1, .3, 1);--duration:.5s;--duration-fast:.35s;--duration-hint:1.8s}*,:before,:after{box-sizing:border-box}@property --ink{syntax:"<color>";inherits:true;initial-value:#3a0910}@property --soft{syntax:"<color>";inherits:true;initial-value:#4a0f18}@property --title{syntax:"<color>";inherits:true;initial-value:#fff}html{scroll-snap-type:y mandatory;background:var(--bg);transition:--ink var(--duration) var(--ease-out), --soft var(--duration) var(--ease-out), --title var(--duration) var(--ease-out)}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}body.is-pressing{cursor:pointer}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:var(--focus-ring) solid var(--ink);outline-offset:var(--focus-gap)}.ghost{z-index:0;pointer-events:none;position:fixed;inset:50% 0 auto;overflow:hidden;translate:0 -50%}.ghost__track{white-space:nowrap;font:var(--weight-black) var(--text-ghost) / .9 var(--font-display);letter-spacing:-.04em;color:#0000;-webkit-text-stroke:var(--ghost-stroke) color-mix(in srgb, var(--ghost) calc(var(--ghost-alpha) * 100%), transparent);will-change:transform;margin:0;padding-left:4vw}.stage{z-index:1;width:100%;height:100%;display:block;position:fixed;inset:0}.no-webgl .stage{display:none}.ui{z-index:2;pointer-events:none;position:fixed;inset:0}.ui a,.ui button{pointer-events:auto}.track section{scroll-snap-align:start;height:100svh}.top{inset:var(--space-5) var(--gutter) auto;justify-content:space-between;align-items:center;display:flex;position:absolute}.brand{align-items:center;gap:var(--space-3);color:var(--ink);font:var(--weight-black) var(--text-md) / 1 var(--font-display);letter-spacing:-.01em;text-decoration:none;display:inline-flex}.mark{grid-template-columns:repeat(2, var(--mark));gap:var(--space-1);display:grid}.mark span{width:var(--mark);height:var(--mark);background:var(--ink);opacity:.35;transition:transform var(--duration) var(--ease-out), opacity var(--duration) var(--ease-out);border-radius:50%}.mark span.is-on{opacity:1;transform:scale(1.25)}.back{margin-left:auto;margin-right:var(--space-6);font:var(--weight-bold) var(--text-sm) / 1 var(--font-display);color:var(--ink);text-underline-offset:.2em}.back[hidden]{display:none}.is-capture *,.is-capture :before{transition:none!important;animation:none!important}.is-capture .hint{display:none}.counter{align-items:baseline;gap:var(--space-2);font:var(--weight-bold) var(--text-sm) / 1 var(--font-display);font-variant-numeric:tabular-nums;color:var(--ink);margin:0;display:flex}.counter__win{display:inline-block;overflow:hidden}.counter__num{display:inline-block}.counter__total{color:var(--soft)}.panel{top:50%;left:var(--gutter);width:var(--panel-width);display:grid;position:absolute;translate:0 -50%}.fruit{visibility:hidden;grid-area:1/1}.kicker{gap:var(--space-3);margin:0 0 var(--space-3);font:var(--weight-bold) var(--text-xs) / 1.2 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);display:flex}.kicker span+span{color:var(--soft)}.kicker span+span:before{content:"·";margin-right:var(--space-3)}.title{margin:0 0 var(--space-5);font:var(--weight-black) var(--text-title) / .92 var(--font-display);letter-spacing:-.035em;color:var(--title);white-space:nowrap}.ch,.title__dot{vertical-align:top;display:inline-block}.ch{padding-bottom:calc(var(--title-depth) * 1.6);margin-bottom:calc(var(--title-depth) * -1.6);overflow:hidden}.ch__in,.title__dot{text-shadow:0 var(--title-depth) 0 var(--shadow);will-change:transform;display:inline-block}.title__dot{color:var(--shadow);text-shadow:none}.desc{max-width:44ch;font-size:var(--text-md);color:var(--ink);margin:0;line-height:1.6}.nutri{margin-top:var(--space-6);padding-left:var(--space-4);border-left:var(--bar) solid var(--shadow)}.nutri__head{margin:0 0 var(--space-3);font:var(--weight-bold) var(--text-sm) / 1.2 var(--font-display);color:var(--ink)}.nutri__head span{font-weight:var(--weight-medium);color:var(--soft)}.nutri__list{justify-content:start;gap:var(--space-2) var(--space-5);grid-template-columns:repeat(5,auto);margin:0;display:grid}.nutri__row{gap:var(--space-1);display:grid}.nutri__row dt{font-size:var(--text-xs);color:var(--soft)}.nutri__row dd{font:var(--weight-bold) var(--text-md) / 1 var(--font-display);font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap;margin:0}.dots{top:50%;right:var(--gutter);gap:var(--space-4);display:grid;position:absolute;translate:0 -50%}.dots span{width:var(--dot);height:var(--dot);border:var(--ghost-stroke) solid var(--ink);opacity:.45;transition:transform var(--duration) var(--ease-out), opacity var(--duration) var(--ease-out), background-color var(--duration) var(--ease-out);border-radius:50%}.dots span.is-on{background:var(--ink);opacity:1;transform:scale(1.3)}.hint{bottom:var(--space-8);left:var(--gutter);align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--ink);margin:0;display:flex;position:absolute}.hint__line{width:var(--space-7);height:var(--ghost-stroke);background:var(--ink);transform-origin:0;animation:hint var(--duration-hint) var(--ease-out) infinite}@keyframes hint{0%{transform:scaleX(0)}60%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}.tabs{bottom:var(--space-5);position:absolute;left:50%;translate:-50%}.tabs__list{gap:var(--space-5);padding:0 0 var(--space-2);margin:0;list-style:none;display:flex}.tab{min-height:2.75rem;padding:var(--space-2) 0;font:var(--weight-medium) var(--text-md) / 1 var(--font-display);color:var(--ink);opacity:.9;cursor:pointer;transition:opacity var(--duration) var(--ease-out);background:0 0;border:0}.tab:hover,.tab[aria-current=true]{opacity:1}.tab[aria-current=true]{font-weight:var(--weight-black)}.tabs__bar{width:0;height:var(--bar);border-radius:var(--radius-pill);background:var(--shadow);position:absolute;bottom:0;left:0}.tip{z-index:3;width:var(--tip-size);height:var(--tip-size);margin:calc(var(--tip-size) / -2) 0 0 calc(var(--tip-size) / -2);background:var(--ink);color:var(--bg);font:var(--weight-bold) var(--text-xs) / 1 var(--font-display);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;transition:scale var(--duration-fast) var(--ease-out);border-radius:50%;place-items:center;display:grid;position:fixed;top:0;left:0;scale:0}.tip.is-on{scale:1}@media (hover:none){.tip{display:none}}@media (width<=56.24rem){.panel{top:auto;right:var(--gutter);bottom:calc(var(--space-8) + var(--space-3));width:auto;translate:none}.title{margin-bottom:var(--space-3);font-size:var(--text-title-sm)}.desc{font-size:var(--text-sm);line-height:1.5}.nutri{margin-top:var(--space-4)}.nutri__list{grid-template-columns:repeat(3,auto)}.dots,.hint{display:none}.tabs__list{gap:var(--space-4)}.tab{font-size:var(--text-sm)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;transition:none}.hint__line{animation:none}.mark span,.dots span,.tab,.tip{transition:none}}