:root{
  --night:#07110b;--forest:#0c1b12;--forest-2:#11271a;--cream:#f3f0df;--paper:#ebe9d4;--acid:#f3db45;--acid-2:#d9ff59;--mint:#9bd8b5;--orange:#ff7b45;--lavender:#c5adea;--muted:#a7b2a5;--line:rgba(243,240,223,.16);--glass:rgba(12,27,18,.72);--serif:"Italiana",Georgia,serif;--sans:"Outfit",Arial,sans-serif;--flavor:#f3db45
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--night)}body{margin:0;background:var(--night);color:var(--cream);font-family:var(--sans);overflow-x:hidden;line-height:1.5}body.menu-open{overflow:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}::selection{background:var(--acid);color:var(--night)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#050713}::-webkit-scrollbar-thumb{background:linear-gradient(#49e7ff,#cf55ff);border-radius:8px}*{scrollbar-width:thin;scrollbar-color:#49e7ff #050713}.skip-link{position:fixed;z-index:3000;top:10px;left:10px;padding:12px 18px;background:var(--acid);color:var(--night);transform:translateY(-150%)}.skip-link:focus{transform:none}.grain{position:fixed;inset:0;z-index:1600;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E")}.cursor-light{position:fixed;z-index:0;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(243,219,69,.09),transparent 68%);pointer-events:none;transform:translate(-50%,-50%)}#citrusCanvas{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.62}main,footer{position:relative;z-index:2}.eyebrow,.kicker{font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.eyebrow{color:var(--acid);margin:0 0 20px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:.98}h2{font-size:clamp(48px,7vw,108px);letter-spacing:-.025em}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:2px;padding:17px 24px;font-size:12px;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:transform .25s,box-shadow .25s,background .25s}.button:hover{transform:translateY(-2px)}.button:focus-visible,.line-link:focus-visible,button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--acid);outline-offset:4px}.button-acid{background:linear-gradient(110deg,var(--acid),var(--acid-2));color:var(--night);box-shadow:0 14px 38px rgba(243,219,69,.16)}.button-acid:hover{box-shadow:0 16px 46px rgba(243,219,69,.28)}.button-dark{background:var(--night);color:var(--cream)}
.site-header{position:fixed;z-index:1500;top:0;left:0;width:100%;height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(22px,5vw,80px);border-bottom:1px solid transparent;transition:.4s}.site-header.scrolled{height:68px;background:rgba(7,17,11,.76);border-color:var(--line);backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:600;letter-spacing:.17em}.brand-fruit{position:relative;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--acid);border-radius:50%;transform:rotate(-14deg)}.brand-fruit:before,.brand-fruit:after,.brand-fruit i{content:"";position:absolute;left:50%;top:50%;background:var(--acid);transform-origin:left center;height:1px;width:14px}.brand-fruit:before{transform:rotate(0deg)}.brand-fruit:after{transform:rotate(60deg)}.brand-fruit i{transform:rotate(120deg)}.desktop-nav{display:flex;gap:34px;font-size:11px}.desktop-nav a{color:rgba(243,240,223,.68);transition:color .2s}.desktop-nav a:hover{color:var(--acid)}.nav-cart{justify-self:end;display:flex;gap:10px;align-items:center;border:1px solid rgba(243,240,223,.32);background:rgba(7,17,11,.25);padding:9px 12px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;cursor:pointer}.nav-cart b{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--acid);color:var(--night)}.menu-toggle{display:none;justify-self:end;width:44px;height:44px;border:0;background:transparent}.menu-toggle span{display:block;height:1px;background:var(--cream);margin:7px}.mobile-menu{display:none}
.hero{position:relative;min-height:100vh;overflow:hidden;padding:130px clamp(24px,7vw,118px) 0}.hero-aurora{position:absolute;inset:-20%;background:radial-gradient(circle at 65% 40%,rgba(243,219,69,.15),transparent 22%),radial-gradient(circle at 20% 15%,rgba(108,181,126,.12),transparent 30%),conic-gradient(from 210deg at 64% 45%,transparent,rgba(243,219,69,.05),transparent 18%);filter:blur(4px);animation:aurora 12s ease-in-out infinite alternate}@keyframes aurora{to{transform:scale(1.08) rotate(3deg)}}.hero-grid{position:relative;z-index:3;max-width:1500px;margin:auto;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:5vw;min-height:calc(100vh - 170px)}.hero-copy{padding-bottom:60px}.kicker{display:flex;align-items:center;gap:9px;color:rgba(243,240,223,.64);margin-bottom:26px}.kicker span{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 16px var(--acid);animation:pulse 1.7s infinite}@keyframes pulse{50%{opacity:.35;transform:scale(.7)}}.hero h1{font-size:clamp(72px,9.3vw,154px);letter-spacing:-.045em;margin-bottom:28px}.hero h1 em{font-weight:400;color:var(--acid)}.hero-lead{max-width:570px;color:rgba(243,240,223,.66);font-size:17px;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:35px}.line-link{font-size:12px;border-bottom:1px solid rgba(243,240,223,.35);padding:12px 0}.line-link span{margin-left:12px}.hero-proof{display:flex;gap:30px;margin-top:55px;padding-top:22px;border-top:1px solid var(--line);max-width:590px}.hero-proof div{display:grid;gap:3px}.hero-proof strong{font-family:var(--serif);font-size:28px;font-weight:400;color:var(--acid)}.hero-proof span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:rgba(243,240,223,.48)}
.product-universe{position:relative;min-height:720px;perspective:1300px;transform-style:preserve-3d}.product-stage{position:absolute;z-index:5;left:50%;top:50%;width:min(610px,76%);aspect-ratio:16/11;transform:translate(-50%,-50%) rotateX(var(--tiltY,0deg)) rotateY(var(--tiltX,0deg));border:1px solid rgba(243,240,223,.25);padding:12px;background:rgba(236,238,209,.08);backdrop-filter:blur(14px);box-shadow:0 50px 110px rgba(0,0,0,.45),inset 0 0 40px rgba(243,219,69,.06);transition:transform .15s ease-out;overflow:hidden}.product-stage:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 90deg,transparent,rgba(243,219,69,.15),transparent 32%);animation:stageSpin 9s linear infinite}.product-stage img{position:relative;z-index:2;width:100%;height:100%;object-fit:cover;filter:saturate(1.02) contrast(1.03)}.stage-sheen{position:absolute;z-index:3;inset:12px;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.28) 48%,transparent 57%);transform:translateX(-120%);animation:sheen 5s ease-in-out infinite}@keyframes stageSpin{to{transform:rotate(360deg)}}@keyframes sheen{0%,45%{transform:translateX(-130%)}75%,100%{transform:translateX(130%)}}.orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(243,219,69,.24);border-radius:50%;transform-style:preserve-3d}.orbit-one{width:88%;aspect-ratio:1;transform:translate(-50%,-50%) rotateX(68deg);animation:orbitOne 14s linear infinite}.orbit-two{width:70%;aspect-ratio:1;transform:translate(-50%,-50%) rotateY(68deg);animation:orbitTwo 18s linear infinite reverse}.orbit-three{width:100%;height:52%;transform:translate(-50%,-50%) rotate(-18deg);border-color:rgba(155,216,181,.16);animation:orbitThree 12s ease-in-out infinite alternate}@keyframes orbitOne{to{transform:translate(-50%,-50%) rotateX(68deg) rotateZ(360deg)}}@keyframes orbitTwo{to{transform:translate(-50%,-50%) rotateY(68deg) rotateZ(360deg)}}@keyframes orbitThree{to{transform:translate(-50%,-50%) rotate(14deg)}}.slice{position:absolute;z-index:7;width:86px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at center,#fffbd4 0 12%,#f0d956 13% 58%,#fff5a9 59% 66%,#c8b329 67% 74%,transparent 75%);box-shadow:0 15px 30px rgba(0,0,0,.28);transform-style:preserve-3d}.slice:before,.slice:after,.slice i{content:"";position:absolute;left:50%;top:12%;bottom:12%;width:1px;background:rgba(90,80,0,.25);transform-origin:center}.slice:after{transform:rotate(60deg)}.slice i{transform:rotate(120deg)}.slice-one{left:7%;top:17%;animation:floatOne 6s ease-in-out infinite}.slice-two{right:3%;top:57%;width:68px;animation:floatTwo 7s ease-in-out infinite}.slice-three{left:19%;bottom:3%;width:52px;animation:floatOne 5s ease-in-out infinite reverse}@keyframes floatOne{50%{transform:translateY(-20px) rotate(16deg)}}@keyframes floatTwo{50%{transform:translateY(18px) rotate(-20deg)}}.leaf{position:absolute;z-index:6;width:70px;height:29px;background:linear-gradient(135deg,#6aa873,#214d2c);border-radius:100% 0 100% 0;filter:drop-shadow(0 10px 16px rgba(0,0,0,.25))}.leaf:after{content:"";position:absolute;left:5%;right:5%;top:50%;height:1px;background:rgba(255,255,255,.28)}.leaf-one{right:9%;top:15%;transform:rotate(-18deg);animation:leafFloat 5s ease-in-out infinite}.leaf-two{left:2%;bottom:20%;transform:rotate(42deg);animation:leafFloat 6s ease-in-out infinite reverse}@keyframes leafFloat{50%{translate:0 -15px;rotate:8deg}}.telemetry{position:absolute;z-index:8;background:rgba(7,17,11,.72);border:1px solid rgba(243,240,223,.18);backdrop-filter:blur(14px);padding:13px 16px;box-shadow:0 18px 36px rgba(0,0,0,.22)}.telemetry small{display:block;font-size:8px;letter-spacing:.14em;color:rgba(243,240,223,.45)}.telemetry strong{font-family:var(--serif);font-size:24px;font-weight:400;color:var(--acid)}.telemetry-a{top:18%;right:0}.telemetry-b{bottom:15%;left:1%}.telemetry-c{right:6%;bottom:10%;font-size:9px;letter-spacing:.12em}.telemetry-c span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint);margin-right:7px}.drag-note{position:absolute;left:50%;bottom:4%;transform:translateX(-50%);font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:rgba(243,240,223,.38)}.hero-marquee{position:absolute;z-index:4;bottom:0;left:0;width:100%;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;font-size:9px;letter-spacing:.18em;color:rgba(243,240,223,.42);white-space:nowrap}.hero-marquee div{width:max-content;animation:marquee 25s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}
.origin,.flavors,.purity,.crate{scroll-margin-top:78px}.origin{position:relative;background:var(--paper);color:var(--night);padding:160px clamp(24px,8vw,140px)}.origin-sticky{max-width:1400px;margin:auto;display:grid;grid-template-columns:1fr .85fr;gap:9vw;align-items:center}.origin-visual{position:relative;min-height:690px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(150deg,#d6ddb7,#f4e492 50%,#c7d7af);box-shadow:inset 0 0 100px rgba(7,17,11,.1)}.sun-disc{position:absolute;width:420px;aspect-ratio:1;border-radius:50%;background:linear-gradient(145deg,#fff9b5,#e6bd31);box-shadow:0 0 90px rgba(227,193,55,.45)}.origin-bottle{position:relative;z-index:3;width:190px;height:430px;border-radius:50px 50px 28px 28px;background:linear-gradient(90deg,rgba(255,255,255,.22),rgba(255,251,200,.68) 35%,rgba(237,207,72,.8) 70%,rgba(255,255,255,.2));border:2px solid rgba(255,255,255,.55);box-shadow:inset -25px 0 35px rgba(112,85,0,.18),30px 50px 50px rgba(24,37,20,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#172017}.origin-bottle:before{content:"";position:absolute;width:80px;height:95px;left:50%;top:-92px;transform:translateX(-50%);border-radius:10px 10px 0 0;background:linear-gradient(90deg,#d6d8bd,#fffde8,#b9bda3);box-shadow:inset 0 0 0 2px rgba(255,255,255,.6)}.origin-bottle:after{content:"";position:absolute;inset:135px 16px 110px;background:rgba(247,244,213,.78);border:1px solid rgba(7,17,11,.22);z-index:-1}.origin-bottle span{font:12px var(--sans);letter-spacing:.16em}.origin-bottle strong{font:31px/1 var(--serif);text-align:center;margin:12px 0}.origin-bottle small{font-size:8px;letter-spacing:.12em}.origin-rings{position:absolute;inset:0}.origin-rings i{position:absolute;border:1px solid rgba(7,17,11,.18);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.origin-rings i:nth-child(1){width:65%;aspect-ratio:1}.origin-rings i:nth-child(2){width:92%;aspect-ratio:1}.origin-rings i:nth-child(3){width:115%;aspect-ratio:1}.origin-coordinates{position:absolute;right:25px;bottom:22px;text-align:right;font-size:9px;letter-spacing:.12em}.origin-copy .eyebrow{color:#806f00}.origin-copy h2{font-size:clamp(55px,7vw,106px);margin-bottom:32px}.origin-copy>p:not(.eyebrow){font-size:17px;line-height:1.75;color:#4c594e}.process-list{margin-top:50px}.process-step{width:100%;display:grid;grid-template-columns:75px 1fr;text-align:left;border:0;border-top:1px solid rgba(7,17,11,.15);background:transparent;padding:18px 0;cursor:pointer;color:var(--night);opacity:.52;transition:.3s}.process-step:last-child{border-bottom:1px solid rgba(7,17,11,.15)}.process-step.active{opacity:1;padding-left:14px;background:linear-gradient(90deg,rgba(243,219,69,.32),transparent)}.process-step>span{font:20px var(--serif);color:#887500}.process-step strong{display:block;font:21px var(--serif);font-weight:400}.process-step small{color:#5f6a61}
.flavors{position:relative;padding:150px clamp(24px,7vw,118px);background:#09150d;overflow:hidden}.flavors:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 8% 35%,color-mix(in srgb,var(--flavor) 13%,transparent),transparent 26%);transition:.7s}.section-head{max-width:1050px;margin:0 auto 70px;text-align:center}.section-head p:last-child{max-width:620px;margin:25px auto 0;color:rgba(243,240,223,.58)}.flavor-lab{max-width:1450px;margin:auto;display:grid;grid-template-columns:1.18fr .82fr;border:1px solid var(--line);background:rgba(255,255,255,.025);min-height:730px}.flavor-scene{position:relative;overflow:hidden;min-height:660px;background:#e9eddb;display:grid;place-items:center}.flavor-scene img{width:100%;height:100%;object-fit:cover;filter:saturate(.9);transition:transform 1s,filter .6s}.flavor-scene:hover img{transform:scale(1.025);filter:saturate(1.06)}.flavor-aura{position:absolute;z-index:2;width:520px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--flavor) 28%,transparent),transparent 70%);filter:blur(18px);mix-blend-mode:multiply;transition:.6s}.scene-scan{position:absolute;z-index:3;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.65) 50%,transparent 50.2%);transform:translateX(-100%);animation:scan 5s ease-in-out infinite}@keyframes scan{0%,25%{transform:translateX(-100%)}70%,100%{transform:translateX(100%)}}.active-marker{position:absolute;z-index:4;left:50%;top:50%;width:94px;height:94px;border:1px solid var(--flavor);border-radius:50%;display:grid;place-items:center;color:var(--night);transition:.6s;box-shadow:0 0 0 12px color-mix(in srgb,var(--flavor) 13%,transparent)}.active-marker:before,.active-marker:after{content:"";position:absolute;background:var(--flavor)}.active-marker:before{width:130%;height:1px}.active-marker:after{height:130%;width:1px}.active-marker span{font:31px var(--serif);background:rgba(244,245,224,.8);border-radius:50%;width:55px;height:55px;display:grid;place-items:center}.scene-caption{position:absolute;z-index:4;left:25px;bottom:22px;background:rgba(7,17,11,.82);backdrop-filter:blur(12px);padding:15px 18px}.scene-caption small{display:block;font-size:8px;letter-spacing:.15em;color:var(--flavor)}.scene-caption strong{font:23px var(--serif);font-weight:400}.flavor-console{padding:38px clamp(26px,4vw,65px);display:flex;flex-direction:column}.flavor-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.flavor-tab{border:1px solid var(--line);background:transparent;padding:13px 8px;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.flavor-tab span{width:8px;height:8px;border-radius:50%;background:var(--dot)}.flavor-tab.active{background:var(--flavor);color:var(--night);border-color:var(--flavor)}.flavor-copy{padding:45px 0 32px}.flavor-copy .eyebrow{color:var(--flavor)}.flavor-copy h3{font-size:clamp(47px,5vw,78px);margin-bottom:20px}.flavor-copy>p:last-child{color:rgba(243,240,223,.6);line-height:1.7}.sensory-grid{display:grid;grid-template-columns:135px 1fr;gap:28px;align-items:center;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.sensory-ring{width:125px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--flavor) 0 var(--ring,82%),rgba(255,255,255,.08) var(--ring));position:relative;transition:.6s}.sensory-ring:after{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--forest)}.sensory-ring div{position:relative;z-index:2;text-align:center}.sensory-ring strong{display:block;font:29px var(--serif);font-weight:400}.sensory-ring small{font-size:8px;letter-spacing:.15em;color:rgba(243,240,223,.45)}.sensory-bars{display:grid;gap:14px}.sensory-bars>div span{display:flex;justify-content:space-between;font-size:10px;color:rgba(243,240,223,.6)}.sensory-bars b{color:var(--cream)}.sensory-bars i{display:block;height:4px;background:rgba(255,255,255,.08);margin-top:7px}.sensory-bars em{display:block;height:100%;background:var(--flavor);transition:width .65s}.ritual-card{margin:24px 0;padding:16px 18px;border-left:2px solid var(--flavor);background:rgba(255,255,255,.035)}.ritual-card small{font-size:8px;letter-spacing:.15em;color:var(--flavor)}.ritual-card p{margin:7px 0 0;color:rgba(243,240,223,.68);font-size:12px;line-height:1.6}.flavor-console>.button{margin-top:auto;width:100%}
.purity{background:var(--paper);color:var(--night);padding:150px clamp(24px,7vw,118px)}.purity-intro{display:grid;grid-template-columns:.35fr 1.2fr .55fr;gap:5vw;align-items:end;margin-bottom:70px}.purity-intro .eyebrow{color:#857400}.purity-intro h2{margin:0}.purity-intro>p:last-child{color:#526055;line-height:1.7}.purity-stack{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;perspective:1200px}.purity-card{position:relative;min-height:420px;padding:28px;background:#f7f5e8;border:1px solid rgba(7,17,11,.12);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;transform-style:preserve-3d}.purity-card:hover{box-shadow:0 28px 60px rgba(7,17,11,.13)}.purity-card>span{position:absolute;right:20px;top:17px;font:28px var(--serif);color:#a5aa9c}.purity-icon{width:115px;aspect-ratio:1;margin:50px auto 55px;border-radius:50%;position:relative;background:linear-gradient(145deg,#f4da45,#c3a912);box-shadow:inset -15px -15px 28px rgba(75,61,0,.18),20px 25px 35px rgba(7,17,11,.12);transform:translateZ(20px)}.purity-icon:after{content:"";position:absolute;inset:18px;border:1px solid rgba(7,17,11,.23);border-radius:50%}.water-icon{background:linear-gradient(145deg,#bfe8db,#4d9d7b);border-radius:50% 50% 50% 0;transform:translateZ(20px) rotate(-45deg)}.water-icon:after{transform:rotate(45deg)}.sugar-icon{border-radius:17px;background:linear-gradient(145deg,#fffce8,#d4d0b5)}.sugar-icon:before{content:"0g";position:absolute;inset:0;display:grid;place-items:center;font:34px var(--serif)}.glass-icon{border-radius:44% 44% 25% 25%;background:linear-gradient(90deg,rgba(164,202,177,.4),rgba(255,255,255,.65),rgba(117,165,135,.38));border:1px solid rgba(48,85,61,.28)}.purity-card h3{font-size:30px;margin-bottom:14px}.purity-card p{color:#5a655c;font-size:13px;line-height:1.65}.purity-card small{margin-top:auto;padding-top:20px;border-top:1px solid rgba(7,17,11,.12);font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#7e6c00}
.crate{padding:160px clamp(24px,8vw,140px);display:grid;grid-template-columns:.8fr 1.05fr;gap:9vw;align-items:center;background:linear-gradient(145deg,#10251a,#07110b)}.crate-copy h2{font-size:clamp(60px,7vw,108px)}.crate-copy>p:not(.eyebrow){max-width:550px;color:rgba(243,240,223,.58);line-height:1.75}.crate-benefits{display:grid;gap:12px;margin-top:35px}.crate-benefits span{font-size:11px;color:rgba(243,240,223,.72);padding-left:18px;position:relative}.crate-benefits span:before{content:"";position:absolute;left:0;top:7px;width:7px;height:7px;border-radius:50%;background:var(--acid)}.crate-builder{padding:35px;background:var(--paper);color:var(--night);box-shadow:0 40px 90px rgba(0,0,0,.28)}.crate-top{display:flex;justify-content:space-between;align-items:end;padding-bottom:22px;border-bottom:1px solid rgba(7,17,11,.15)}.crate-top small{display:block;font-size:8px;letter-spacing:.15em;color:#6c776e}.crate-top strong{font:28px var(--serif);font-weight:400}.crate-top>span{font-size:10px;color:#627065}.bottle-slots{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;min-height:195px;align-items:end;padding:28px 0}.bottle-slot{height:160px;border:1px dashed rgba(7,17,11,.2);position:relative;display:flex;justify-content:center;align-items:flex-end;padding-bottom:12px}.bottle-slot.filled{border-style:solid;background:linear-gradient(180deg,transparent,rgba(243,219,69,.12))}.mini-bottle{width:42px;height:115px;border-radius:11px 11px 7px 7px;background:linear-gradient(90deg,rgba(255,255,255,.45),var(--bottle),rgba(255,255,255,.18));box-shadow:inset -7px 0 12px rgba(7,17,11,.15),4px 8px 14px rgba(7,17,11,.12);position:relative;animation:bottleIn .4s ease both}@keyframes bottleIn{from{opacity:0;transform:translateY(18px) scale(.85)}}.mini-bottle:before{content:"";position:absolute;left:50%;top:-24px;transform:translateX(-50%);width:18px;height:25px;background:#d8dbc7;border-radius:3px 3px 0 0}.mini-bottle:after{content:attr(data-code);position:absolute;left:5px;right:5px;top:40px;padding:8px 1px;background:rgba(252,251,232,.82);text-align:center;font-size:7px;font-weight:600}.bottle-slot button{position:absolute;top:5px;right:5px;border:0;background:transparent;color:#667068;cursor:pointer}.empty-plus{font:32px var(--serif);color:#9da59e;margin:auto}.crate-progress{height:5px;background:#d4d3c1;overflow:hidden}.crate-progress i{display:block;width:50%;height:100%;background:linear-gradient(90deg,#c6ab16,var(--acid));transition:width .4s}.crate-selector{padding:25px 0}.crate-selector label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:9px}.crate-selector>div{display:grid;grid-template-columns:1fr auto}.crate-selector select{appearance:none;border:1px solid rgba(7,17,11,.17);background:#f8f7ea;color:var(--night);padding:14px 45px 14px 14px;outline:0}.crate-selector button{border:0;background:var(--acid);color:var(--night);padding:0 20px;font-size:11px;font-weight:600;cursor:pointer}.crate-total{display:flex;justify-content:space-between;align-items:center;padding-top:22px;border-top:1px solid rgba(7,17,11,.15)}.crate-total small{display:block;font-size:8px;letter-spacing:.15em}.crate-total strong{font:32px var(--serif);font-weight:400}.prototype-note{text-align:right;font-size:8px;color:#758078;margin:12px 0 0}
.proof{padding:140px clamp(24px,8vw,140px);background:#0a160f}.proof-quote{max-width:1050px;margin:auto;text-align:center}.proof-quote>p{font:100px/1 var(--serif);height:60px;color:var(--acid)}.proof-quote blockquote{font:clamp(35px,5vw,73px)/1.25 var(--serif);margin:20px 0 35px}.proof-quote>div{display:flex;justify-content:center;gap:12px;font-size:11px}.proof-quote span{color:rgba(243,240,223,.46)}.proof-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:90px}.proof-metrics div{text-align:center;padding:34px;border-right:1px solid var(--line)}.proof-metrics div:last-child{border:0}.proof-metrics strong{display:block;font:46px var(--serif);font-weight:400;color:var(--acid)}.proof-metrics span{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:rgba(243,240,223,.45)}
.finale{position:relative;min-height:94vh;display:grid;place-items:center;text-align:center;overflow:hidden;background:radial-gradient(circle at 50% 52%,#284127,#09130c 44%,#050b07 72%)}.finale-sun{position:absolute;width:min(52vw,740px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff7a0 0,#e7c728 46%,rgba(231,199,40,.16) 49%,transparent 69%);filter:blur(.2px);animation:finalSun 7s ease-in-out infinite alternate}@keyframes finalSun{to{transform:scale(1.06);filter:blur(2px)}}.finale-slice{left:50%;top:50%;width:min(40vw,520px);transform:translate(-50%,-50%);opacity:.4;mix-blend-mode:multiply}.finale-copy{position:relative;z-index:3;text-shadow:0 4px 30px rgba(7,17,11,.42)}.finale-copy h2{font-size:clamp(76px,11vw,168px);margin-bottom:35px}.finale-copy .eyebrow{color:var(--cream)}
footer{padding:55px clamp(24px,7vw,118px) 120px;background:#050b07;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;align-items:center}.footer-brand{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.14em}footer>p{text-align:center;margin:0;font-size:10px;color:rgba(243,240,223,.42)}footer>div:nth-of-type(2){display:flex;justify-content:flex-end;gap:20px;font-size:10px}footer small{grid-column:1/-1;text-align:center;color:rgba(243,240,223,.26);font-size:8px}.crate-dock{position:fixed;z-index:1200;left:50%;bottom:17px;transform:translate(-50%,140%);width:min(620px,calc(100% - 30px));display:flex;align-items:center;gap:15px;padding:7px;background:rgba(243,240,223,.94);color:var(--night);box-shadow:0 22px 60px rgba(0,0,0,.35);backdrop-filter:blur(16px);transition:transform .45s cubic-bezier(.2,.8,.2,1)}.crate-dock.show{transform:translate(-50%,0)}.dock-slots{display:flex;gap:3px;border:0;background:transparent;padding:4px;cursor:pointer}.dock-slots i{display:block;width:9px;height:24px;border:1px solid #7b827c;border-radius:3px;background:var(--mini,transparent)}.crate-dock>div{flex:1}.crate-dock small{display:block;font-size:7px;letter-spacing:.14em;color:#6a746c}.crate-dock strong{font:17px var(--serif);font-weight:400}.dock-button{align-self:stretch;border:0;background:var(--night);color:var(--cream);padding:0 20px;font-size:10px;font-weight:600;cursor:pointer}.toast{position:fixed;z-index:2000;top:90px;left:50%;transform:translate(-50%,-30px);background:var(--acid);color:var(--night);padding:14px 20px;font-size:11px;opacity:0;pointer-events:none;transition:.3s;box-shadow:0 18px 48px rgba(0,0,0,.3)}.toast.show{opacity:1;transform:translate(-50%,0)}.motion-ready .reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s}.motion-ready .reveal.in{opacity:1;transform:none}
@media(max-width:1050px){.desktop-nav{display:none}.site-header{grid-template-columns:1fr auto auto;gap:10px}.menu-toggle{display:block}.mobile-menu{position:fixed;z-index:1400;inset:0;background:#07110b;padding:120px 25px 40px;flex-direction:column;gap:20px;font:40px var(--serif)}.mobile-menu.open{display:flex}.mobile-menu .button{margin-top:auto;font:12px var(--sans)}.hero-grid{grid-template-columns:1fr}.hero-copy{padding-bottom:0}.product-universe{min-height:620px}.origin-sticky,.crate{grid-template-columns:1fr}.origin-visual{min-height:590px}.flavor-lab{grid-template-columns:1fr}.flavor-scene{min-height:620px}.purity-intro{grid-template-columns:1fr 1fr}.purity-intro>p:last-child{grid-column:2}.purity-stack{grid-template-columns:repeat(2,1fr)}.crate-copy{max-width:800px}.proof-metrics{grid-template-columns:repeat(3,1fr)}footer{grid-template-columns:1fr;text-align:center}.footer-brand,footer>div:nth-of-type(2){justify-content:center}footer small{grid-column:auto}}
@media(max-width:650px){html,body{max-width:100%;overflow-x:hidden}.cursor-light{display:none}.site-header{height:68px;padding:0 18px}.nav-cart span{display:none}.brand{font-size:8px}.brand-fruit{width:29px;height:29px}.hero{padding:105px 22px 0}.hero-grid{display:block;min-height:auto}.hero h1{font-size:64px}.hero-lead{font-size:14px}.hero-actions{align-items:stretch;flex-direction:column;gap:12px}.line-link{text-align:center}.hero-proof{gap:15px;justify-content:space-between;margin-top:35px}.hero-proof strong{font-size:23px}.product-universe{min-height:520px;margin:20px -10px 0}.product-stage{width:83%;aspect-ratio:4/3}.telemetry{padding:10px}.telemetry-a{right:0;top:13%}.telemetry-b{left:0;bottom:16%}.telemetry-c{display:none}.slice-one{left:1%;top:15%}.slice-two{right:0}.drag-note{bottom:1%}.hero-marquee{position:relative;margin:0 -22px;width:calc(100% + 44px)}.origin{padding:95px 18px}.origin-sticky{gap:70px}.origin-visual{min-height:500px}.sun-disc{width:310px}.origin-bottle{width:140px;height:320px}.origin-bottle:before{width:60px;height:70px;top:-67px}.origin-bottle:after{inset:105px 12px 80px}.origin-copy h2{font-size:56px}.process-step{grid-template-columns:65px 1fr}.flavors{padding:100px 18px}.section-head{text-align:left;margin-bottom:45px}.flavor-lab{min-height:0}.flavor-scene{min-height:430px}.active-marker{width:72px;height:72px}.flavor-console{padding:30px 20px}.flavor-copy{padding:35px 0 25px}.flavor-copy h3{font-size:47px}.sensory-grid{grid-template-columns:100px 1fr;gap:18px}.sensory-ring{width:95px}.purity{padding:100px 18px}.purity-intro{grid-template-columns:1fr;margin-bottom:50px}.purity-intro>p:last-child{grid-column:auto}.purity-intro h2{font-size:52px}.purity-stack{grid-template-columns:1fr}.purity-card{min-height:360px}.purity-icon{margin:35px auto}.crate{padding:100px 18px}.crate-copy h2{font-size:58px}.crate-builder{padding:23px 15px}.crate-top{align-items:flex-start}.crate-top>span{max-width:110px;text-align:right}.bottle-slots{gap:4px;min-height:155px}.bottle-slot{height:130px}.mini-bottle{width:30px;height:87px}.mini-bottle:before{width:14px;height:18px;top:-17px}.mini-bottle:after{left:3px;right:3px;top:30px;font-size:5px}.crate-selector>div{grid-template-columns:1fr}.crate-selector button{padding:13px}.crate-total{align-items:flex-end;gap:15px}.crate-total .button{padding:14px 15px}.proof{padding:100px 20px}.proof-quote blockquote{font-size:37px}.proof-quote>div{flex-direction:column}.proof-metrics{grid-template-columns:1fr;margin-top:60px}.proof-metrics div{border-right:0;border-bottom:1px solid var(--line)}.finale{min-height:80vh}.finale-sun{width:95vw}.finale-slice{width:75vw}.finale-copy h2{font-size:68px}.crate-dock{bottom:8px}.dock-button{padding:0 14px}.toast{top:auto;bottom:100px;width:calc(100% - 36px);text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cursor-light{display:none}.hero-aurora,.kicker span,.product-stage:before,.stage-sheen,.orbit,.slice,.leaf,.scene-scan,.mini-bottle,.finale-sun{animation:none!important}.product-stage{transform:translate(-50%,-50%)!important}.motion-ready .reveal{opacity:1;transform:none}.flavor-scene img{transition:none}}

/* Readability pass: vivid citrus editorial typography */
body{font-size:17px}.eyebrow,.kicker{font-size:13px;letter-spacing:.16em}.brand{font-size:13px}.desktop-nav{font-size:14px}.nav-cart{font-size:12px}.button,.line-link{font-size:13px}.telemetry,.drag-note,.process-step small,.flavor-select label{font-size:11px}.proof-quote>div,.proof-metrics span{font-size:12px}.footer-brand,footer>p,footer>div:nth-of-type(2){font-size:12px}footer small{font-size:11px}.crate-dock small{font-size:11px}.dock-button,.toast{font-size:12px}small{font-size:11px!important}.hero-marquee div,.prototype-note,#crateStatus,.crate-selector label,.hero-proof span,.sensory-bars b{font-size:11px}
@media(max-width:650px){.brand{font-size:11px}.hero h1{font-size:70px}.hero-lead{font-size:16px}.origin-copy h2,.purity-intro h2{font-size:60px}.flavor-copy h3{font-size:52px}.crate-copy h2{font-size:62px}}