@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/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(/assets/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(/assets/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(/assets/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(/assets/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{--forest:#16301b;--forest-deep:#0f2213;--forest-soft:#20412a;--lime:#b7d63a;--lime-ink:#142a17;--oat:#f6f2ea;--white:#fff;--card-border:#e4ddcf;--panel:#efe7da;--ink:#1b241c;--ink-muted:#475248;--ink-subtle:#5c665d;--moss:#4e6b32;--on-dark-muted:#d3ded0;--on-dark-link:#e9f0e3;--footer-muted:#9fb09c;--outline-on-dark:#6e8b6f;--honey:#e3b23c;--font-display:"Bricolage Grotesque Variable", "Bricolage Grotesque", system-ui, sans-serif;--font-body:"DM Sans Variable", "DM Sans", system-ui, sans-serif;--h1:clamp(44px, 6vw, 80px);--h2:clamp(36px, 4.5vw, 56px);--h2-sm:clamp(34px, 4.2vw, 52px);--max:1200px;--gutter:24px;--section-y:clamp(72px, 9vw, 104px);--radius-card:24px;--radius-panel:18px;--radius-order:32px;--nav-h:84px;--ease-out:cubic-bezier(.16, 1, .3, 1)}@media (max-width:760px){:root{--nav-h:68px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:var(--nav-h)}@media (prefers-reduced-motion:no-preference){html:not(.lenis){scroll-behavior:smooth}}html.lenis,html.lenis body{height:auto}.lenis.lenis-stopped{overflow:clip}body{background:var(--oat);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:17px;line-height:1.6;overflow-x:clip}img,svg,canvas{max-width:100%;display:block}a{color:inherit}h1,h2,h3,p,ul{margin:0}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.on-light :focus-visible{outline-color:var(--moss)}.on-light:focus-visible{outline-color:var(--moss)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--lime);color:var(--lime-ink);border-radius:999px;padding:12px 20px;font-weight:700;text-decoration:none;position:absolute;top:-60px;left:16px}.skip-link:focus{top:12px}.container{max-width:var(--max);margin:0 auto}.section{padding:var(--section-y) var(--gutter)}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--moss);font-size:14px;font-weight:700}.on-dark .eyebrow{color:var(--lime)}.h1,.h2,.h3{font-family:var(--font-display);letter-spacing:-.02em;color:var(--forest)}.h1{font-weight:800;font-size:var(--h1);color:var(--white);line-height:1}.h2{font-weight:800;font-size:var(--h2);line-height:1.05}.h3{letter-spacing:-.01em;font-size:28px;font-weight:700;line-height:1.15}.lead{color:var(--ink-muted);font-size:19px;line-height:1.6}.section-head{flex-direction:column;gap:14px;max-width:680px;display:flex}.line-mask{margin-bottom:-.08em;padding-bottom:.08em;display:block;overflow:hidden}.line-mask>span{display:block}.btn{cursor:pointer;min-height:48px;transition:transform .5s var(--ease-out);border:1.5px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:17px;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)scale(.98)}.btn-lime{background:var(--lime);color:var(--lime-ink)}.btn-outline{color:var(--white);border-color:var(--outline-on-dark)}.btn-forest{background:var(--forest);color:var(--white);min-height:56px;padding:18px 34px;font-size:18px}.btn-sm{min-height:44px;padding:10px 22px;font-size:16px}.nav{z-index:50;padding:0 var(--gutter);color:var(--on-dark-link);position:fixed;top:0;bottom:auto;left:0;right:0}.nav:before{content:"";-webkit-backdrop-filter:saturate(140%)blur(14px);backdrop-filter:saturate(140%)blur(14px);opacity:0;background:#16301bf2;transition:opacity .6s;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:0 1px #ffffff0f}.nav.is-solid:before{opacity:1;transition-duration:.15s}.nav-inner{max-width:var(--max);height:var(--nav-h);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex;position:relative}.nav-logo img{width:auto;height:52px}.nav-links{align-items:center;gap:28px;display:flex}.nav-links a:not(.btn){color:var(--on-dark-link);padding:12px 0;font-size:16px;font-weight:500;text-decoration:none;position:relative}.nav-links a:not(.btn):after{content:"";background:var(--lime);transform-origin:0;height:2px;transition:transform .6s var(--ease-out);position:absolute;bottom:6px;left:0;right:0;transform:scaleX(0)}.nav-links a:not(.btn):hover:after{transform:scaleX(1)}.nav-menu-btn,.nav-mobile{display:none}@media (max-width:760px){.nav-logo img{height:42px}.nav-links a:not(.btn){display:none}.nav-links{gap:8px}.nav-menu-btn{border:1.5px solid var(--outline-on-dark);width:44px;height:44px;color:var(--white);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.nav-mobile{top:var(--nav-h);background:var(--forest);padding:8px var(--gutter) 20px;transform-origin:top;transition:opacity .25s ease, transform .3s var(--ease-out);border-top:1px solid #ffffff14;display:block;position:absolute;left:0;right:0;box-shadow:0 20px 40px #00000040}.nav-mobile[hidden]{display:none}.nav-mobile a{color:var(--white);border-bottom:1px solid #ffffff14;padding:14px 0;font-size:20px;font-weight:700;text-decoration:none;display:block}}.hero{background:var(--forest);color:var(--white);padding:calc(var(--nav-h) + 56px) var(--gutter) 96px;overflow:hidden}.hero-grid{flex-wrap:wrap;align-items:center;gap:56px;display:flex}.hero-copy{flex-direction:column;flex:460px;gap:24px;min-width:0;display:flex}.hero-body{color:var(--on-dark-muted);max-width:520px;font-size:20px;line-height:1.55}.hero-ctas{flex-wrap:wrap;gap:14px;padding-top:8px;display:flex}.hero-visual{flex-direction:column;flex:420px;align-items:center;gap:20px;min-width:0;display:flex}@media (max-width:760px){.hero{padding-top:calc(var(--nav-h) + 32px);padding-bottom:72px}.hero-grid{gap:40px}.hero-body{font-size:18px}}.ball-stage{aspect-ratio:1;touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%;max-width:460px;position:relative}.ball-stage-bg{background:radial-gradient(circle at 50% 42%, #27502f 0%, var(--forest-soft) 58%, #1c3a25 100%);border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0}.ball-stage-shadow{background:radial-gradient(closest-side,#050f078c,#050f0700);border-radius:50%;height:7%;position:absolute;bottom:13%;left:30%;right:30%}.ball-stage-canvas,.ball-stage-fallback{position:absolute;top:0;bottom:0;left:0;right:0}.ball-stage-canvas{cursor:grab}.ball-stage-canvas:active{cursor:grabbing}.ball-stage-fallback{justify-content:center;align-items:center;transition:opacity 1.2s;display:flex}.ball-stage-fallback svg{width:62%;height:auto}.ball-stage-fallback.is-hidden{opacity:0;pointer-events:none}.hotspot-layer{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.hotspot{cursor:pointer;pointer-events:auto;will-change:transform, opacity;background:0 0;border:0;border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;position:absolute;top:0;left:0}.hotspot[data-away=true]{pointer-events:none}.hotspot-dot{background:var(--white);transition:transform .25s var(--ease-out);border-radius:50%;position:absolute;top:13px;bottom:13px;left:13px;right:13px;box-shadow:0 0 0 3px #b7d63af2,0 4px 12px #00000059}.hotspot-pulse{border:2px solid var(--lime);opacity:0;border-radius:50%;position:absolute;top:8px;bottom:8px;left:8px;right:8px}@media (prefers-reduced-motion:no-preference){.hotspot-pulse{animation:hotspot-pulse 2.2s var(--ease-out) infinite}}@keyframes hotspot-pulse{0%{opacity:.9;transform:scale(.7)}to{opacity:0;transform:scale(1.9)}}.hotspot:hover .hotspot-dot,.hotspot[aria-expanded=true] .hotspot-dot{transform:scale(1.25)}.hotspot[aria-expanded=true] .hotspot-dot{background:var(--lime)}.hotspot-card{background:var(--white);width:min(250px,68%);color:var(--ink);pointer-events:auto;opacity:0;will-change:transform, opacity;border-radius:16px;padding:16px 18px 18px;transition:opacity .45s;position:absolute;top:0;left:0;box-shadow:0 18px 50px #050f0759}.hotspot-card.is-open{opacity:1}.hotspot-card h3{font-family:var(--font-display);color:var(--forest);margin-bottom:4px;font-size:20px;font-weight:700}.hotspot-card p{color:var(--ink-muted);font-size:15px;line-height:1.5}.hotspot-card .card-note{color:var(--ink-subtle);margin-top:8px;font-size:13px}.ball-hint{color:var(--on-dark-muted);opacity:.9;font-size:14px}.flavour-switch{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;grid-template-columns:repeat(3,auto);gap:4px;max-width:100%;padding:5px;display:grid}.flavour-switch button{text-align:left;min-height:44px;color:var(--on-dark-link);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:15px;font-weight:700;line-height:1.15;transition:background-color .5s,color .5s;display:inline-flex}.flavour-switch button:hover{background:#ffffff14}.flavour-switch button[aria-pressed=true]{background:var(--lime);color:var(--lime-ink)}.flavour-swatch{border-radius:50%;flex-shrink:0;width:14px;height:14px;box-shadow:inset 0 0 0 1.5px #0000002e}@media (max-width:520px){.flavour-switch{border-radius:22px;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.flavour-switch button{border-radius:18px;padding:8px 10px;font-size:14px}}.strip{background:var(--lime);color:var(--lime-ink);font-size:17px;font-weight:700;overflow:hidden}.strip-static{padding:22px var(--gutter)}.strip-static .container{flex-wrap:wrap;justify-content:space-between;gap:12px 32px;display:flex}.strip-marquee{padding:22px 0;display:none}.strip-track{width:max-content;display:flex}.strip-group{flex-shrink:0;align-items:center;display:flex}.strip-group span{white-space:nowrap;align-items:center;gap:56px;padding:0 28px;display:inline-flex}.strip-group span:after{content:"";background:var(--forest);opacity:.5;border-radius:50%;width:8px;height:8px;margin-right:-28px}@media (prefers-reduced-motion:no-preference){.strip-static{display:none}.strip-marquee{display:block}.strip-track{animation:52s linear infinite marquee}.strip:hover .strip-track{animation-play-state:paused}}@keyframes marquee{to{transform:translate(-50%)}}.flavours .container{flex-direction:column;gap:48px;display:flex}.flavour-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.flavour-card{background:var(--white);border-radius:var(--radius-card);border:1px solid var(--card-border);transition:transform .8s var(--ease-out), box-shadow .8s var(--ease-out);flex-direction:column;gap:18px;padding:32px;display:flex}@media (hover:hover){.flavour-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px #16301b1a}.flavour-card:hover .flavour-card-ball{transform:rotate(18deg)scale(1.04)}}.flavour-card-panel{background:var(--panel);border-radius:var(--radius-panel);justify-content:center;padding:28px;display:flex}.flavour-card-ball{width:150px;height:150px;transition:transform 1.1s var(--ease-out)}.flavour-card p{color:var(--ink-muted);font-size:17px;line-height:1.6}.flavour-card-meta{border-top:1px solid #ece6da;justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;display:flex}.flavour-card-meta .pack{color:var(--ink-subtle);font-size:15px}.flavour-card-meta .price{font-family:var(--font-display);color:var(--forest);font-size:20px;font-weight:700}.footnote{color:var(--ink-subtle);font-size:15px}.statement{padding:clamp(40px, 6vw, 72px) var(--gutter) var(--section-y);text-align:center}.statement-line{font-family:var(--font-display);letter-spacing:-.035em;color:var(--forest);max-width:13ch;margin:0 auto;font-size:clamp(48px,10vw,148px);font-weight:800;line-height:.98}@media (prefers-reduced-motion:no-preference){.statement{min-height:100vh;min-height:100svh;padding-top:calc(var(--nav-h) + 24px);flex-direction:column;justify-content:center;display:flex}}.statement-word{margin:0 .12em;display:inline-block}.statement .footnote{margin-top:28px}.inside{background:var(--white)}.inside-static .container{flex-direction:column;gap:56px;display:flex}.inside-static-ball{width:min(320px,70%);margin:0 auto}.ingredient-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:40px;display:grid}.ingredient{flex-direction:column;gap:16px;display:flex}.ingredient-icon{background:#eaf2d4;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.ingredient-icon.is-honey{background:#fbefd2}.ingredient .h3{font-size:26px}.ingredient p{color:var(--ink-muted);font-size:17px;line-height:1.6}.inside-story{--step-h:0px}.inside-story-stage{height:100vh;background:var(--white);grid-template-rows:auto 1fr;height:100svh;min-height:560px;display:grid;position:relative;overflow:hidden}.inside-story-canvas{z-index:0;position:absolute;top:0;bottom:0;left:0;right:0}.inside-zone-b{inset:var(--nav-h) 0 var(--step-h) 0;pointer-events:none;position:absolute}.inside-story-head{z-index:2;padding:calc(var(--nav-h) + 24px) var(--gutter) 0;position:relative}.inside-story-head .section-head{max-width:560px}.inside-story-body{z-index:2;min-height:0;position:relative}.inside-zone-a{top:0;bottom:56px;left:0;right:calc(max((100% - var(--max)) / 2, 0px) + var(--gutter) + min(400px, 36vw));pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.inside-zone-fallback{width:min(240px,60%);transition:opacity .6s}.inside-zone-fallback.is-hidden{opacity:0}.inside-steps{inset:0 var(--gutter) 56px;pointer-events:none;display:grid;position:absolute}.inside-step{opacity:0;flex-direction:column;grid-area:1/1;place-self:center end;gap:14px;width:min(400px,36vw);display:flex}.inside-step-head{align-items:center;gap:16px;display:flex}.inside-step-num{font-family:var(--font-display);color:var(--moss);letter-spacing:.08em;font-size:14px;font-weight:800}.inside-step .h3{font-size:clamp(30px,3vw,40px);line-height:1.05}.inside-step>p{color:var(--ink-muted);font-size:18px;line-height:1.6}.inside-progress{z-index:3;gap:8px;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.inside-progress span{background:var(--card-border);border-radius:4px;width:32px;height:4px;position:relative;overflow:hidden}.inside-progress span i{background:var(--moss);transform-origin:0;position:absolute;top:0;bottom:0;left:0;right:0;transform:scaleX(0)}@media (max-width:899px){.inside-story{--step-h:196px}.inside-story-head .section-head{gap:8px}.inside-story-head .h2{font-size:clamp(30px,8.4vw,44px)}.inside-story-head .lead{font-size:17px}.inside-zone-a{right:0;bottom:var(--step-h)}.inside-steps{height:var(--step-h);padding:0 var(--gutter) 52px;top:auto;bottom:0;left:0;right:0}.inside-step{place-self:end stretch;gap:8px;width:auto;max-width:520px;margin:0 auto}.inside-step .ingredient-icon{border-radius:14px;width:48px;height:48px}.inside-step .ingredient-icon svg{width:26px;height:26px}.inside-step .h3{font-size:28px}.inside-step>p{font-size:16px;line-height:1.55}.inside-progress{bottom:22px}}.full-days .container{flex-wrap:wrap;align-items:center;gap:56px;display:flex}.full-days-copy{flex-direction:column;flex:440px;gap:18px;min-width:0;display:flex}.moments{flex-direction:column;flex:440px;gap:14px;min-width:0;padding:0;list-style:none;display:flex}.moment{background:var(--white);border:1px solid var(--card-border);border-radius:var(--radius-panel);transition:transform .9s var(--ease-out), opacity .9s ease;align-items:center;gap:18px;padding:22px 24px;display:flex;position:relative;overflow:hidden}.moment:before{content:"";background:var(--lime);width:6px;transition:transform .9s var(--ease-out);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.moment-time{font-family:var(--font-display);color:var(--moss);min-width:64px;font-size:22px;font-weight:800}.moment-text{font-size:17px;line-height:1.5}.js-timeline .moment{opacity:.5;transform:scale(.97)}.js-timeline .moment.is-active{opacity:1;transform:scale(1);box-shadow:0 18px 40px #16301b14}.js-timeline .moment.is-active:before{transform:scaleY(1)}.story{background:var(--forest);color:var(--white);position:relative;overflow:hidden}.story-bg{pointer-events:none;position:absolute;top:-20%;bottom:-20%;left:0;right:0}.story-bg span{background:radial-gradient(closest-side,#b7d63a24,#b7d63a00);border-radius:50%;position:absolute}.story-bg span:first-child{width:560px;height:560px;top:10%;left:-180px}.story-bg span:nth-child(2){background:radial-gradient(closest-side,#e3b23c1f,#e3b23c00);width:460px;height:460px;top:45%;right:-140px}.story-bg span:nth-child(3){background:radial-gradient(closest-side,#20412ae6,#20412a00);width:900px;height:900px;margin-left:-450px;top:30%;left:50%}.story .container{text-align:center;flex-direction:column;align-items:center;gap:22px;max-width:820px;display:flex;position:relative}.story .h2{font-size:var(--h2-sm);color:var(--white);line-height:1.08}.story-body{color:var(--on-dark-muted);font-size:19px;line-height:1.7}.story-signoff{font-size:16px;font-weight:700}.order-panel{max-width:var(--max);background:var(--lime);border-radius:var(--radius-order);color:var(--lime-ink);will-change:transform;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:40px;margin:0 auto;padding:clamp(36px,6vw,72px);display:flex}.order-copy{flex-direction:column;flex:460px;gap:14px;min-width:0;display:flex}.order-copy .h2{font-size:var(--h2-sm);color:var(--lime-ink)}.order-copy p{font-size:19px;line-height:1.6}.order-copy .line-id{font-size:17px;font-weight:700}.order-cta{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.order-cta span{font-size:15px}@media (max-width:520px){.order-copy{flex-basis:100%}.order-cta,.order-cta .btn{width:100%}.order-cta{align-items:center}}.footer{background:var(--forest-deep);color:#c7d3c4;padding:48px var(--gutter)}.footer .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px 48px;display:flex}.footer img{width:auto;height:64px}.footer-links{flex-wrap:wrap;gap:4px 28px;font-size:15px;display:flex}.footer-links a{color:var(--on-dark-link);padding:12px 0;text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-legal{width:100%;color:var(--footer-muted);font-size:14px}.ball-cluster{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:64%;display:grid}.ball-cluster svg{width:100%;height:auto}.ball-cluster .ball-cluster-third{grid-column:1/span 2;justify-self:center;max-width:50%}