@font-face{font-family:"Young Serif";src:url(/fonts/young-serif.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Outfit;src:url(/fonts/outfit-var.woff2) format("woff2");font-weight:300 800;font-display:swap}:root{--cream: #faf6ef;--cream-deep: #f2ebdf;--cream-warm: #efe6d6;--teal: #1f9db4;--teal-deep: #12798e;--teal-ink: #0f5f70;--terracotta: #e2704f;--terracotta-soft: #f2b59e;--charcoal: #24201b;--charcoal-2: #2e2922;--charcoal-soft: #5b544a;--line: rgba(36, 32, 27, .1);--font-display: "Young Serif", Georgia, "Times New Roman", serif;--font-body: "Outfit", system-ui, -apple-system, sans-serif;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.76, 0, .24, 1);--ease-soft: cubic-bezier(.33, 1, .68, 1);--radius: 22px;--radius-sm: 14px;--maxw: 1440px;--pad: clamp(1.25rem, 4vw, 3.25rem)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:auto;-webkit-text-size-adjust:100%}body{margin:0;background:var(--cream);color:var(--charcoal);font-family:var(--font-body);font-size:clamp(1rem,.95rem + .25vw,1.1rem);font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}img{max-width:100%;display:block}::selection{background:var(--teal);color:#fff}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.grain{position:fixed;inset:0;z-index:3;pointer-events:none;opacity:.035;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;background:transparent;pointer-events:none}.progress-bar{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--teal),var(--terracotta))}.btn{--_shadow: 0 10px 30px -12px rgba(31,157,180,.5);display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.95rem 1.7rem;border-radius:999px;font-family:var(--font-body);font-weight:600;font-size:1rem;letter-spacing:-.01em;text-decoration:none;border:none;cursor:pointer;white-space:nowrap;color:#fdfdfb;background:var(--teal);box-shadow:var(--_shadow);transition:transform .2s var(--ease-out),background-color .22s ease,box-shadow .22s ease;will-change:transform}.btn:active{transform:scale(.97)}.btn-arrow{transition:transform .26s var(--ease-out)}.btn:hover .btn-arrow{transform:translate(3px)}.btn-primary:hover{background:var(--teal-deep);box-shadow:0 16px 40px -14px #1f9db499}.btn-ghost{background:transparent;color:var(--charcoal);box-shadow:inset 0 0 0 1.5px #24201b38}.btn-ghost:hover{box-shadow:inset 0 0 0 1.5px #24201b80;background:#24201b08}@media (hover: hover) and (pointer: fine){.btn-primary:hover{transform:translateY(-2px)}}:focus-visible{outline:2.5px solid var(--teal);outline-offset:3px;border-radius:6px}.nav{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;height:70px;padding:0 var(--pad);background:color-mix(in srgb,var(--cream) 78%,transparent);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border-bottom:1px solid transparent;transition:transform .42s var(--ease-out),border-color .3s ease,background .3s ease}.nav.is-scrolled{border-bottom-color:var(--line)}.nav.nav-hidden{transform:translateY(-102%)}.nav-brand{display:flex;align-items:baseline;gap:.42rem;text-decoration:none;color:var(--charcoal)}.nav-brand-mark{font-family:var(--font-display);font-size:1.4rem;color:var(--teal);line-height:1}.nav-brand-sub{font-size:.76rem;font-weight:500;color:var(--charcoal-soft)}.nav-links{display:flex;gap:clamp(1.1rem,3vw,2.3rem)}.nav-links a{position:relative;color:var(--charcoal-soft);text-decoration:none;font-weight:500;font-size:.95rem;transition:color .2s ease}.nav-links a:after{content:"";position:absolute;left:0;bottom:-5px;height:2px;width:100%;background:var(--teal);transform:scaleX(0);transform-origin:right;transition:transform .3s var(--ease-out)}.nav-links a:hover{color:var(--charcoal)}.nav-links a:hover:after{transform:scaleX(1);transform-origin:left}.nav-cta{padding:.6rem 1.15rem;font-size:.92rem}@media (max-width: 720px){.nav-links,.nav-cta .btn-arrow{display:none}}.hero{position:relative;min-height:100dvh;display:flex;align-items:center;padding:5.5rem var(--pad) 2rem;background:radial-gradient(1100px 720px at 74% 42%,rgba(31,157,180,.1),transparent 62%),radial-gradient(760px 620px at 18% 88%,rgba(226,112,79,.07),transparent 60%),var(--cream);overflow:clip}.hero-inner{width:100%;max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:center;gap:clamp(1.5rem,4vw,4rem)}.hero-kicker{margin:0 0 1.5rem;font-size:clamp(.72rem,.9vw,.82rem);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-deep);opacity:0;transform:translateY(14px)}.hero-headline{margin:0 0 1.5rem;font-family:var(--font-display);font-weight:400;font-size:clamp(3rem,8vw,6rem);line-height:.98;letter-spacing:-.02em}.hero-headline .line{display:block;overflow:hidden;padding-bottom:.09em}.hero-headline .line-inner{display:inline-block;transform:translateY(112%);will-change:transform}.hero-headline .line-accent{color:var(--teal)}.hero-sub{max-width:34ch;margin:0 0 2.1rem;color:var(--charcoal-soft);font-size:clamp(1.05rem,1.4vw,1.22rem);opacity:0;transform:translateY(18px)}.hero-ctas{display:flex;gap:.85rem;flex-wrap:wrap;opacity:0;transform:translateY(18px)}.hero-visual{position:relative}.scene{position:relative;width:100%;aspect-ratio:1086 / 1448;max-height:82dvh;margin-inline:auto;perspective:1400px;opacity:0;transform:translateY(30px)}.scene-inner{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--ry, 0deg)) rotateY(var(--rx, 0deg));will-change:transform}.scene-inner>*{position:absolute}.scene-glow{inset:8% 6%;border-radius:50%;background:radial-gradient(circle at 50% 45%,rgba(31,157,180,.32),rgba(31,157,180,.06) 55%,transparent 72%);filter:blur(18px);transform:translateZ(-40px) translate3d(var(--px,0),var(--py,0),0)}.scene-leaf{border-radius:46% 54% 60% 40%/52% 44% 56% 48%;filter:blur(24px);opacity:.5;mix-blend-mode:multiply}.scene-leaf-a{width:62%;height:52%;top:-6%;right:-8%;background:radial-gradient(circle,rgba(90,120,46,.5),transparent 70%);transform:translateZ(-70px) translate3d(var(--px,0),var(--py,0),0);animation:drift 14s ease-in-out infinite}.scene-leaf-b{width:54%;height:48%;bottom:-4%;left:-10%;background:radial-gradient(circle,rgba(226,112,79,.4),transparent 70%);transform:translateZ(-90px) translate3d(var(--px,0),var(--py,0),0);animation:drift 18s ease-in-out infinite reverse}@keyframes drift{0%,to{translate:0 0}50%{translate:4% -3%}}.scene-shadow{left:12%;right:12%;bottom:3%;height:7%;border-radius:50%;background:radial-gradient(ellipse,rgba(36,32,27,.34),transparent 70%);filter:blur(14px);transform:translateZ(-20px) translate3d(calc(var(--px,0)*.4),0,0)}.scene-can{inset:0;width:100%;height:100%;object-fit:contain;transform:translateZ(30px) translate3d(var(--px,0),var(--py,0),0);filter:drop-shadow(0 40px 60px rgba(36,32,27,.3));animation:floatCan 7s ease-in-out infinite}@keyframes floatCan{0%,to{translate:0 0}50%{translate:0 -1.6%}}.scene-drops{inset:0;transform:translateZ(70px)}.scene-drops span{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffffff2,#ffffff26 70%);box-shadow:0 0 6px #ffffff80;animation:bob 5s ease-in-out infinite;animation-delay:var(--d)}@keyframes bob{0%,to{transform:translateY(0);opacity:.8}50%{transform:translateY(-8px);opacity:1}}.hero-cue{position:absolute;left:50%;bottom:1.6rem;transform:translate(-50%);width:24px;height:38px;border-radius:14px;border:1.6px solid rgba(36,32,27,.28);display:grid;place-items:start center;padding-top:7px;opacity:0}.hero-cue span{width:3px;height:7px;border-radius:2px;background:var(--charcoal-soft);animation:cue 1.7s var(--ease-in-out) infinite}@keyframes cue{0%{transform:translateY(0);opacity:0}30%{opacity:1}70%{transform:translateY(9px);opacity:0}to{opacity:0}}@media (max-width: 900px){.hero-inner{grid-template-columns:1fr;gap:2rem;padding-top:1rem}.hero{padding-top:6rem;text-align:left}.scene{max-height:58dvh}.hero-cue{display:none}}.marquee{overflow:hidden;background:var(--charcoal);color:var(--cream);padding:1.1rem 0;border-block:1px solid rgba(250,246,239,.08)}.marquee-track{display:inline-flex;white-space:nowrap;will-change:transform}.marquee-track span{font-family:var(--font-display);font-size:clamp(1.3rem,2.4vw,2rem);padding-right:.4rem;letter-spacing:.01em}.marquee-track b{color:var(--teal);font-weight:400;padding:0 .5rem}.inside{position:relative;min-height:118vh}.inside-media{position:absolute;inset:0;overflow:hidden}.inside-img{width:100%;height:122%;object-fit:cover;object-position:center 42%;will-change:transform}.inside-scrim{position:absolute;inset:0;background:linear-gradient(180deg,#14110d8c,#14110d4d 42%,#14110d9e)}.inside-copy{position:relative;z-index:2;min-height:118vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.65rem;max-width:var(--maxw);margin:0 auto;padding:6rem var(--pad)}.inside-lead{margin:0 0 .8rem;font-family:var(--font-body);font-weight:600;font-size:clamp(.8rem,1vw,.95rem);letter-spacing:.14em;text-transform:uppercase;color:var(--terracotta-soft);opacity:0;transform:translateY(24px)}.inside-line{margin:0;font-family:var(--font-display);font-weight:400;font-size:clamp(1.9rem,5.4vw,4.2rem);line-height:1.08;color:var(--cream);text-shadow:0 2px 40px rgba(20,17,13,.4);opacity:0;transform:translateY(30px)}.inside-line-accent{color:#eafff4}.inside-foot{margin:1.6rem 0 0;max-width:32ch;font-size:clamp(1rem,1.5vw,1.2rem);color:#faf6efd1;opacity:0;transform:translateY(24px)}.flavors{position:relative}.flavor{position:sticky;top:0;min-height:100dvh;display:flex;align-items:center;overflow:clip;--world: #ecead9;--ink: #4d6b25;--deep: #35501a}.flavor-kiwi{--world: #e8ecd6;--ink: #557d2a;--deep: #3c5c1a}.flavor-mango{--world: #f6e6c2;--ink: #b5730f;--deep: #8a5300}.flavor-watermelon{--world: #f6cdbe;--ink: #c34526;--deep: #97301a}.flavor-bg{position:absolute;inset:0;background:var(--world);z-index:0}.flavor-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(1000px 700px at 78% 30%,color-mix(in srgb,var(--ink) 20%,transparent),transparent 60%)}.flavor-inner{position:relative;z-index:2;width:100%;max-width:var(--maxw);margin:0 auto;padding:5rem var(--pad);display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(1rem,4vw,4rem)}.flavor-copy{position:relative;z-index:2}.flavor-index{display:inline-block;font-family:var(--font-body);font-weight:600;font-size:.85rem;letter-spacing:.2em;color:var(--deep);opacity:.55;margin-bottom:1rem}.flavor-icon{display:block;width:46px;height:46px;color:var(--ink);margin-bottom:.9rem}.flavor-icon svg{width:100%;height:100%}.flavor-name{margin:0 0 1.1rem;font-family:var(--font-display);font-weight:400;font-size:clamp(3.2rem,9vw,7rem);line-height:.92;letter-spacing:-.02em;color:var(--ink)}.flavor-name em{font-style:italic;color:var(--deep);padding-right:.06em}.flavor-name span{display:inline-block}.flavor-watermelon .flavor-name span{display:block}.flavor-desc{margin:0 0 1.8rem;max-width:30ch;font-size:clamp(1.05rem,1.5vw,1.22rem);color:color-mix(in srgb,var(--charcoal) 82%,var(--ink))}.flavor-meta{display:flex;align-items:center;gap:1.3rem;flex-wrap:wrap;margin:0}.flavor-tag{font-size:.8rem;font-weight:600;letter-spacing:.02em;color:var(--deep);opacity:.8}.flavor-ml{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.6rem);color:var(--ink);line-height:1}.flavor-ml i{font-style:normal;font-size:.5em;padding-left:.1em}.flavor-media{position:relative;display:grid;place-items:center}.flavor-can-glow{position:absolute;width:74%;height:74%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--ink) 34%,transparent),transparent 68%);filter:blur(30px)}.flavor-can{position:relative;width:auto;height:min(80dvh,780px);object-fit:contain;filter:drop-shadow(0 44px 70px rgba(36,32,27,.34));will-change:transform}.flavor-ghost{position:absolute;z-index:1;right:-2%;bottom:-6%;font-family:var(--font-display);font-size:clamp(9rem,30vw,26rem);line-height:.7;color:var(--ink);opacity:.06;pointer-events:none;user-select:none}@media (max-width: 900px){.flavor-inner{grid-template-columns:1fr;padding-top:5.5rem;padding-bottom:2.5rem;gap:1rem;text-align:left}.flavor-media{order:-1}.flavor-can{height:44dvh}.flavor-ghost{font-size:40vw;bottom:2%}}.story{background:var(--charcoal);color:var(--cream);padding:clamp(6rem,12vw,10rem) 0;overflow:clip}.story-inner{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad);display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(2rem,6vw,5rem);align-items:center}.story-visual{position:relative}.story-visual img{border-radius:var(--radius);box-shadow:0 34px 80px -30px #0009;position:relative;z-index:2}.story-visual-glow{position:absolute;inset:-14%;z-index:1;border-radius:50%;background:radial-gradient(circle,rgba(31,157,180,.4),transparent 66%);filter:blur(40px)}.story-kicker{display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-bottom:1.1rem}.story-headline{margin:0 0 1.7rem;font-family:var(--font-display);font-weight:400;font-size:clamp(2.1rem,4.6vw,3.6rem);line-height:1.08;letter-spacing:-.01em}.story-copy p{max-width:54ch;margin:0 0 1.15rem;color:#faf6efc2}.story-note{padding-top:.5rem;font-weight:500;color:var(--terracotta-soft)!important}@media (max-width: 900px){.story-inner{grid-template-columns:1fr}.story-visual{max-width:340px}}.specs{max-width:var(--maxw);margin:0 auto;padding:clamp(5rem,10vw,9rem) var(--pad)}.specs-headline{margin:0 0 2.8rem;font-family:var(--font-display);font-weight:400;font-size:clamp(2.1rem,4.6vw,3.6rem);letter-spacing:-.01em}.specs-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1.1rem}.spec-cell{grid-column:span 2;background:var(--cream-deep);border-radius:var(--radius);padding:1.9rem 1.8rem;display:flex;flex-direction:column;justify-content:flex-end;min-height:236px;border:1px solid var(--line)}.spec-cell-wide{grid-column:span 4}.spec-cell-teal{background:var(--teal);color:#fdfdfb;border-color:transparent}.spec-cell-teal .spec-body{color:#fdfdfbdb}.spec-cell-img{padding:0;overflow:hidden;grid-column:span 2}.spec-cell-img img{width:100%;height:100%;object-fit:cover}.spec-cell-num{background:var(--charcoal);color:var(--cream);border-color:transparent}.spec-cell-num .spec-body{color:#faf6efb8}.spec-title{margin:0 0 .5rem;font-family:var(--font-display);font-size:1.5rem;line-height:1.1}.spec-title-big{font-size:clamp(2.6rem,4vw,3.8rem)}.spec-title-big span{font-size:.34em;opacity:.6;padding-left:.15em}.spec-body{margin:0;font-size:.98rem;color:var(--charcoal-soft)}@media (max-width: 820px){.specs-grid{grid-template-columns:1fr 1fr}.spec-cell,.spec-cell-wide,.spec-cell-img{grid-column:span 2;min-height:180px}.spec-cell-img{min-height:220px}}.waitlist{padding:clamp(5rem,10vw,9rem) var(--pad);background:radial-gradient(820px 500px at 26% 16%,rgba(226,112,79,.12),transparent 60%),radial-gradient(700px 480px at 80% 88%,rgba(31,157,180,.1),transparent 60%),var(--cream-deep)}.waitlist-inner{max-width:620px;margin:0 auto;text-align:center}.waitlist-kicker{display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-deep);margin-bottom:1rem}.waitlist-headline{margin:0 0 1rem;font-family:var(--font-display);font-weight:400;font-size:clamp(2.6rem,6vw,4.2rem);letter-spacing:-.02em}.waitlist-sub{margin:0 auto 2.6rem;max-width:42ch;color:var(--charcoal-soft)}.waitlist-form{display:grid;gap:1.1rem;text-align:left}.field{display:grid;gap:.4rem}.field label{font-weight:600;font-size:.9rem}.field input,.select-wrap select{width:100%;padding:.95rem 1.1rem;font:inherit;color:var(--charcoal);background:#fffdf9;border:1.5px solid rgba(36,32,27,.18);border-radius:14px;transition:border-color .2s ease,box-shadow .2s ease}.field input::placeholder{color:#8a8378}.field input:focus,.select-wrap select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3.5px #1f9db42e}.field input[aria-invalid=true]{border-color:#b3402a;box-shadow:0 0 0 3.5px #b3402a24}.select-wrap{position:relative}.select-wrap select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:2.6rem}.select-chevron{position:absolute;right:1.05rem;top:50%;transform:translateY(-50%);color:var(--charcoal-soft);pointer-events:none}.field-error{margin:.15rem 0 0;font-size:.88rem;font-weight:500;color:#a13a25}.btn-submit{width:100%;margin-top:.3rem}.form-success{margin:.4rem 0 0;text-align:center;font-weight:600;color:var(--teal-deep)}.footer{background:var(--charcoal);color:#faf6efb8;padding:3.4rem var(--pad) 2.6rem}.footer-inner{max-width:var(--maxw);margin:0 auto;display:grid;gap:1.6rem}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;padding-bottom:1.6rem;border-bottom:1px solid rgba(250,246,239,.12)}.footer-brand{margin:0;font-family:var(--font-display);font-size:1.6rem;color:var(--cream)}.footer-brand span{font-family:var(--font-body);font-size:.82rem;color:#faf6ef8c}.footer-links{display:flex;gap:1.6rem;flex-wrap:wrap}.footer-links a{color:var(--cream);text-decoration:none;font-weight:500;font-size:.95rem;transition:color .2s ease}.footer-links a:hover{color:var(--teal)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.footer-tag{margin:0;font-family:var(--font-display);font-size:1.05rem;color:#faf6efd9}.footer-copy{margin:0;font-size:.82rem;color:#faf6ef73}[data-reveal]{opacity:0;transform:translateY(28px)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important}[data-reveal],.hero-kicker,.hero-sub,.hero-ctas,.scene,[data-hero],[data-inside-line],[data-flavor-el]{opacity:1!important;transform:none!important}.hero-headline .line-inner{transform:none!important}.flavor{position:relative}.scene-can,.scene-leaf-a,.scene-leaf-b,.scene-drops span{animation:none!important}.hero-cue{display:none}.marquee-track{transform:none!important}}