:root{--ink:#173b35;--cream:#f5f1e4;--gold:#ffbe53;--flavor:#ffbe53;--mx:0;--my:0;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.04}h1 em,h2 em{font-weight:400}h2{font-size:clamp(42px,4.8vw,76px);letter-spacing:-2.5px}p+p{margin-top:20px}a,button{transition:color .4s,background .4s,box-shadow .5s,transform .6s}a:focus-visible,button:focus-visible{outline:3px solid #ffbe53;outline-offset:6px}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--cream);padding:10px}.skip:focus{top:10px}header{position:absolute;z-index:20;top:0;left:0;width:100%;height:104px;padding:14px 5%;display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(#041b20c9,#041b2050);color:#fff}.wordmark{font-family:Georgia,serif;font-size:52px;font-style:italic;font-weight:700;line-height:1;letter-spacing:-4px}.wordmark span{display:block;font:9px Arial;letter-spacing:3px;margin-top:10px;text-align:center}nav{display:flex;gap:32px;align-items:center}nav a{font-size:15px;position:relative;white-space:nowrap}nav a:after{content:'';height:1px;position:absolute;left:0;bottom:-8px;width:0;background:var(--gold);transition:width .5s}nav a:hover:after,nav a.current:after{width:100%}.header-shop,.button{background:var(--gold);color:#173027;display:inline-flex;align-items:center;justify-content:center;gap:32px;padding:14px 28px;border-radius:40px;font-size:14px;font-weight:600;white-space:nowrap}.header-shop:hover,.button:hover{box-shadow:0 0 35px #ffc66265;transform:translateY(-3px)}.button span,.text-link span{transition:transform .5s}.button:hover span,.text-link:hover span{transform:translate(3px,-3px)}.menu-toggle{display:none}.eyebrow{font-size:11px;letter-spacing:3px;font-weight:600;text-transform:uppercase}.hero{position:relative;min-height:850px;height:min(1000px,100svh);isolation:isolate;overflow:hidden;color:white;background:#082c33;--flavor:#ffbe53;transition:--flavor 1s}.environment,.ambient,.foreground,.sun-haze,.water-light,.fireflies{position:absolute;inset:0;pointer-events:none}.environment{inset:-20px;background:url('assets/lagoon.webp') center/cover;transform:translate(calc(var(--mx)*-5px),calc(var(--my)*-4px));animation:environment-breathe 22s ease-in-out infinite alternate;z-index:-5}.environment:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#001b23aa 0%,#001a207a 26%,transparent 57%,#021f2966 100%)}.ambient{background:url('assets/environment.webp') center/cover;mix-blend-mode:screen;opacity:.13;animation:haze 18s ease-in-out infinite alternate;z-index:-4}.sun-haze{inset:10% -10% 0;background:radial-gradient(ellipse at 60% 55%,color-mix(in srgb,var(--flavor) 28%,transparent),transparent 45%);mix-blend-mode:screen;animation:light-breath 8s ease-in-out infinite alternate;transition:background 1s;z-index:-2}.water-light{inset:65% -20% -15%;background:repeating-radial-gradient(ellipse at 45% 100%,transparent 0 22px,#e5eaaa16 26px,transparent 29px 62px);transform:scaleY(.4);animation:water 14s linear infinite alternate;mix-blend-mode:screen;z-index:-1}.hero-copy{position:absolute;z-index:8;top:125px;left:10%;width:80%;text-align:center}.hero-copy .eyebrow{color:#ffd38b;font-size:13px;letter-spacing:7px}.hero-copy h1{font-size:clamp(70px,7vw,116px);letter-spacing:-3px;margin:13px 0 10px;text-shadow:0 4px 35px #0005}.hero-copy h1 em{font-style:normal;color:var(--gold)}.hero-copy>p:not(.eyebrow){font-size:18px;text-shadow:0 2px 10px #000}.hero-cta{margin-top:19px;padding:10px 24px;font-size:12px}.mobile-break{display:none}.scene{position:absolute;z-index:2;left:50%;bottom:148px;width:min(1400px,95vw);height:clamp(370px,48vh,510px);transform:translateX(-50%)}.secondary-bottles{position:absolute;inset:0;z-index:2}.bottle-secondary{position:absolute;bottom:8%;height:77%;width:15%;padding:0;border:0;background:transparent;animation:float 9s ease-in-out infinite}.bottle-secondary img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 10px 10px #011b2760);transition:filter .5s,transform .6s}.bottle-secondary:hover img{transform:scale(1.04);filter:drop-shadow(0 0 22px var(--flavor))}.secondary-0{left:1%;animation-delay:-2s}.secondary-1{left:17%;height:68%;animation-delay:-4s}.secondary-2{right:17%;height:68%;animation-delay:-6s}.secondary-3{right:1%;animation-delay:-1s}.active-bottle{position:absolute;left:50%;height:100%;width:24%;bottom:0;transform:translateX(-50%);z-index:5;display:flex;justify-content:center;align-items:center;animation:central-float 7s ease-in-out infinite}.active-bottle img{height:100%;width:100%;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 0 15px #ffe8b766);transition:opacity .5s,filter .6s,scale .6s}.active-bottle:hover img{scale:1.05;filter:drop-shadow(0 0 27px var(--flavor))}.active-bottle img.ginger-cutout{clip-path:polygon(18% 0,82% 0,85% 13%,97% 21%,97% 94%,90% 100%,7% 100%,2% 94%,2% 21%,16% 13%)}.bottle-halo{position:absolute;inset:20% -40% 0;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--flavor) 35%,transparent),transparent 66%);filter:blur(25px);animation:light-breath 7s infinite alternate}.flavor-aura{position:absolute;left:50%;bottom:-30px;width:42%;height:40px;transform:translateX(-50%);border-radius:50%;background:var(--flavor);opacity:.3;filter:blur(22px);transition:background 1s}.ingredient-system{position:absolute;inset:0 27%;z-index:4;transition:opacity .5s}.ingredient-arcs{position:absolute;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 8px var(--flavor))}.ingredient-arcs path{stroke:var(--flavor);stroke-width:1.5;fill:none;stroke-dasharray:550 25;animation:arc-flow 14s linear infinite;transition:stroke 1s}.ingredient{background:transparent;border:none;width:32%;aspect-ratio:1;position:absolute;padding:0;animation:ingredient-float 8s ease-in-out infinite;transition:transform .5s,filter .5s}.ingredient img{width:100%;height:100%;object-fit:contain;transition:scale .6s,filter .6s}.ingredient span{position:absolute;bottom:-13px;left:50%;transform:translateX(-50%);color:#fff;font-size:11px;font-weight:600;background:#082d2ce6;padding:3px 13px;border-radius:30px;white-space:nowrap;opacity:0;transition:opacity .5s}.ingredient:hover span,.ingredient:focus-visible span{opacity:1}.ingredient:hover img{scale:1.08;filter:drop-shadow(0 0 14px var(--flavor))}.ingredient-0{left:2%;top:0;animation-delay:-2s}.ingredient-1{left:-10%;top:46%;animation-delay:-5s}.ingredient-2{right:-2%;top:15%;animation-delay:-3s}.ingredient.text-orb{border:1px solid color-mix(in srgb,var(--flavor) 75%,transparent);border-radius:50%;background:radial-gradient(circle at 25% 20%,#ffffff55,#ffffff10 50%,#03272688);box-shadow:inset 0 0 30px color-mix(in srgb,var(--flavor) 45%,transparent),0 0 15px color-mix(in srgb,var(--flavor) 40%,transparent)}.ingredient.text-orb span{position:static;transform:none;background:none;opacity:1;font-family:Georgia,serif;font-size:clamp(13px,1.5vw,23px);white-space:normal;text-shadow:0 1px 5px #002d31}.foreground{background:url('assets/foliage.webp') center/100% 100%;z-index:3;transform:translate(calc(var(--mx)*12px),calc(var(--my)*8px));animation:foliage 14s ease-in-out infinite alternate;opacity:.8}.scene-arrow{position:absolute;top:40%;z-index:8;border:1px solid #ffce7899;border-radius:50%;width:48px;height:48px;background:#001b23bb;color:white;font-family:Georgia,serif;font-size:40px;line-height:1}.scene-arrow:hover{background:#d9a642;box-shadow:0 0 25px #ffce7866}.previous{left:0}.next{right:0}.flavor-caption{position:absolute;z-index:6;bottom:109px;left:50%;transform:translateX(-50%);text-align:center;white-space:nowrap;text-shadow:0 2px 8px #000}.flavor-caption span{font-size:9px;letter-spacing:2px;display:block}.flavor-caption strong{font-family:Georgia,serif;font-size:22px;font-weight:400}.selector{position:absolute;z-index:10;bottom:42px;left:50%;transform:translateX(-50%);display:flex;background:#051c22da;border:1px solid #e8d69965;border-radius:50px;padding:8px 15px;backdrop-filter:blur(15px);max-width:92%;width:900px;justify-content:space-between;gap:5px;box-shadow:0 8px 35px #0003}.selector button{border:0;background:none;border-radius:30px;padding:9px 16px;color:#e4e8de;display:flex;align-items:center;gap:9px;font-size:12px;white-space:nowrap;position:relative}.selector button[aria-selected=true]{background:#ffbf531e;color:var(--gold)}.selector button[aria-selected=true]:after{content:'';height:2px;background:var(--flavor);position:absolute;bottom:0;left:20%;width:60%;box-shadow:0 0 10px var(--flavor)}.selector button:hover{background:#ffffff12}.flavor-dot{width:23px;height:23px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#fff9,var(--color));box-shadow:0 0 8px color-mix(in srgb,var(--color) 35%,transparent);border:1px solid #ffffff60}.scroll-cue{position:absolute;bottom:11px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:2px;color:#ffffffa6;z-index:8}.scroll-cue span{margin-left:10px}.firefly{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff7cd;box-shadow:0 0 12px #ffd67a;animation:firefly 12s ease-in-out infinite alternate}.section{padding:105px max(6%,calc((100vw - 1360px)/2));position:relative}.section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:15px 50px}.section-heading .eyebrow{grid-column:1/-1;color:#adcbbe}.section-heading>p:last-child{max-width:410px;justify-self:end;color:#c2d8ce;font-size:17px}.discovery{background:#092e31;color:#fff8e6;overflow:hidden}.discovery:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0,#3b787536,transparent 70%);pointer-events:none}.discovery h2 em{color:#b4d6bb}.flavor-gallery{display:grid;grid-template-columns:repeat(5,1fr);margin-top:60px;gap:12px}.flavor-feature{border:0;border-bottom:1px solid #fff2;background:transparent;color:inherit;text-align:left;padding:0 12px 26px;position:relative;min-width:0}.flavor-feature .product-stage{height:270px;position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:25px}.product-stage:before{content:'';position:absolute;inset:25% 0 0;background:radial-gradient(ellipse,color-mix(in srgb,var(--color) 23%,transparent),transparent 70%);transition:opacity .6s,scale .6s}.product-stage img{height:90%;width:100%;object-fit:contain;position:relative;transition:transform .7s;filter:drop-shadow(0 12px 14px #0004)}.product-stage img.ginger-cutout{clip-path:polygon(18% 0,82% 0,85% 13%,97% 21%,97% 94%,90% 100%,7% 100%,2% 94%,2% 21%,16% 13%)}.flavor-feature:hover img{transform:translateY(-12px) rotate(-2deg)}.flavor-feature:hover .product-stage:before{scale:1.15}.flavor-feature .index{color:var(--color);font-size:10px;letter-spacing:2px}.flavor-feature h3{font-size:25px;margin:10px 0}.flavor-feature p{color:#bdd0ca;font-size:13px;min-height:65px}.flavor-feature .explore{display:flex;justify-content:space-between;font-size:11px;margin-top:25px;color:var(--color)}.discovery-foot{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:40px;border-top:1px solid #ffffff16;padding-top:26px;font-size:12px;color:#aacbbf}.text-link{display:inline-flex;align-items:center;gap:30px;border-bottom:1px solid currentColor;padding-bottom:7px;font-size:13px;font-weight:600}.text-link:hover{color:#a76f21}.everyday{background:#e9edde;display:grid;grid-template-columns:1.06fr 1fr;gap:9%;padding-top:120px;padding-bottom:120px;align-items:center}.lifestyle-visual{position:relative;min-width:0}.lifestyle-visual>img{width:100%;height:550px;object-fit:cover;border-radius:160px 160px 4px 4px;filter:saturate(.88)}.image-note{position:absolute;top:35px;left:50%;transform:translateX(-50%);background:#f7f4e7df;color:#173b35;font-size:9px;letter-spacing:2px;padding:8px 20px;border-radius:30px;white-space:nowrap}.floating-bottle{position:absolute;width:130px;right:-35px;bottom:-30px;transform:rotate(8deg);filter:drop-shadow(0 15px 18px #173b3544);animation:float 10s infinite ease-in-out}.floating-bottle img{width:100%}.everyday-copy .eyebrow{color:#5d7a61;margin-bottom:26px}.everyday-copy>p:not(.eyebrow){margin-top:28px;font-size:16px;color:#4b6356;max-width:460px}.everyday-copy h2 em{color:#6c8b5d}.moments{margin-top:35px;border-bottom:1px solid #c0c9b5;display:flex;gap:18px}.moments button{background:none;border:0;font-size:11px;padding:10px 0;color:#5d6d5b;border-bottom:2px solid transparent}.moments button[aria-selected=true]{border-color:#406b42;color:#173b35}.everyday-copy p.moment-copy{font-size:13px;min-height:64px;margin:20px 0 30px}.ingredients-section{background:#f8f4e9;text-align:center;padding-bottom:80px}.ingredients-heading{max-width:900px;margin:auto}.ingredients-heading .eyebrow{color:#8f7d48;margin-bottom:22px}.ingredients-heading h2{font-size:clamp(40px,4.4vw,68px)}.ingredients-heading h2 em{color:#899b63}.ingredients-heading>p:last-child{max-width:590px;margin:24px auto 0;color:#687062;font-size:15px}.botanical-gallery{max-width:1000px;margin:35px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.botanical-gallery button{padding:0 0 15px;border:0;background:none;display:flex;flex-direction:column;align-items:center;border-radius:50%;transition:background .6s}.botanical-gallery img{width:100%;height:250px;object-fit:contain;transition:transform .7s;filter:drop-shadow(0 7px 20px #ccad5c25)}.botanical-gallery button:hover img,.botanical-gallery button.selected img{transform:translateY(-10px) scale(1.04)}.botanical-gallery span{font-size:10px;letter-spacing:2px;color:#8b855d}.botanical-gallery strong{font-family:Georgia,serif;font-size:27px;font-weight:400;margin-top:10px}.botanical-note{margin:25px auto;color:#687062;max-width:580px;font-size:14px;min-height:46px}.story{background:#e6e5d4;display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center;border-radius:70% 70% 0 0 / 35px 35px 0 0}.story .eyebrow{color:#9e7d42;margin-bottom:22px}.story h2 em{color:#9a743d}.story-copy>p:not(.eyebrow){font-size:15px;color:#586050;margin-top:24px}.story .text-link{margin-top:30px}.story-visual{margin:0;position:relative}.story-visual img{width:100%;max-height:510px;object-fit:cover;border-radius:4px 100px 4px 4px}.story-visual figcaption{font:italic 19px Georgia;margin-top:20px;color:#777852}.shop{background:#faf8f0}.shop-heading{display:flex;justify-content:space-between;gap:60px;align-items:end}.shop-heading .eyebrow{color:#8e8b62;margin-bottom:22px}.shop-heading>p{max-width:300px;font-size:14px;color:#687062}.shop-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:28px;margin-top:55px}.shop-item img{height:220px;width:100%;object-fit:contain;transition:transform .6s;filter:drop-shadow(0 8px 12px #23402624)}.shop-item:hover img{transform:translateY(-7px)}.shop-item img.ginger-cutout{clip-path:polygon(18% 0,82% 0,85% 13%,97% 21%,97% 94%,90% 100%,7% 100%,2% 94%,2% 21%,16% 13%)}.shop-item h3{font-size:22px;margin:20px 0 10px}.shop-item .price{font-size:12px;color:#6a735e}.shop-item .text-link{margin-top:14px;font-size:11px;gap:15px}.shop-note{font-size:11px;color:#7d8272;margin:34px 0 30px;max-width:660px}.shop>.button{background:#244e3e;color:#fff8e6;font-size:12px}footer{position:relative;isolation:isolate;overflow:hidden;background:#061f29;color:#e5eadc;padding:80px 6% 25px}.footer-environment{position:absolute;inset:0;z-index:-1;background:linear-gradient(#062831e8,#031822e8),url('assets/environment.webp') center 70%/cover}.footer-top{display:grid;grid-template-columns:1fr .7fr 1fr;gap:8%}.footer-top>div>p:not(.eyebrow){font-size:14px;color:#abc4b8;margin-top:23px}.footer-nav{display:flex;flex-direction:column;gap:14px;font-size:13px}.footer-invitation .eyebrow{color:#f3ca8a}.footer-invitation>a{display:block;font-size:12px;margin-top:22px;width:fit-content}.footer-bottom{margin-top:60px;padding-top:23px;border-top:1px solid #ffffff20;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#aec3b9}.footer-bottom>div{display:flex;gap:25px}.footer-bottom button{background:none;border:0;color:inherit;font-size:10px;padding:0}.is-changing #active-image{opacity:0;scale:.96}.is-changing .ingredient-system{opacity:0;transform:translateY(8px)}.ingredient-system{transition:opacity .45s,transform .45s}.paused *, .paused *:before,.paused *:after{animation-play-state:paused!important}.paused .environment,.paused .foreground{transform:none!important}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -13px}}@keyframes central-float{0%,100%{translate:0 0;rotate:-.6deg}50%{translate:0 -17px;rotate:.6deg}}@keyframes ingredient-float{0%,100%{translate:0 0;rotate:-2deg}50%{translate:4px -15px;rotate:2deg}}@keyframes environment-breathe{from{scale:1}to{scale:1.04}}@keyframes foliage{from{scale:1.02;rotate:-.3deg}to{scale:1.045;rotate:.4deg}}@keyframes haze{from{translate:-12px 0;opacity:.1}to{translate:12px -10px;opacity:.22}}@keyframes light-breath{from{opacity:.5;scale:.96}to{opacity:1;scale:1.08}}@keyframes water{from{translate:-20px 0}to{translate:35px 7px}}@keyframes arc-flow{to{stroke-dashoffset:-575}}@keyframes firefly{0%{translate:0 20px;opacity:0}45%{opacity:.8}100%{translate:25px -45px;opacity:0}}
@media(min-width:1700px){.hero{height:1000px}.scene{height:530px;bottom:155px}.hero-copy{top:135px}}@media(max-width:1100px){header{padding:15px 4%;gap:18px}.wordmark{font-size:42px}nav{gap:22px}nav a{font-size:12px}.header-shop{padding:12px 22px}.hero-copy{top:130px}.hero-copy h1{font-size:82px}.hero{min-height:820px}.scene{height:400px;bottom:155px}.selector{width:820px}.selector button{padding:9px 10px}.flavor-gallery{gap:0}.flavor-feature{padding:0 9px 20px}.flavor-feature h3{font-size:21px}.flavor-feature .product-stage{height:220px}.everyday{gap:7%}.lifestyle-visual>img{height:490px}.moments{gap:12px}.moments button{font-size:10px}.shop-grid{gap:18px}.shop-item h3{font-size:19px}.shop-item img{height:190px}}
@media(max-width:760px){header{height:88px;padding:12px 5%;gap:12px}.wordmark{font-size:35px;letter-spacing:-2.7px}.wordmark span{font-size:6px;letter-spacing:2px;margin-top:7px}.header-shop{font-size:11px;padding:10px 14px;gap:10px}.menu-toggle{display:block;border:0;background:none;color:white;font-size:11px;margin-left:auto}.menu-toggle span{margin-left:6px}nav{display:none;position:absolute;top:88px;left:0;width:100%;background:#072d31f7;padding:24px 7%;flex-direction:column;align-items:start;gap:22px}nav.open{display:flex}nav a{font-size:15px}.hero{height:850px;min-height:850px}.hero-copy{top:118px;left:5%;width:90%}.hero-copy .eyebrow{font-size:9px;letter-spacing:4px}.hero-copy h1{font-size:clamp(52px,12vw,85px);letter-spacing:-2px;margin-top:14px}.hero-copy>p:not(.eyebrow){font-size:14px;max-width:370px;margin:auto;line-height:1.6}.hero-cta{padding:9px 22px;margin-top:15px}.scene{width:100%;height:345px;bottom:191px}.active-bottle{width:32%;height:95%}.bottle-secondary{width:17%;height:62%;bottom:4%}.secondary-0{left:2%}.secondary-1{left:16%;height:50%;opacity:.75}.secondary-2{right:16%;height:50%;opacity:.75}.secondary-3{right:2%}.ingredient-system{inset:0 18%}.ingredient{width:32%}.ingredient-0{left:0;top:0}.ingredient-1{left:-5%;top:45%}.ingredient-2{right:0;top:12%}.ingredient-arcs{opacity:.55}.foreground{background-size:auto 100%;opacity:.5}.scene-arrow{height:36px;width:36px;top:10%;font-size:30px}.previous{left:5%}.next{right:5%}.selector{bottom:66px;max-width:90%;overflow-x:auto;justify-content:flex-start;padding:7px;scrollbar-width:thin}.selector button{font-size:11px;padding:10px 13px;flex-shrink:0}.flavor-caption{bottom:139px}.flavor-caption strong{font-size:20px}.flavor-caption span{font-size:8px}.scroll-cue{bottom:34px}.section{padding:70px 7%}h2{font-size:43px;letter-spacing:-1.5px}.section-heading{display:block}.section-heading h2{margin-top:20px}.section-heading>p:last-child{font-size:14px;margin-top:25px;max-width:330px}.flavor-gallery{grid-template-columns:repeat(2,1fr);gap:28px 15px;margin-top:35px}.flavor-feature{padding:0 5px 20px}.flavor-feature:last-child{grid-column:1/-1;width:50%;justify-self:center}.flavor-feature .product-stage{height:220px;margin-bottom:15px}.flavor-feature h3{font-size:23px}.flavor-feature p{font-size:12px;min-height:58px}.flavor-feature .explore{margin-top:15px}.discovery-foot{display:block}.discovery-foot .text-link{margin-top:18px}.everyday{grid-template-columns:1fr;gap:70px}.lifestyle-visual>img{height:420px;border-radius:110px 110px 4px 4px}.floating-bottle{right:-10px;width:95px;bottom:-35px}.everyday-copy>p:not(.eyebrow){font-size:15px;margin-top:20px}.moments{gap:15px}.moments button{font-size:10px}.ingredients-heading h2{font-size:39px}.ingredients-heading>p:last-child{font-size:14px}.botanical-gallery{gap:0;margin-top:30px}.botanical-gallery img{height:130px}.botanical-gallery strong{font-size:17px}.botanical-gallery span{font-size:7px;letter-spacing:1px}.botanical-note{font-size:13px}.story{grid-template-columns:1fr;gap:40px;border-radius:60% 60% 0 0/20px 20px 0 0}.story-visual img{max-height:440px}.shop-heading{display:block}.shop-heading>p{margin-top:25px;max-width:330px}.shop-grid{grid-template-columns:repeat(2,1fr);gap:35px 20px;margin-top:40px}.shop-item:last-child{grid-column:1/-1;width:50%;justify-self:center}.shop-item img{height:220px}.shop-item h3{font-size:22px}.shop-note{font-size:10px}.shop>.button{font-size:11px;white-space:normal;gap:15px;padding:14px 22px}footer{padding:60px 7% 25px}.footer-top{grid-template-columns:1fr 1fr;gap:40px 20px}.footer-invitation{grid-column:1/-1}.footer-top .wordmark{font-size:48px}.footer-bottom{display:block;margin-top:40px}.footer-bottom>div{margin-top:20px;gap:20px;flex-wrap:wrap}.fireflies{opacity:.6}}
@media(max-width:380px){.hero-copy h1{font-size:48px}.hero-copy>p:not(.eyebrow){font-size:13px}.scene{height:310px;bottom:200px}.hero{height:820px;min-height:820px}.header-shop{padding:9px 11px}.menu-toggle{font-size:10px}.botanical-gallery strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}.environment,.foreground{transform:none!important}}
.offscreen *,.offscreen *:before,.offscreen *:after{animation-play-state:paused!important}.bottle-secondary img.ginger-cutout{clip-path:polygon(18% 0,82% 0,85% 13%,97% 21%,97% 94%,90% 100%,7% 100%,2% 94%,2% 21%,16% 13%)}
/* Keep the editable headline above the product stage at every desktop height. */
@media(min-width:761px){.hero-copy{top:120px}.hero-copy h1{font-size:clamp(70px,6.5vw,108px)}.scene{height:calc(100% - 470px);min-height:340px;max-height:510px;bottom:145px}.hero-cta{margin-top:12px;padding:9px 23px}.hero-copy>p:not(.eyebrow){font-size:16px}.floating-bottle{right:8%;bottom:6%;width:100px;transform:rotate(-3deg)}}
@media(max-width:760px){.hero-copy{top:112px}.scene{bottom:170px;height:350px}.flavor-caption{bottom:115px}.selector{bottom:45px}.scroll-cue{bottom:16px}.floating-bottle{right:8%;bottom:6%;width:80px;transform:rotate(-3deg)}}
@media(max-width:380px){.scene{height:320px;bottom:165px}}

/* Reference-aligned hero: one scene coordinate system, fixed product contact. */
.hero{height:auto;min-height:0;aspect-ratio:1672/941;container-type:inline-size}
header{height:6.25vw;max-height:104px;min-height:70px;background:linear-gradient(#03191faa,#03191f44);padding-top:8px;padding-bottom:8px}
.hero .hero-copy{top:10.8%;left:10%;width:80%}
.hero .hero-copy .eyebrow{font-size:1.1cqw;line-height:1.4;letter-spacing:.55cqw}
.hero .hero-copy h1{font-size:6.8cqw;line-height:.99;margin:10px 0 12px;letter-spacing:-.18cqw;font-weight:500}
.hero .hero-copy>p:not(.eyebrow){font-size:1.43cqw;line-height:1.4}
.hero .hero-cta{display:none}
.hero .environment{inset:-5px;scale:1.009;background-position:center;background-size:cover;animation:none;transform:translate(calc(var(--mx)*-3px),calc(var(--my)*-2px));transition:transform 1.2s ease-out}
.hero .environment:after{background:linear-gradient(180deg,#001c2380 0%,#001c2366 25%,#001c2310 44%,transparent 60%)}
.hero .ambient{background:radial-gradient(ellipse at 86% 30%,#ffd69550,transparent 40%),radial-gradient(ellipse at 25% 65%,#4be9d722,transparent 38%);mix-blend-mode:screen;opacity:.3;animation:haze 28s ease-in-out infinite alternate}
.hero .sun-haze{inset:16% 0 0;opacity:.4;transform:translate(calc(var(--mx)*4px),calc(var(--my)*3px));background:radial-gradient(ellipse at 51% 66%,color-mix(in srgb,var(--flavor) 18%,transparent),transparent 36%);animation:light-breath 15s ease-in-out infinite alternate}
.hero .scene{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;container-type:normal;transform:none;z-index:2}
.hero .physical-stage{position:absolute;inset:0;z-index:3;pointer-events:none}
.hero .central-platform{position:absolute;width:53%;height:auto;max-height:none;left:50.7%;bottom:4%;transform:translateX(-50%);object-fit:contain;filter:drop-shadow(0 6px 6px #00292c70)}
.hero .platform-front{z-index:6;pointer-events:none;mask-image:linear-gradient(transparent 70%,#000 78%)}
.hero .platform-glint{position:absolute;left:32%;width:37%;height:6%;bottom:14%;background:radial-gradient(ellipse,#ffe3a340,transparent 62%);mix-blend-mode:screen;animation:stage-shimmer 9s ease-in-out infinite;pointer-events:none}
.hero .active-bottle{position:absolute;left:50.7%;bottom:15%;width:10.8%;height:54.3%;animation:none;translate:none;rotate:none;transform:translateX(-50%);transform-origin:center bottom;z-index:4;display:block}
.hero .active-bottle img{height:100%;width:100%;max-width:none;object-fit:fill;transform-origin:center bottom;filter:drop-shadow(2px 1px 3px #ffdab333) drop-shadow(0 4px 3px #01241e70);transition:filter .6s,scale .6s,opacity .45s}
.hero .active-bottle:hover img{scale:1.014;filter:brightness(1.035) drop-shadow(0 0 9px color-mix(in srgb,var(--flavor) 30%,transparent))}
.hero .active-bottle:before{content:'';position:absolute;left:6%;bottom:-.5%;width:88%;height:2.7%;border-radius:50%;background:#0b1c12ee;filter:blur(3px);z-index:-1}
.hero .bottle-halo{inset:12% -25% 0;opacity:.28;background:radial-gradient(ellipse,color-mix(in srgb,var(--flavor) 22%,transparent),transparent 70%);filter:blur(18px)}
.hero .flavor-aura{left:50.7%;bottom:14.3%;width:25%;height:1.4%;opacity:.15;filter:blur(12px)}
.hero .secondary-bottles{position:absolute;inset:0;z-index:2}
.hero .bottle-secondary{position:absolute;animation:none;translate:none;rotate:none;width:9.3%;height:44.2%;bottom:21.7%;padding:0;transform-origin:center bottom;z-index:2}
.hero .secondary-0{left:4.5%}.hero .secondary-1{left:15.4%;height:40.3%;bottom:22.7%}.hero .secondary-2{right:15.7%;height:40.5%;bottom:21.6%}.hero .secondary-3{right:5.5%;height:40.5%;bottom:18.9%}
.hero .bottle-secondary img{width:100%;height:100%;object-fit:fill;margin:0;transform-origin:center bottom;filter:brightness(.98) saturate(.98) drop-shadow(2px 1px 2px #ffd89b2a) drop-shadow(0 4px 3px #01241c90);transition:filter .6s,transform .6s}
.hero .bottle-secondary:hover img{transform:scale(1.014);filter:brightness(1.04) drop-shadow(0 0 8px color-mix(in srgb,var(--flavor) 24%,transparent))}
.hero .bottle-secondary:before{content:'';position:absolute;left:-27%;width:154%;height:11%;bottom:-7%;background:url('assets/shore-rock.webp') center/100% 100%;z-index:-2;filter:brightness(.96);mask-image:radial-gradient(ellipse,#000 56%,#000e 73%,transparent 96%)}
.hero .bottle-secondary:after{content:'';position:absolute;bottom:1.1%;left:8%;width:85%;height:2.2%;border-radius:50%;background:#071e12e6;filter:blur(2px);z-index:-1}
.hero .ingredient-system{position:absolute;inset:0;z-index:5;pointer-events:none}
.hero .ingredient{position:absolute;pointer-events:auto;width:9.6%;height:auto;aspect-ratio:1;animation:orb-drift 12s ease-in-out infinite;filter:drop-shadow(0 0 4px #ffe5ac44)}
.hero .ingredient-0{left:34.7%;top:32.5%;animation-delay:-2s}.hero .ingredient-1{left:28.5%;top:49%;width:10.6%;animation-delay:-5s}.hero .ingredient-2{right:30.5%;top:37.5%;animation-delay:-7s}
.hero .ingredient img{width:100%;height:100%;object-fit:contain;transition:scale .6s,rotate .6s,filter .6s;filter:drop-shadow(0 0 5px #ffdd9444)}
.hero .ingredient:hover img{scale:1.045;rotate:1.5deg;filter:drop-shadow(0 0 10px var(--flavor))}
.hero .ingredient.text-orb span{font-size:1.3cqw}
.hero .ingredient-arcs{position:absolute;left:29%;top:32%;width:42%;height:45%;opacity:.6;filter:drop-shadow(0 0 4px var(--flavor));transition:opacity .6s}
.hero .ingredient-arcs path{stroke-width:1.2;animation-duration:25s}
.hero .ingredient-system:has(.ingredient:hover) .ingredient-arcs{opacity:.9}
.hero .foreground{inset:-4px;background-size:100% 100%;background-position:center;animation:none;scale:1.01;opacity:.22;z-index:3;transform:translate(calc(var(--mx)*11px),calc(var(--my)*6px));mask-image:radial-gradient(ellipse at 50% 43%,transparent 26%,#0005 58%,#000 84%)}
.hero .water-light{inset:77% -15% -10%;opacity:.36;animation-duration:24s}
.hero .fireflies{opacity:.45}.hero .firefly{width:2px;height:2px;box-shadow:0 0 7px #ffd685}
.hero .scene-arrow{top:47%;width:3.7cqw;height:3.7cqw;font-size:3cqw;background:#051b25aa}.hero .previous{left:2.2%}.hero .next{right:1.5%}
.hero .flavor-caption{display:none}
.hero .selector{bottom:4%;width:61%;max-width:none;padding:.6cqw 1cqw;gap:.3cqw;border-color:#f8d39588;box-shadow:0 5px 25px #0005}
.hero .selector button{font-size:.95cqw;padding:.65cqw .8cqw;gap:.55cqw;justify-content:center;flex:1}
.hero .selector .flavor-dot{width:2.5cqw;height:2.5cqw;flex-shrink:0}
.hero .selector button:hover{transform:translateY(-2px)}
.hero .scroll-cue{display:none}
.hero.is-changing #active-image{opacity:0;scale:1}.hero.is-changing .ingredient-system{transform:none;opacity:0}
@keyframes orb-drift{0%,100%{translate:0 0;rotate:-.5deg;filter:drop-shadow(0 0 3px #ffe3a444)}50%{translate:2px -4px;rotate:.5deg;filter:drop-shadow(0 0 7px #ffe3a466)}}
@keyframes stage-shimmer{0%,100%{opacity:.2}50%{opacity:.5}}
@media(max-width:1000px) and (min-width:761px){header{min-height:61px}.hero .hero-copy{top:12.5%}.hero .hero-copy h1{font-size:6.5cqw;margin-top:6px}.hero .hero-copy>p:not(.eyebrow){font-size:1.5cqw}.hero .selector{width:76%}.hero .selector button{font-size:1.1cqw}.hero .selector .flavor-dot{width:3cqw;height:3cqw}}
@media(max-width:760px){
header{height:82px;max-height:none;min-height:82px}.hero{aspect-ratio:auto;height:790px;min-height:790px;container-type:inline-size}
.hero .hero-copy{top:105px;left:5%;width:90%}.hero .hero-copy .eyebrow{font-size:10px;letter-spacing:4px}.hero .hero-copy h1{font-size:12cqw;line-height:1.06;margin:15px 0 13px;letter-spacing:-1.6px}.hero .hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.6;max-width:345px}
.hero .environment{background-size:auto 100%;background-position:52% center;transform:none}.hero .environment:after{background:linear-gradient(#001b236b,transparent 45%)}
.hero .active-bottle{left:50.7%;width:27%;height:41%;bottom:20.5%}
.hero .central-platform{width:126%;left:50.7%;bottom:11.6%}
.hero .bottle-secondary{width:19%;height:26%;bottom:25.5%}.hero .secondary-0{left:2%}.hero .secondary-3{right:2%;bottom:25.5%}.hero .secondary-1,.hero .secondary-2{display:none}
.hero .ingredient{width:22%;animation-duration:16s}.hero .ingredient-0{left:19%;top:36%}.hero .ingredient-1{left:11%;top:50%;width:23%}.hero .ingredient-2{right:14%;top:41%}.hero .ingredient.text-orb span{font-size:13px}
.hero .ingredient-arcs{left:12%;top:36%;width:77%;height:33%;opacity:.45}
.hero .foreground{background-size:auto 100%;opacity:.17;transform:translate(calc(var(--mx)*5px),calc(var(--my)*3px))}
.hero .scene-arrow{top:34%;width:36px;height:36px;font-size:29px}.hero .previous{left:5%}.hero .next{right:5%}
.hero .selector{bottom:36px;max-width:90%;width:90%;padding:7px;gap:5px;overflow-x:auto;justify-content:flex-start}.hero .selector button{font-size:11px;padding:10px 13px;flex:0 0 auto;gap:8px}.hero .selector .flavor-dot{width:23px;height:23px}
.hero .water-light{inset:77% -15% -10%}.hero .flavor-caption{display:block;bottom:110px}.hero .flavor-caption span{font-size:8px}.hero .flavor-caption strong{font-size:20px}
.hero .platform-glint{left:25%;width:50%;bottom:20%;height:4%}
}
@media(max-width:380px){.hero{height:760px;min-height:760px}.hero .active-bottle{height:39%;width:28%;bottom:21%}.hero .central-platform{width:130%;bottom:12.5%}.hero .ingredient-0{top:36%}.hero .ingredient-2{top:41%}.hero .hero-copy>p:not(.eyebrow){font-size:13px}}
@media(prefers-reduced-motion:reduce){.hero .environment,.hero .foreground,.hero .sun-haze{transform:none;transition:none}.hero .ingredient,.hero .ambient,.hero .platform-glint{animation:none}}
/* Feather only the outer aura; preserve the sharp ingredient photograph. */
.hero .ingredient img{mask-image:radial-gradient(ellipse closest-side,#000 67%,#000f 82%,#0008 92%,transparent 100%)}
.hero .central-platform{bottom:calc(15% - 6.3cqw)}
@media(max-width:760px){.hero .central-platform{bottom:calc(20.5% - 15cqw)}}
@media(max-width:380px){.hero .central-platform{bottom:calc(21% - 15.5cqw)}}
/* Preserve source bottle pixels; follow its curved silhouette instead of polygon cuts. */
.hero .active-bottle img.ginger-cutout,.hero .bottle-secondary img.ginger-cutout{clip-path:none;mask-image:url('assets/ginger-contour.svg');mask-size:100% 100%;mask-repeat:no-repeat}
/* Strong near-field foliage in the corners, with clear space around products and UI. */
.hero .foreground{opacity:.9;z-index:7;scale:1.025;background-size:100% 100%;transform:translate(calc(var(--mx)*13px),calc(var(--my)*8px));mask-image:radial-gradient(ellipse 26% 38% at 0% 100%,#000 18%,#000e 45%,transparent 83%),radial-gradient(ellipse 24% 36% at 100% 100%,#000 18%,#000e 45%,transparent 82%),radial-gradient(ellipse 20% 31% at 0% 0%,#000 15%,#000c 45%,transparent 82%),radial-gradient(ellipse 19% 28% at 100% 0%,#000 12%,#000c 40%,transparent 80%)}
@media(max-width:760px){.hero .foreground{opacity:.8;background-size:auto 100%;mask-image:radial-gradient(ellipse 32% 22% at 0% 100%,#000 20%,#000b 45%,transparent 80%),radial-gradient(ellipse 32% 22% at 100% 100%,#000 20%,#000b 45%,transparent 80%),radial-gradient(ellipse 28% 24% at 0% 0%,#000 10%,transparent 80%),radial-gradient(ellipse 28% 24% at 100% 0%,#000 10%,transparent 80%);transform:translate(calc(var(--mx)*6px),calc(var(--my)*4px))}}
@media(prefers-reduced-motion:reduce){.hero .foreground{transform:none}}
.hero .foreground{background-position:center 7cqw;background-repeat:no-repeat;mask-image:radial-gradient(ellipse 30% 45% at 0% 100%,#000 30%,#000 60%,transparent 91%),radial-gradient(ellipse 28% 43% at 100% 100%,#000 30%,#000 60%,transparent 91%),radial-gradient(ellipse 18% 25% at 0% 0%,#000 10%,transparent 80%),radial-gradient(ellipse 18% 25% at 100% 0%,#000 10%,transparent 80%)}
@media(max-width:760px){.hero .foreground{background-position:center 35px;mask-image:radial-gradient(ellipse 32% 26% at 0% 100%,#000 20%,#000b 50%,transparent 86%),radial-gradient(ellipse 32% 26% at 100% 100%,#000 20%,#000b 50%,transparent 86%)}}

/* Supplied standalone bottle: preserve its real transparent outline everywhere. */
img.ginger-cutout,.hero .active-bottle img.ginger-cutout,.hero .bottle-secondary img.ginger-cutout,.product-stage img.ginger-cutout,.shop-item img.ginger-cutout{clip-path:none!important;mask-image:none!important}
.hero .active-bottle img{object-fit:contain;object-position:center bottom}
.hero .active-bottle img.ginger-cutout{width:100%;height:100%;object-fit:fill}
/* Complete ingredient spheres, with ample room for the perimeter and soft aura. */
.hero .ingredient{width:12.6%;isolation:isolate;filter:none}
.hero .ingredient-0{left:33.2%}.hero .ingredient-1{left:26.8%;width:14%}.hero .ingredient-2{right:29%}
.hero .ingredient img{mask-image:radial-gradient(circle closest-side,#000 69%,#000 79%,#0009 88%,transparent 99%);filter:none;position:relative;z-index:1;object-fit:contain}
.hero .ingredient:not(.text-orb):before{content:'';position:absolute;inset:12%;border-radius:50%;border:1px solid #ffe5a3b3;background:radial-gradient(circle at 30% 20%,#fffad422,transparent 42%);box-shadow:inset -2px -4px 10px #b6e7c523,inset 2px 3px 12px #fff3b442,0 0 15px #ffd07933;z-index:2;pointer-events:none;transition:box-shadow .6s}
.hero .ingredient:not(.text-orb):after{content:'';position:absolute;left:26%;top:18%;width:23%;height:5%;border-radius:50%;rotate:-24deg;background:#fffdf296;filter:blur(1px);z-index:3;pointer-events:none}
.hero .ingredient:hover:before{box-shadow:inset 0 0 12px #fff3ac66,0 0 20px #ffcf7855}
.hero .ingredient:hover img{scale:1.025;rotate:1deg;filter:none}
.hero .ingredient.text-orb{width:9.6%;margin-left:1.5%;margin-top:1.5%}
/* The ingredient section uses the same intact round assets, never rectangular crops. */
.botanical-gallery button{border-radius:0}
.botanical-gallery img{width:100%;height:250px;object-fit:contain;mask-image:radial-gradient(circle closest-side,#000 69%,#000 79%,#0009 88%,transparent 99%);filter:drop-shadow(0 0 7px #c6ac5730)}
.lifestyle-visual>img{height:auto;aspect-ratio:1.35;object-fit:cover;object-position:40% center;border-radius:80px 80px 4px 4px;filter:none}
.lifestyle-visual>img.portrait-lifestyle{aspect-ratio:auto;height:580px;object-fit:contain;border-radius:4px}
@media(max-width:760px){.hero .ingredient{width:28.6%}.hero .ingredient-0{left:15.7%}.hero .ingredient-1{left:7.5%;width:30%}.hero .ingredient-2{right:10.7%}.hero .ingredient.text-orb{width:22%;margin-left:3.3%;margin-top:3.3%}.botanical-gallery img{height:auto;aspect-ratio:1}.lifestyle-visual>img{aspect-ratio:1.15;border-radius:65px 65px 4px 4px}.lifestyle-visual>img.portrait-lifestyle{height:500px}}
.hero .active-bottle img.ginger-cutout,.hero .bottle-secondary img.ginger-cutout{object-fit:contain;object-position:center bottom}
/* Upper foliage is an independent near-field layer, leaving the center clear. */
.hero .top-canopy{position:absolute;inset:-24px;z-index:7;pointer-events:none;background:url('assets/foliage.webp') center/100% 100% no-repeat;opacity:.93;mask-image:radial-gradient(ellipse 29% 42% at 0% 0%,#000 22%,#000 48%,transparent 91%),radial-gradient(ellipse 29% 42% at 100% 0%,#000 22%,#000 48%,transparent 91%);transform:translate(calc(var(--mx)*25px),calc(var(--my)*7px));transition:transform .28s ease-out;will-change:transform}
.paused .hero .top-canopy{transform:none!important}
@media(max-width:760px){.hero .top-canopy{inset:-10px;opacity:.6;background-size:auto 100%;mask-image:radial-gradient(ellipse 25% 23% at 0% 0%,#000 10%,transparent 82%),radial-gradient(ellipse 25% 23% at 100% 0%,#000 10%,transparent 82%);transform:none;will-change:auto}}
@media(prefers-reduced-motion:reduce){.hero .top-canopy{transform:none;transition:none;will-change:auto}}

/* Final responsive contracts: touch navigation and a distinct portrait-tablet scene. */
.section>*,.footer-top>*,.everyday-copy,.story-copy,.lifestyle-visual,.shop-item{min-width:0}
.hero .bottle-secondary img{object-fit:contain;object-position:center bottom}
@media(max-width:1100px){
 header{height:82px;min-height:82px;max-height:none;padding:12px 5%;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px}
 header .wordmark{width:fit-content;font-size:38px;letter-spacing:-2.8px}
 .menu-toggle{display:block;margin:0;padding:10px 5px;border:0;background:none;color:#fff;font-size:12px;min-height:44px}
 .menu-toggle span{margin-left:7px}
 header nav{display:none;position:absolute;top:82px;left:0;right:0;width:100%;padding:20px 6%;background:#072d31fa;flex-direction:column;align-items:stretch;gap:4px;border-bottom:1px solid #ffffff2b}
 header nav.open{display:flex}
 header nav a{font-size:16px;padding:10px 0;min-height:44px;white-space:normal}
 header nav a:after{bottom:6px}
 .header-shop{padding:11px 18px;gap:16px;min-height:44px;font-size:12px}
 .hero .selector{width:80%;max-width:92%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
 .hero .selector button{font-size:12px;min-height:44px;flex:0 0 auto;padding:9px 14px;gap:8px}
 .hero .selector .flavor-dot{width:25px;height:25px}
 .hero .scene-arrow{width:44px;height:44px;font-size:34px}
 .moments{flex-wrap:wrap;gap:8px 20px}
 .moments button{font-size:12px;min-height:44px;padding:12px 0}
 .shop-item .text-link,.footer-nav a{min-height:44px;align-items:center}
 .hero .hero-copy{top:max(12%,95px)}
 .hero .hero-copy h1{font-size:6.5cqw;line-height:1;margin:7px 0 10px}
 .hero .hero-copy>p:not(.eyebrow){font-size:max(14px,1.43cqw)}
}
@media(min-width:901px) and (max-width:1100px){
 .hero{height:700px;min-height:700px;aspect-ratio:auto}
}
/* Tablet portrait keeps a clear reading area above a grounded product stage. */
@media(min-width:761px) and (max-width:900px){
 .hero{height:820px;min-height:820px;aspect-ratio:auto}
 .hero .hero-copy{top:112px;left:7%;width:86%}
 .hero .hero-copy .eyebrow{font-size:12px;letter-spacing:4px}
 .hero .hero-copy h1{font-size:9cqw;margin:15px 0 16px}
 .hero .hero-copy>p:not(.eyebrow){font-size:17px;max-width:570px;margin:auto}
 .hero .environment{background-size:auto 100%;background-position:52% center;transform:none}
 .hero .active-bottle{width:16%;height:43%;bottom:20%;left:50.7%}
 .hero .central-platform{width:90%;bottom:calc(20% - 10.7cqw)}
 .hero .bottle-secondary{width:12%;height:32%;bottom:23%;left:auto;right:auto}
 .hero .secondary-0{left:5%}.hero .secondary-3{right:5%}
 .hero .secondary-1,.hero .secondary-2{display:none}
 .hero .ingredient{width:19%;animation-duration:16s}
 .hero .ingredient-0{left:26.5%;top:34%}
 .hero .ingredient-1{left:20%;top:50%;width:21%}
 .hero .ingredient-2{right:23%;top:38%}
 .hero .ingredient.text-orb{width:15%;margin-left:2%;margin-top:2%}
 .hero .ingredient.text-orb span{font-size:16px}
 .hero .ingredient-arcs{left:21%;top:34%;width:59%;height:40%}
 .hero .scene-arrow{top:33%;left:auto;right:auto}
 .hero .previous{left:5%}.hero .next{right:5%}
 .hero .selector{bottom:36px;width:90%;max-width:90%}
 .hero .selector button{flex:1 0 auto}
 .hero .flavor-caption{display:block;bottom:111px}
 .hero .flavor-caption span{font-size:10px}.hero .flavor-caption strong{font-size:24px}
 .hero .top-canopy{opacity:.6;transform:none;will-change:auto;mask-image:radial-gradient(ellipse 23% 25% at 0% 0%,#000 10%,transparent 85%),radial-gradient(ellipse 23% 25% at 100% 0%,#000 10%,transparent 85%)}
 .hero .foreground{background-position:center 50px;opacity:.65;transform:none;mask-image:radial-gradient(ellipse 27% 27% at 0% 100%,#000 25%,transparent 90%),radial-gradient(ellipse 27% 27% at 100% 100%,#000 25%,transparent 90%)}
 .hero .platform-glint{bottom:20%;height:4%}
 .section{padding:75px 7%}
 .section-heading{gap:24px}.section-heading>p:last-child{font-size:15px}
 h2{font-size:52px}
 .flavor-gallery,.shop-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:35px 20px}
 .flavor-feature,.shop-item{grid-column:span 2}
 .flavor-feature:nth-child(4),.shop-item:nth-child(4){grid-column:2/span 2}
 .flavor-feature:nth-child(5),.shop-item:nth-child(5){grid-column:4/span 2}
 .flavor-feature h3,.shop-item h3{font-size:24px}
 .flavor-feature p{font-size:14px}
 .everyday{grid-template-columns:1fr;gap:45px}
 .lifestyle-visual{max-width:650px;width:100%;margin:auto}
 .lifestyle-visual>img{aspect-ratio:1.6;border-radius:75px 75px 4px 4px}
 .everyday-copy{max-width:620px;margin:auto}
 .everyday-copy>p:not(.eyebrow){max-width:none}
 .everyday-copy p.moment-copy{font-size:15px;min-height:50px}
 .botanical-gallery{gap:15px}.botanical-gallery img{height:auto;aspect-ratio:1}.botanical-gallery strong{font-size:24px}
 .story{gap:7%;padding-top:85px}.story h2{font-size:46px}.story-visual img{border-radius:4px 55px 4px 4px}
 .shop-heading{gap:30px}.shop-heading>p{max-width:240px}
 .footer-top{grid-template-columns:1fr 1fr;gap:35px}.footer-invitation{grid-column:1/-1}
 .footer-bottom{flex-wrap:wrap}.footer-bottom>div{flex-wrap:wrap}
}
@media(max-width:760px){
 header .wordmark{font-size:35px}.header-shop{padding:10px 14px;gap:10px;font-size:11px}
 .hero .hero-copy{top:110px;left:5%;width:90%}
 .hero .hero-copy h1{font-size:clamp(38px,12cqw,64px);line-height:1.06;margin:15px 0 13px}
 .hero .hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.55;max-width:350px;padding:0 5px}
 .hero .selector{width:90%;max-width:90%;bottom:35px;padding:7px;gap:5px}
 .hero .selector button{font-size:12px;padding:9px 13px;flex:0 0 auto;min-height:44px}
 .hero .flavor-caption{bottom:116px;white-space:normal;width:90%}
 .hero .flavor-caption span{font-size:9px;letter-spacing:1.4px}.hero .flavor-caption strong{font-size:22px}
 .hero .ingredient.text-orb span{font-size:13px}
 .moments{gap:4px 15px}.moments button{font-size:11px}
 .everyday-copy p.moment-copy{min-height:70px}
 .shop-grid,.flavor-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
 .footer-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .footer-invitation .text-link{white-space:normal}
 .footer-bottom>div{gap:18px}
 .lifestyle-visual>img{object-position:44% center}
 .lifestyle-visual>img.portrait-lifestyle{height:auto;width:100%;max-height:580px;aspect-ratio:941/1672;object-fit:contain}
}
@media(max-width:380px){
 header{padding-left:4%;padding-right:4%;gap:8px}
 header .wordmark{font-size:31px}.wordmark span{letter-spacing:1.5px}
 .menu-toggle{font-size:11px;padding:10px 3px}.menu-toggle span{margin-left:4px}
 .header-shop{padding:10px 11px;font-size:11px;gap:7px}
 .hero .hero-copy>p:not(.eyebrow){font-size:14px}
 .hero .hero-copy h1{font-size:12cqw}
 .hero .active-bottle{height:39%;width:30%;bottom:21%}
 .hero .ingredient.text-orb span{font-size:12px}
 .botanical-gallery strong{font-size:16px}.botanical-gallery span{font-size:7px}
 .shop-item h3,.flavor-feature h3{font-size:21px}
}
@media(max-width:1100px) and (hover:none){.hero .top-canopy,.hero .foreground,.hero .environment{transform:none;transition:none;will-change:auto}}

/* Avoid fetching distant footer artwork during the hero load. */
.footer-environment.deferred-background{background:linear-gradient(#062831e8,#031822e8)}

.story-visual img{height:auto}