:root{--ink:#172a20;--forest:#143e2d;--green:#116b45;--mint:#e7eee4;--white:#fafbf7;--line:#cbd3c8;--body:'DM Sans',Arial,sans-serif;--display:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--white);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6}a{color:inherit;text-underline-offset:5px}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #bd702c;outline-offset:5px}img{max-width:100%;display:block}figure,h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:500;line-height:1.06;letter-spacing:-.055em}h2{font-size:clamp(40px,4.7vw,68px)}h3{font-size:27px;letter-spacing:-.035em}p{max-width:65ch}.announcement{display:flex;justify-content:center;align-items:center;gap:24px;background:var(--forest);color:white;padding:9px 16px;font-size:12px;letter-spacing:.03em}.announcement span{color:#a1d5b6;font-size:11px}.header{height:91px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);background:var(--white)}.wordmark{font:italic 46px/1 Georgia,serif;letter-spacing:-4px;text-decoration:none}.wordmark span{font:11px Arial;vertical-align:top;letter-spacing:0;margin-left:5px}.header nav{display:flex;gap:32px;font-size:14px}.header nav a{text-decoration:none}.header nav a:hover{text-decoration:underline}.nav-cta{font-size:13px;font-weight:600;display:flex;gap:25px;align-items:center;text-decoration:none;border-bottom:1px solid;padding:8px 0}.nav-cta span{font-size:22px}.hero{display:grid;grid-template-columns:1fr 1fr;background:var(--mint);min-height:700px}.hero-copy{padding:65px 8% 45px 10%;align-self:center}.intro{font-size:14px;display:flex;align-items:center;gap:12px;margin-bottom:25px}.line{height:1px;width:30px;background:var(--ink)}h1{font-size:clamp(64px,6.8vw,106px);line-height:1.01;letter-spacing:-.065em;margin-bottom:28px}.hero-copy>p:not(.micro){font-size:17px;max-width:390px;color:#3b5143;margin-bottom:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:18px 25px;min-height:56px;background:var(--forest);color:#fff;text-decoration:none;border:1px solid var(--forest);border-radius:3px;font-size:14px;font-weight:500;transition:background .2s}.button span{font-size:23px;line-height:1}.button:hover{background:#226445}.hero-facts{display:flex;gap:0;font-size:12px;margin-top:28px}.hero-facts span+span{border-left:1px solid #aab7a8;margin-left:15px;padding-left:15px}.micro{font-size:11px;color:#526252;margin-top:14px}.hero-image{position:relative;min-width:0;overflow:hidden}.hero-image img{height:100%;width:100%;object-fit:cover}.hero-image figcaption{position:absolute;bottom:20px;right:26px;color:white;text-shadow:0 1px 5px #123;font-size:12px}.ribbon{background:#d4e3cf;display:flex;justify-content:center;align-items:center;gap:5vw;padding:25px 5%;font-size:16px}.ribbon svg{width:20px;height:20px;stroke:var(--forest);stroke-width:1;flex-shrink:0}.section{padding:100px 7%;scroll-margin-top:10px}.section-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:28px}.section-label{font-size:13px;margin-bottom:24px;letter-spacing:.01em}.short-note{font-size:14px;line-height:1.5;color:#526252}.blend h2{margin-bottom:47px}.blend-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:7%}.blend-layout figure img{height:440px;width:100%;object-fit:cover;border-radius:2px}.blend-layout figcaption{font-size:10px;color:#647263;margin-top:8px}.ingredient-list{align-self:center}.ingredient-list article{padding:25px 0 30px;border-top:1px solid var(--line)}.ingredient-tag{font-size:12px;color:#56715c;display:block;margin-bottom:13px}.ingredient-list h3{font-size:35px;margin-bottom:15px}.ingredient-list p{font-size:15px;color:#526252;max-width:370px}.text-link{display:inline-flex;gap:24px;align-items:center;font-size:13px;padding:10px 0}.honest{background:var(--forest);color:#f5f7ef;display:grid;grid-template-columns:1fr 1fr;gap:12%}.honest .section-label{color:#b9d4bf}.honest h2{font-size:clamp(40px,4.5vw,65px)}.honest-intro{margin-top:30px;color:#cfddce;font-size:17px;max-width:390px}.answers article{border-bottom:1px solid #496351;padding:0 0 26px;margin-bottom:26px}.answers h3{font-size:23px;letter-spacing:-.025em;margin-bottom:13px}.answers p{font-size:14px;color:#d0ddcf}.answers .text-link{color:#d3e3cf}.ritual-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 9%;align-items:end}.ritual-heading .section-label{grid-column:1/-1}.ritual-heading>p:last-child{max-width:350px;color:#526252;font-size:16px}.steps{padding:0;margin:60px 0 42px;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:6%}.steps li{border-top:1px solid var(--line);padding-top:22px}.step-number{font:36px/1 Georgia,serif;color:#658064;display:block;margin-bottom:34px}.steps h3{margin-bottom:15px;font-size:24px}.steps p{font-size:14px;color:#526252}.care-note{background:#e9eee4;padding:20px 25px;display:flex;gap:18px;align-items:center;font-size:13px}.info-icon{display:grid;place-items:center;border:1px solid;border-radius:50%;width:23px;height:23px;flex-shrink:0;font:italic 16px Georgia}.care-note p{max-width:none}.product-section{display:grid;grid-template-columns:1fr 1fr;background:#e7eee4;scroll-margin-top:25px}.product-visual{position:relative;overflow:hidden}.product-visual img{width:100%;height:100%;object-fit:cover}.product-visual>p{position:absolute;bottom:15px;left:20px;background:#f9fbf3db;padding:3px 8px;font-size:10px}.product-copy{padding:65px 12% 60px 10%;align-self:center}.product-copy h2{font-size:clamp(40px,4vw,59px)}.product-sub{font-size:15px;margin:22px 0}.product-copy>p:not(.section-label):not(.product-sub){font-size:15px;color:#405542}.product-tags{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.product-tags span{font-size:11px;border:1px solid #a6b7a1;border-radius:30px;padding:5px 12px}.ordering{margin:30px 0}.ordering p{font-size:13px;line-height:1.55;margin-bottom:8px}.ordering p+p{color:#526252}.ordering .button{width:100%;margin-top:14px}.details{border-top:1px solid #b9c8b5}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;cursor:pointer;font-size:14px;padding:20px 0;min-height:60px}summary::-webkit-details-marker{display:none}summary span{font-size:24px;font-weight:400;line-height:1;transition:transform .2s}details[open] summary span{transform:rotate(45deg)}details p{font-size:14px;padding:0 22px 22px 0;color:#526252}.details summary{font-size:13px;padding:17px 0}.faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%}.faq-list{border-top:1px solid var(--line)}.faq h2{font-size:clamp(40px,4vw,58px)}.closing{text-align:center;padding:75px 25px 85px;background:#d4e3cf}.closing p{max-width:none;font-size:14px}.closing h2{font-size:clamp(55px,8vw,108px);margin:22px 0 35px}.closing .button{min-width:290px}footer{padding:50px 6%;display:grid;grid-template-columns:1fr 1fr;gap:22px;font-size:13px;background:var(--white)}footer .wordmark{font-size:45px}footer>p:first-of-type{align-self:center;text-align:right;max-width:none}footer .footer-note{font-size:11px;color:#63715e}footer>a:last-child{text-align:right;align-self:center}dialog{padding:48px;max-width:530px;width:calc(100% - 32px);border:0;border-radius:6px;background:var(--white);color:var(--ink);box-shadow:0 20px 90px #0004}dialog::backdrop{background:#0a241dcc;backdrop-filter:blur(4px)}dialog h2{font-size:48px;margin:20px 0 25px}dialog p{font-size:15px;margin-bottom:18px}dialog .button{margin-top:10px}.close-dialog{position:absolute;right:15px;top:12px;width:44px;height:44px;border:0;background:transparent;font-size:30px;color:var(--ink)}.skip{position:fixed;left:10px;top:-80px;padding:14px;background:white;z-index:20}.skip:focus{top:10px}@media(min-width:1600px){body{max-width:1800px;margin:auto}.hero{min-height:800px}}@media(max-width:1050px){.header nav{gap:18px}.hero{min-height:620px}.hero-copy{padding:45px 8%}h1{font-size:75px}.hero-copy>p:not(.micro){font-size:15px}.section{padding:75px 6%}.honest{gap:7%}.product-copy{padding:45px 9%}.hero-facts{font-size:11px}.ribbon{gap:3vw;font-size:14px}.product-copy h2{font-size:46px}}@media(max-width:760px){html{scroll-padding-top:25px}.announcement{gap:12px;font-size:10px;padding:8px}.header{height:75px;padding:0 6%}.wordmark{font-size:40px}.header nav{display:none}.nav-cta{font-size:12px;gap:12px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:44px 7% 37px}.intro{margin-bottom:22px;font-size:12px}h1{font-size:clamp(64px,15vw,94px);line-height:1.01;margin-bottom:25px}.hero-copy>p:not(.micro){font-size:16px;max-width:450px;margin-bottom:24px}.hero-copy .button{width:100%;max-width:400px}.hero-facts{font-size:12px;margin-top:22px}.hero-image{height:470px}.hero-image img{object-position:center 56%}.hero-image figcaption{font-size:11px}.ribbon{gap:18px;padding:18px 5%;font-size:12px;flex-wrap:wrap}.ribbon svg{width:14px;height:14px}.ribbon span:last-child,.ribbon svg:last-of-type{display:none}.section{padding:60px 7%}.section-top{margin-bottom:20px}.short-note{font-size:11px}.section-label{font-size:12px;margin-bottom:22px}h2{font-size:44px}.blend h2{margin-bottom:32px}.blend-layout{grid-template-columns:1fr;gap:25px}.blend-layout figure img{height:300px}.ingredient-list article{padding:24px 0}.ingredient-list h3{font-size:30px}.ingredient-list p{max-width:none}.honest{grid-template-columns:1fr;gap:42px}.honest h2{font-size:46px}.honest-intro{font-size:16px;max-width:none;margin-top:25px}.answers h3{font-size:23px}.ritual-heading{grid-template-columns:1fr;gap:0}.ritual-heading>p:last-child{margin-top:24px}.steps{grid-template-columns:1fr;margin:37px 0;gap:26px}.steps li{display:grid;grid-template-columns:45px 1fr;gap:0 18px;padding-top:22px}.step-number{grid-row:1/3;margin:0;font-size:29px}.steps h3{font-size:24px;margin:0 0 12px}.steps p{grid-column:2}.care-note{align-items:start;padding:19px;font-size:12px;gap:12px}.product-section{grid-template-columns:1fr}.product-visual{height:470px}.product-visual img{object-position:center 53%}.product-copy{padding:45px 7%}.product-copy h2{font-size:48px}.product-sub{font-size:16px}.faq{grid-template-columns:1fr;gap:35px}.faq h2{font-size:44px}.faq-list summary{font-size:14px;gap:20px}.closing{padding:55px 7% 60px}.closing h2{font-size:59px}.closing p{font-size:12px}.closing .button{min-width:0;width:100%;max-width:370px}footer{padding:35px 7%;grid-template-columns:1fr;gap:22px}footer>p:first-of-type,footer>a:last-child{text-align:left}dialog{padding:35px 25px}dialog h2{font-size:41px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.announcement .announcement-extra:last-child{color:inherit;font-size:inherit}@media(max-width:760px){.announcement{white-space:nowrap;gap:20px}.announcement .announcement-extra{display:none}}
/* Original brand artwork and restrained scroll motion. */
.wordmark{display:inline-flex;align-items:center;line-height:1;letter-spacing:0;flex-shrink:0}
.wordmark img{width:174px;height:auto;max-height:58px;object-fit:contain}
.product-brand{display:block;width:280px;max-width:100%;height:auto;margin-bottom:19px}
.blend-layout figure{overflow:hidden}
.blend-layout figure img{transform-origin:center;will-change:transform}
@media(max-width:760px){.wordmark img{width:145px;max-height:48px}.product-brand{width:255px}}
/* Expanded motion: hero choreography, section reveals and scroll-linked imagery. */
.scroll-progress{position:fixed;z-index:30;top:0;left:0;width:100%;height:3px;background:#78bb88;transform:scaleX(0);transform-origin:left;pointer-events:none}
.hero-image,.product-visual,.blend-layout figure{isolation:isolate}
.hero-image>img,.product-visual>img,.blend-layout figure>img{will-change:transform;transform-origin:center}
.hero-image figcaption,.product-visual>p,.blend-layout figcaption{position:relative;z-index:1}
.hero-image figcaption,.product-visual>p{position:absolute}
.blend-layout figcaption{background:var(--white);padding-top:8px;margin-top:0}
/* Content remains visible at rest; finite Web Animations provide entrances. */
[data-motion]{opacity:1;clip-path:none}
.button{transition:background 220ms ease,box-shadow 300ms ease,transform 300ms cubic-bezier(.2,.8,.2,1)}
.button span,.text-link span,.nav-cta span{display:inline-block;transition:transform 300ms cubic-bezier(.2,.8,.2,1)}
.button:active{transform:scale(.98)}
.header nav a{position:relative}
.header nav a:after{content:'';position:absolute;bottom:-7px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 300ms ease}
@media(hover:hover) and (pointer:fine){.button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #143e2d20}.button:hover span,.text-link:hover span,.nav-cta:hover span{transform:translate(4px,-4px)}.header nav a:hover{text-decoration:none}.header nav a:hover:after{transform:scaleX(1)}}
@media(max-width:760px){.scroll-progress{height:2px}}
@media(prefers-reduced-motion:reduce){.scroll-progress{display:none}[data-motion].motion-ready{opacity:1;transform:none;clip-path:none}.hero-image>img,.product-visual>img,.blend-layout figure>img,.ribbon svg{transform:none!important;will-change:auto}.button:hover,.button:active,.button:hover span,.text-link:hover span,.nav-cta:hover span{transform:none}*{animation:none!important;transition:none!important}}
/* Contain off-screen entrance transforms without creating a scroll container. */
main{overflow-x:clip}
/* Supporting photography fills the editorial columns without competing with copy. */
.honest{gap:8%;align-items:start}
.honest-photo{position:relative;margin-top:30px;overflow:hidden;border-radius:3px}
.honest-photo img{width:100%;height:205px;object-fit:cover;object-position:30% 43%}
.honest-photo figcaption{font-size:11px;color:#d0ddcf;margin-top:10px}
.honest .answers{padding-top:35px}
.ritual-heading{grid-template-columns:1fr 1.08fr;gap:7%;align-items:center}
.ritual-copy>p{margin-top:25px;max-width:380px;color:#526252;font-size:16px}
.ritual-photo{position:relative;overflow:hidden;border-radius:3px}
.ritual-photo img{width:100%;height:320px;object-fit:cover}
.ritual-photo figcaption{font-size:10px;color:#647263;margin-top:8px}
.ritual .steps{margin-top:44px}
.faq{align-items:start;gap:7%}
.faq-visual{margin-top:32px;overflow:hidden;border-radius:3px}
.faq-visual img{width:100%;height:230px;object-fit:cover;object-position:55% 45%}
.faq-visual figcaption{font-size:12px;color:#526252;margin-top:12px}
.closing{display:grid;grid-template-columns:1fr 1fr;text-align:left;padding:0;align-items:stretch}
.closing-copy{padding:65px 12%;align-self:center}
.closing h2{font-size:clamp(48px,6vw,86px);margin:22px 0 30px}
.closing .button{min-width:0}
.closing-visual{position:relative;overflow:hidden;min-height:430px}
.closing-visual img{width:100%;height:100%;object-fit:cover}
.closing-visual figcaption{position:absolute;bottom:12px;left:15px;font-size:10px;background:#fafbf7dc;padding:4px 8px}
@media(max-width:760px){.honest{gap:28px}.honest .answers{padding-top:5px}.honest-photo img{height:210px}.ritual-heading{grid-template-columns:1fr;gap:30px}.ritual-photo img{height:260px}.ritual-copy>p{margin-top:22px}.faq-visual img{height:220px}.closing{grid-template-columns:1fr}.closing-copy{padding:45px 7%}.closing h2{font-size:59px}.closing-visual{min-height:0;height:300px}.closing .button{width:100%;max-width:370px}}
/* Hero: shorter, with a narrower image column (two-line headline). */
.hero{grid-template-columns:1.25fr .75fr;min-height:540px}
.hero-image>img{position:absolute;inset:0;object-position:center 12%}
.hero-copy{padding:48px 6% 40px 10%}
.intro{margin-bottom:20px}
h1{font-size:clamp(56px,5.6vw,90px);margin-bottom:22px}
.hero-facts{margin-top:22px}
@media(min-width:1600px){.hero{min-height:620px}}
@media(max-width:1050px){.hero{grid-template-columns:1.1fr .9fr;min-height:480px}.hero-copy{padding:40px 6%}h1{font-size:60px}}
@media(max-width:760px){.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:36px 7% 32px}h1{font-size:clamp(50px,13vw,72px)}.hero-image{height:300px}}