:root{--ink:#252620;--paper:#f6f5f1;--muted:#67685e;--line:#d7d8cd;--sage:#e6e8df}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;line-height:1.08;letter-spacing:-.055em}h1{font-size:clamp(48px,5.5vw,84px)}h2{font-size:clamp(40px,4.2vw,64px)}h3{font-size:34px}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em}header{height:112px;padding:20px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper)}.brand{display:block;flex-shrink:0}.logo{display:block;width:100px;height:59px;overflow:hidden;position:relative}.logo img{max-width:none;width:147px;height:98px;position:absolute;left:-15.4px;top:-21px}nav{display:flex;align-items:center;gap:32px;font-size:12px}nav a{padding:8px 0}nav a:hover,.text-link:hover{opacity:.6}.nav-shop{border-bottom:1px solid var(--ink);margin-left:20px}.menu{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.hero-copy{padding:85px 10% 35px;align-self:center}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:10px;line-height:1.5;font-weight:600;margin-bottom:28px}.intro{margin:28px 0 32px;max-width:380px;color:var(--muted);font-size:17px}.intro em{font-size:22px;color:var(--ink)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--ink);color:#fff;padding:17px 24px;font-size:12px;min-width:224px;transition:background .2s}.button:hover{background:#4c5142}.button span{font-size:20px;line-height:1}.hero-foot{font-size:10px;letter-spacing:.05em;color:var(--muted);margin-top:65px}.hero-photo{position:relative;overflow:hidden;min-height:650px}.hero-photo>img{width:100%;height:100%;object-fit:cover;position:absolute}.image-note{position:absolute;bottom:25px;right:30px;color:white;font-size:9px;letter-spacing:.16em}.chapter-line{padding:25px 5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-around;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.section{padding:105px 7%}.section-heading{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:40px;align-items:start;margin-bottom:65px}.section-heading>.eyebrow{padding-top:10px}.section-heading>p:last-child:not(.eyebrow){color:var(--muted);font-size:14px;padding-top:10px}.products{display:grid;grid-template-columns:1fr 1fr;gap:6%}.product-image{position:relative;aspect-ratio:1.13;overflow:hidden;margin-bottom:30px;background:#ddd6cc}.product-image img{width:100%;height:100%;object-fit:cover}.product-number{position:absolute;top:20px;left:20px;background:var(--paper);padding:5px 10px;font-size:10px}.product .eyebrow{margin-bottom:10px}.product h3{margin-bottom:16px}.product p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:510px}.product .product-lead{color:var(--ink)!important;margin-bottom:12px}.ingredients{margin-top:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px}summary::-webkit-details-marker{display:none}.ingredients summary{padding:16px 0;font-size:12px}.ingredients p{padding-bottom:20px}details[open] summary span{transform:rotate(45deg)}summary span{font-size:20px;font-weight:400;transition:transform .2s}.text-link{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);padding:19px 0 12px;font-size:12px;margin-top:14px}.text-link span{font-size:22px}.shop-note{margin-top:35px;font-size:11px;color:var(--muted)}.approach{display:grid;grid-template-columns:1fr 1fr;background:var(--sage);gap:12%;align-items:center}.geometry{position:relative;max-width:450px;aspect-ratio:1;display:grid;place-items:center;color:#959b88}.geometry svg{position:absolute;inset:0;width:100%;height:100%}.geometry span{text-align:center;font-size:12px;letter-spacing:.2em;background:var(--sage);padding:20px;z-index:1;color:var(--ink)}.approach-copy>p:not(.eyebrow){font-size:15px;margin-top:25px;color:#565c4d}.approach-copy .text-link{max-width:290px;margin-top:25px}.ritual .section-heading{grid-template-columns:1fr 2.5fr}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.steps article{border-top:1px solid var(--ink);padding-top:20px}.steps span{font-size:10px;text-transform:uppercase;letter-spacing:.13em}.steps h3{font-size:25px;line-height:1.2;margin:28px 0 18px;letter-spacing:-.04em}.steps p{font-size:14px;color:var(--muted)}.use-note{margin-top:45px;max-width:740px;color:var(--muted);font-size:11px}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.6fr;gap:60px}.faq h2{font-size:48px}.questions details{border-bottom:1px solid var(--line)}.questions details:first-child{border-top:1px solid var(--line)}.questions summary{padding:23px 0;font-size:14px}.questions p{font-size:14px;color:var(--muted);padding:0 40px 25px 0}.closing{text-align:center;padding:100px 20px;background:#e9e9e2;position:relative}.closing h2{font-size:clamp(42px,5vw,74px);margin-bottom:35px}.closing .eyebrow{margin-bottom:25px}footer{display:grid;grid-template-columns:1fr 1fr 1fr;padding:60px 7% 25px;gap:40px}footer p{font-size:12px;color:var(--muted)}footer>div{display:flex;flex-direction:column;gap:8px;font-size:12px}footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:25px;margin-top:20px;font-size:9px;letter-spacing:.08em;color:var(--muted)}.skip{position:absolute;top:-70px;background:var(--ink);color:white;padding:12px;z-index:20}.skip:focus{top:0}:focus-visible{outline:2px solid #687858;outline-offset:5px}
@media(min-width:1500px){body{max-width:1800px;margin:auto}.hero-photo{min-height:760px}}@media(max-width:900px){header{height:90px}nav{gap:18px}.nav-shop{margin-left:0}.hero-copy{padding:55px 9% 30px}.hero,.hero-photo{min-height:560px}.hero-foot{margin-top:40px}.section{padding:75px 6%}.section-heading{grid-template-columns:1fr 2fr;gap:20px}.section-heading>p:last-child:not(.eyebrow){grid-column:2;max-width:360px}.approach{gap:7%}.steps{gap:25px}.faq{gap:35px}}@media(max-width:640px){html{scroll-padding-top:20px}header{height:88px;padding:16px 6%;position:relative;z-index:5}.logo{width:85px;height:51px}.logo img{width:125px;height:83.3px;left:-13px;top:-17.8px}.menu{display:flex;gap:20px;align-items:center;border:0;background:none;font-size:12px;padding:10px 0}.menu span{font-size:20px}nav{display:none;position:absolute;left:0;right:0;top:87px;padding:25px 6% 35px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:12px}nav.open{display:flex}.nav-shop{align-self:flex-start}.hero{grid-template-columns:1fr}.hero-copy{padding:48px 7% 35px}.hero h1{font-size:51px}.eyebrow{font-size:9px;margin-bottom:22px}.intro{font-size:15px;margin:22px 0 26px;max-width:340px}.hero-foot{margin-top:30px}.hero-photo{min-height:0;aspect-ratio:1.12}.chapter-line{gap:15px;padding:21px 7%;font-size:8px;line-height:1.5;justify-content:space-between}.chapter-line span{max-width:95px}.section{padding:65px 7%}.section-heading,.ritual .section-heading{display:block;margin-bottom:35px}.section-heading .eyebrow{padding-top:0}.section-heading>p:last-child:not(.eyebrow){padding-top:22px;max-width:300px}.products{grid-template-columns:1fr;gap:55px}.product-image{margin-bottom:25px}.product h3{font-size:33px}.shop-note{font-size:10px}.approach{grid-template-columns:1fr;gap:25px}.geometry{max-width:265px;width:100%;margin:0 auto}.approach-copy h2{font-size:44px}.steps{grid-template-columns:1fr;gap:30px}.steps h3{margin-top:20px}.use-note{margin-top:30px}.faq{grid-template-columns:1fr;gap:30px}.faq h2{font-size:42px}.questions summary{font-size:13px}.closing{padding:70px 7%}.closing h2{font-size:45px}footer{grid-template-columns:1fr 1fr;padding:45px 7% 25px;gap:30px}footer>div{grid-column:1/-1}footer small{margin-top:5px;line-height:1.6}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Original editorial design, with the current jars and soft honeycomb texture. */
.hero,.collection,.ritual,.faq,.approach,.closing{position:relative;isolation:isolate}.hero::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('assets/honeycomb-background.svg') left top/208px 360px;opacity:.24;mask-image:linear-gradient(100deg,#000 0%,#000 32%,transparent 55%)}.hero-photo>img,.product-image>img{filter:sepia(.12) saturate(.84)}.hero-photo::after{content:'';position:absolute;inset:0;pointer-events:none;background:url('assets/honeycomb-background.svg') center top/208px 360px;mix-blend-mode:multiply;opacity:.18;mask-image:linear-gradient(#000 0%,#000 19%,transparent 32%,transparent 71%,#000 86%)}.image-note{z-index:2;color:var(--ink);background:#f6f5f1d9;padding:7px 10px}.collection::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('assets/honeycomb-background.svg') right top/160px 277px;opacity:.18;mask-image:linear-gradient(90deg,#000,transparent 25%,transparent 72%,#000)}.product-number{z-index:1}.approach::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('assets/honeycomb-background.svg') left center/208px 360px;opacity:.22;mask-image:linear-gradient(100deg,#000 5%,transparent 66%)}.ritual::before,.faq::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('assets/honeycomb-background.svg') right top/160px 277px;opacity:.12;mask-image:linear-gradient(90deg,#000,transparent 28%,transparent 76%,#000)}.closing::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('assets/honeycomb-background.svg') center/208px 360px;opacity:.20;mask-image:linear-gradient(90deg,#000,transparent 40%,transparent 60%,#000)}
@media(max-width:640px){.hero::before{background-size:160px 277px;opacity:.20;mask-image:linear-gradient(100deg,#000,transparent 96%)}.hero-photo::after{background-size:160px 277px;opacity:.16;mask-image:linear-gradient(#000,transparent 30%,transparent 71%,#000)}.collection::before{opacity:.13;mask-image:linear-gradient(90deg,#000,transparent 38%,#000)}.approach::before{opacity:.18;mask-image:linear-gradient(100deg,#000,transparent 96%)}.ritual::before,.faq::before{opacity:.10;mask-image:linear-gradient(90deg,#000,transparent 62%)}.closing::before{opacity:.20;background-size:160px 277px}}
/* Search-friendly product information within the original editorial system. */
.shop-note a,.questions p a,.retailer-note a,.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.faq-intro{max-width:270px;margin-top:24px;font-size:14px;color:var(--muted)}.breadcrumbs{display:flex;padding:22px 7%;gap:12px;font-size:11px;flex-wrap:wrap}.formula-page .hero h1{font-size:clamp(42px,4.5vw,68px)}.formula-details{display:grid;grid-template-columns:1fr 1.3fr;gap:12%}.formula-details>div>p{font-size:15px;color:var(--muted)}.formula-details h3{font-size:24px;margin:35px 0 15px;letter-spacing:-.035em}.formula-details .detail-note{font-size:12px;margin-top:22px}.retailer-note{font-size:12px;color:var(--muted);margin:25px auto 0;max-width:430px}.formula-page .hero .button{min-width:0;max-width:100%}@media(max-width:640px){.formula-details{grid-template-columns:1fr;gap:30px}.formula-page .hero h1{font-size:44px}.formula-page .hero .button{gap:24px}.breadcrumbs{padding:18px 7%}.faq-intro{max-width:290px}.retailer-note{font-size:11px}}
/* Ingredients and micellar structure extend the original sage editorial section. */
.approach-expanded{display:block}.approach-opening{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start}.approach-intro>p{font-size:15px;color:#565c4d;margin-top:22px}.approach-intro>p:first-child{font-size:23px;line-height:1.35;letter-spacing:-.025em;color:var(--ink);margin-top:0}.approach-intro .text-link{max-width:330px}.base-rationale{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:70px}.base-rationale article{border-top:1px solid #bfc5b3;padding-top:26px}.base-rationale .eyebrow{margin-bottom:20px}.base-rationale h3{font-size:33px;line-height:1.15;margin-bottom:20px}.base-rationale p:not(.eyebrow){font-size:14px;color:#565c4d}.base-rationale .text-link{max-width:330px}.ingredient-roles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:65px}.ingredient-roles article{border-top:1px solid #bfc5b3;padding-top:20px}.ingredient-roles span{font-size:9px;letter-spacing:.10em;text-transform:uppercase;display:block;line-height:1.5;min-height:30px}.ingredient-roles h3{font-size:24px;letter-spacing:-.035em;line-height:1.2;margin:15px 0}.ingredient-roles p{font-size:13px;color:#565c4d}.ingredient-context{font-size:11px;line-height:1.6;color:#565c4d;margin-top:32px;max-width:740px}.micellar-feature{display:grid;grid-template-columns:1.05fr 1fr;gap:8%;align-items:center;border-top:1px solid #bfc5b3;margin-top:65px;padding-top:65px;scroll-margin-top:25px}.micellar-figure{margin:0;min-width:0}.micellar-figure img{width:100%;height:auto}.micellar-figure figcaption{font-size:10px;line-height:1.6;color:#565c4d;max-width:380px;margin:10px auto 0}.micellar-copy h2{font-size:clamp(38px,3.5vw,54px)}.micellar-copy>p:not(.eyebrow){font-size:14px;margin-top:23px;color:#565c4d}.micellar-copy>.micellar-intro{color:var(--ink)!important;font-size:16px!important}.micellar-copy dl{margin:30px 0 0}.micellar-copy dl>div{border-top:1px solid #bfc5b3;padding:17px 0}.micellar-copy dt{font-size:13px;line-height:1.5;display:flex;gap:17px}.micellar-copy dt span{font-size:10px;letter-spacing:.1em;padding-top:2px;color:#657354}.micellar-copy dd{font-size:12px;color:#565c4d;margin:7px 0 0 33px}.approach-sources{border-top:1px solid #bfc5b3;margin-top:55px}.approach-sources summary{font-size:11px;padding:17px 0;max-width:330px}.approach-sources p{font-size:11px;color:#565c4d;max-width:850px;padding-bottom:15px}.approach-sources a{text-decoration:underline;text-underline-offset:3px}@media(max-width:1000px){.ingredient-roles{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 40px}.ingredient-roles span{min-height:0}.micellar-feature{grid-template-columns:1fr;gap:40px}.micellar-figure{max-width:560px;margin:auto}.micellar-copy{max-width:640px}.micellar-copy h2{font-size:46px}}@media(max-width:640px){.approach-opening,.base-rationale{grid-template-columns:1fr;gap:34px}.approach-intro>p:first-child{font-size:22px}.base-rationale{margin-top:45px;gap:35px}.base-rationale h3{font-size:30px}.ingredient-roles{grid-template-columns:1fr;margin-top:45px;gap:25px}.ingredient-roles h3{font-size:24px;margin:12px 0}.ingredient-roles p{font-size:14px}.micellar-feature{margin-top:40px;padding-top:30px;gap:35px}.micellar-figure figcaption{max-width:280px}.micellar-copy h2{font-size:38px}.micellar-copy .eyebrow{margin-bottom:20px}.approach-sources{margin-top:35px}.approach-sources summary{gap:12px}}
.micellar-copy>.micellar-evidence{font-size:11px!important;line-height:1.65;margin-top:20px!important;max-width:490px}