:root{--green:#173f2c;--green-2:#285943;--sage:#dce5da;--gold:#a98446;--cream:#f5f2e9;--ink:#18251d;--white:#fff;--serif:"Italiana","Times New Roman",serif;--sans:"Noto Sans Thai",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-weight:300;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.loader{position:fixed;inset:0;background:var(--green);z-index:1000;display:grid;place-items:center;transition:transform 1s cubic-bezier(.76,0,.24,1)}.loader span{font:clamp(2rem,5vw,5rem)/1 var(--serif);letter-spacing:.25em;color:#fff}.loader.done{transform:translateY(-100%)}.site-header{position:fixed;z-index:100;top:0;left:0;width:100%;height:82px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;color:#fff;transition:.4s}.site-header.scrolled{height:68px;color:var(--ink);background:rgba(250,249,245,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(23,63,44,.1)}.brand{font:1.45rem var(--serif);letter-spacing:.22em}.desktop-nav{display:flex;gap:2.5rem;font-size:.78rem}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:1px;background:currentColor;transition:.3s}.desktop-nav a:hover:after{width:100%}.header-cta{font-size:.72rem;border-bottom:1px solid currentColor;padding-bottom:5px}.header-cta span{margin-left:7px}.menu-button{display:none;border:0;background:none;width:34px;height:24px}.menu-button span{display:block;width:100%;height:1px;background:currentColor;margin:7px 0}.hero{height:100svh;min-height:680px;position:relative;overflow:hidden;color:var(--green)}.hero-media{position:absolute;inset:-3%;background:url("assets/jennalee-hero.png") center/cover no-repeat;transform:scale(1.04);will-change:transform}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(242,244,236,.78) 0%,rgba(245,245,237,.28) 42%,transparent 64%)}.hero-copy{position:absolute;z-index:2;left:8vw;top:52%;transform:translateY(-50%);max-width:620px}.eyebrow,.kicker{font-size:.64rem;letter-spacing:.32em;font-weight:500}.hero h1,.section h2{font:clamp(4.2rem,7.7vw,8.2rem)/.85 var(--serif);letter-spacing:-.035em;margin:.3em 0}.hero h1 span{display:inline-block;font:italic .64em "Times New Roman",serif;margin-left:1.25em;color:var(--gold)}.hero-description{font-size:.9rem;line-height:2;margin:2rem 0 2.4rem}.pill-button{width:185px;height:54px;border:1px solid rgba(23,63,44,.5);border-radius:50px;display:flex;align-items:center;justify-content:space-around;font-size:.75rem;transition:.35s}.pill-button:hover{background:var(--green);color:#fff;transform:translateY(-3px)}.hero-index{position:absolute;right:4vw;top:50%;z-index:2;display:flex;align-items:center;gap:10px;transform:rotate(90deg);font:10px var(--sans)}.hero-index i{display:block;width:54px;height:1px;background:currentColor}.scroll-hint{position:absolute;z-index:2;bottom:4vh;left:4vw;font-size:9px;letter-spacing:.23em;writing-mode:vertical-rl}.section{position:relative;padding:10rem 8vw}.section-label{display:flex;align-items:center;gap:1rem;color:var(--gold)}.section-label span{font:1.4rem var(--serif)}.section-label p{font-size:.58rem;letter-spacing:.26em}.section-label:before{content:"";width:38px;height:1px;background:currentColor}.section-label.light{color:#d4bd91}.intro{min-height:900px;background:#f8f7f2;overflow:hidden}.intro-orbit{position:absolute;width:620px;height:620px;border:1px solid rgba(169,132,70,.18);border-radius:50%;right:-170px;top:70px;display:grid;place-items:center}.intro-orbit:before,.intro-orbit:after{content:"";position:absolute;border:1px solid rgba(23,63,44,.09);border-radius:50%;inset:80px}.intro-orbit:after{inset:165px}.intro-orbit span{font:13rem var(--serif);color:rgba(169,132,70,.1)}.intro-content{margin:7rem auto 8rem;max-width:780px;text-align:center}.intro-content h2{font-size:clamp(3.7rem,6vw,7rem)}.serif-italic{font-family:"Times New Roman",serif;font-style:italic;color:var(--gold);font-weight:400}.intro-content>p:last-child{max-width:600px;margin:2.7rem auto 0;line-height:2.1;font-size:.9rem}.quality-row{display:grid;grid-template-columns:repeat(3,1fr);max-width:850px;margin:auto;border-top:1px solid rgba(23,63,44,.18);padding-top:2rem}.quality-row div{display:flex;gap:1.5rem;align-items:flex-start;justify-content:center}.quality-row strong{font:2.4rem var(--serif);color:var(--gold)}.quality-row span{font-size:.75rem;line-height:1.8}.formula{min-height:980px;background:var(--green);color:#fff;display:grid;grid-template-columns:1.05fr .95fr;gap:8vw;align-items:center}.botanical-card{height:680px;border-radius:320px 320px 24px 24px;background:radial-gradient(circle at 50% 35%,#e9e3c9,#b9aa74 52%,#7b7b48);position:relative;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.25)}.botanical-card:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.28),transparent 35%)}.ginger-art{position:absolute;inset:0}.root{position:absolute;display:block;background:linear-gradient(145deg,#f2d69a,#bd7e35);border-radius:55% 45% 48% 52%;box-shadow:inset -12px -15px 25px rgba(100,55,15,.22),0 20px 30px rgba(34,45,23,.2)}.root:after{content:"";position:absolute;border-radius:50%;background:#ebc780;width:45%;height:50%;top:-18%;right:5%;transform:rotate(25deg)}.root-a{width:240px;height:150px;left:16%;top:45%;transform:rotate(-22deg)}.root-b{width:200px;height:125px;left:42%;top:55%;transform:rotate(22deg)}.root-c{width:150px;height:105px;left:35%;top:35%;transform:rotate(55deg)}.leaf{position:absolute;width:190px;height:78px;background:linear-gradient(45deg,#143823,#5e8655);border-radius:100% 0 100% 0}.leaf-a{left:5%;top:24%;transform:rotate(15deg)}.leaf-b{right:2%;top:29%;transform:rotate(155deg)}.micro-label{position:absolute;left:2rem;bottom:1.5rem;font:8px var(--sans);letter-spacing:.18em;color:#fff}.formula-copy h2{font-size:clamp(4.2rem,6vw,7rem)}.formula-copy>p:not(.kicker){max-width:500px;font-size:.86rem;line-height:2}.benefits{list-style:none;padding:0;margin:3rem 0 0;border-top:1px solid rgba(255,255,255,.2)}.benefits li{display:flex;gap:1.5rem;padding:1.3rem 0;border-bottom:1px solid rgba(255,255,255,.2)}.benefits li>span{font:1.4rem var(--serif);color:#d4bd91}.benefits strong{display:block;font:1rem var(--serif);letter-spacing:.08em}.benefits small{font-size:.68rem;opacity:.6}.products{background:var(--cream)}.products-heading{text-align:center}.products-heading .section-label{justify-content:center}.products-heading h2{font-size:clamp(4rem,6vw,7rem)}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1000px;margin:5rem auto 0}.product-card{position:relative;min-height:680px;background:#e9e8dd;border-radius:260px 260px 24px 24px;padding:5rem 2rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;transition:.5s}.product-card.featured{background:#d8dfd2}.product-card:hover{transform:translateY(-10px);box-shadow:0 25px 50px rgba(23,63,44,.12)}.product-number{position:absolute;top:2rem;left:2.5rem;font:1.5rem var(--serif);color:var(--gold)}.bottle{height:390px;width:190px;background:linear-gradient(90deg,#e5e2d8,#fff 38%,#e8e4da);border-radius:48% 48% 28px 28px;position:relative;box-shadow:0 30px 45px rgba(32,43,34,.18);margin-bottom:2.5rem}.bottle>i{position:absolute;width:88px;height:47px;left:51px;top:-30px;border-radius:8px 8px 30% 30%;background:linear-gradient(90deg,#8a6c38,#d8bb7c,#8f6e36);box-shadow:inset 0 4px 8px rgba(255,255,255,.5)}.bottle-label{position:absolute;inset:65px 18px 25px;border:1px solid var(--gold);border-radius:70px 70px 8px 8px;color:var(--green);display:flex;flex-direction:column;align-items:center;padding-top:45px;text-align:center}.bottle-label b{font:1.25rem var(--serif);letter-spacing:.1em}.bottle-label small{font-size:7px;letter-spacing:.17em;margin-top:8px}.bottle-label em{font:8px var(--sans);font-style:normal;letter-spacing:.2em;margin-top:auto;margin-bottom:25px}.product-info{text-align:center}.product-info p{font-size:.55rem;letter-spacing:.23em;color:var(--gold)}.product-info h3{font-size:1rem;font-weight:400;margin:.5rem}.product-info span{font-size:.7rem;opacity:.6}.ritual{min-height:760px;background:#173827;color:#fff;overflow:hidden}.ritual:before{content:"J";position:absolute;right:-3vw;top:-16vw;font:70vw/1 var(--serif);color:rgba(255,255,255,.025)}.ritual-heading h2{font-size:clamp(4rem,6vw,7rem)}.ritual-steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:7rem;border-top:1px solid rgba(255,255,255,.25)}.ritual-steps article{padding:2rem 4rem 1rem 0;border-right:1px solid rgba(255,255,255,.2);min-height:170px}.ritual-steps article+article{padding-left:2rem}.ritual-steps span{font:2rem var(--serif);color:#d4bd91}.ritual-steps p{font-size:.76rem;line-height:1.9;opacity:.75}.contact{min-height:760px;background:#dfe5d9;display:grid;place-items:center;text-align:center;overflow:hidden}.contact-leaf{position:absolute;width:550px;height:240px;left:-170px;bottom:40px;background:linear-gradient(30deg,#183e2b,#5d815d);border-radius:100% 0 100% 0;transform:rotate(18deg);filter:blur(.2px);opacity:.85}.contact-leaf:after{content:"";position:absolute;width:650px;height:1px;background:#becaa8;left:220px;top:110px;transform:rotate(-17deg);transform-origin:left}.contact-content{position:relative;z-index:2}.contact h2{font-size:clamp(4.5rem,7vw,8rem)}.contact-content>p:not(.kicker){font-size:.8rem}.newsletter{display:flex;max-width:430px;margin:2.5rem auto 0;border-bottom:1px solid var(--green)}.newsletter input{flex:1;background:none;border:0;outline:0;padding:1rem 0;font-size:.65rem;letter-spacing:.13em}.newsletter button{border:0;background:none;font-size:1.4rem;color:var(--green);cursor:pointer}.form-note{min-height:20px;color:var(--green)}footer{background:#102c20;color:#fff;padding:5rem 5vw 2rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:end}.footer-brand{font-size:2.5rem}footer>p{justify-self:end;font-size:.55rem;letter-spacing:.25em}footer div{display:flex;gap:2rem;font-size:.7rem}footer small{justify-self:end;font-size:.55rem;opacity:.5}.reveal{opacity:0;transform:translateY(50px);transition:opacity .9s ease,transform .9s cubic-bezier(.22,1,.36,1)}.reveal.visible{opacity:1;transform:none}.mobile-menu{position:fixed;z-index:90;inset:0;background:var(--green);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;transform:translateY(-100%);transition:.6s cubic-bezier(.76,0,.24,1)}.mobile-menu.open{transform:none}.mobile-menu a{font:2.5rem var(--serif)}
@media(max-width:900px){.site-header{height:68px}.desktop-nav,.header-cta{display:none}.menu-button{display:block;color:inherit;z-index:101}.hero{min-height:720px}.hero-media{background-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(245,245,238,.9),rgba(245,245,238,.25) 75%)}.hero-copy{left:7vw;top:47%;max-width:85%}.hero h1{font-size:clamp(3.7rem,15vw,6rem)}.hero h1 span{margin-left:.5em}.hero-description br{display:none}.formula{grid-template-columns:1fr;padding-top:6rem}.botanical-card{height:580px;max-width:480px;margin:auto}.product-grid{grid-template-columns:1fr;max-width:480px}.ritual-steps{grid-template-columns:1fr}.ritual-steps article{border-right:0;border-bottom:1px solid rgba(255,255,255,.2);padding:1.5rem 0!important;min-height:0}.quality-row{gap:1rem}.quality-row div{display:block;text-align:center}.quality-row strong{display:block}.section{padding:7rem 7vw}}
@media(max-width:600px){.brand{font-size:1.15rem}.hero-media{background-position:69% center}.hero-shade{background:linear-gradient(90deg,rgba(246,246,239,.93),rgba(246,246,239,.46) 70%,rgba(246,246,239,.05))}.hero-copy{top:45%}.hero-description{max-width:80%;font-size:.78rem}.hero-index{display:none}.section h2{line-height:.95}.intro{min-height:auto}.intro-content{margin:5rem 0}.intro-orbit{width:400px;height:400px}.quality-row{grid-template-columns:1fr;border:0;gap:2.3rem}.quality-row div{border-top:1px solid rgba(23,63,44,.15);padding-top:1rem}.formula-copy h2,.products-heading h2,.ritual-heading h2{font-size:3.8rem}.botanical-card{height:470px}.root-a{left:8%}.product-card{min-height:610px}.bottle{transform:scale(.88);margin-bottom:0}.contact{min-height:650px}.contact-leaf{opacity:.4}.contact h2{font-size:4.3rem}footer{grid-template-columns:1fr;text-align:center}footer>p,footer small{justify-self:center}footer div{justify-content:center}.scroll-hint{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.loader{display:none}.reveal{opacity:1;transform:none;transition:none}.hero-media{transform:none!important}}
