/* Warm earth palette and geometric borders inspired by West African textiles. */
body{--accent:#943f29!important;--wash:#efe1c8!important;--forest:#173e35;--ochre:#d6a347;--ink:#302c24;background:#faf4e8;color:var(--ink)}
header{max-width:none;padding:24px max(5%,calc((100vw - 1280px)/2));border-bottom:1px solid #cdbf9f;background:#faf4e8;position:relative}
header:before{content:"";position:absolute;top:0;left:0;right:0;height:7px;background:repeating-linear-gradient(90deg,#173e35 0 28px,#d6a347 28px 42px,#943f29 42px 70px,#302c24 70px 84px)}
.brand{font-family:Georgia,serif;font-size:29px;font-weight:400}.mark{color:#943f29}.edition{color:#5b5547}
.hero{gap:7%;padding:54px 0 66px;grid-template-columns:.95fr 1.05fr}.hero h1{color:var(--forest);font-size:clamp(64px,7.6vw,108px);letter-spacing:-4px}.hero .eyebrow{display:inline-block;border-bottom:2px solid var(--ochre);padding-bottom:9px}.lead{color:#493c2e}.description,.muted,.overview p,.step p,.faq details p{color:#383a30}
.cta{background:var(--forest);border-radius:0;padding:17px 25px;border-bottom:4px solid var(--ochre);transition:background .15s}.cta:hover{background:#26594b}
.hero-art{isolation:isolate;background:radial-gradient(ellipse at 48% 38%,#fffdf6 0,#f2dfb8 57%,#dbb776 100%);border:10px solid var(--forest);border-radius:220px 220px 8px 8px;padding:23px 20px 16px;box-shadow:12px 12px 0 #d6a34755}
.hero-art:before{inset:8px;border:1px solid #ac763f;border-radius:205px 205px 0 0}.hero-art:after{content:"";position:absolute;z-index:-1;left:10px;right:10px;bottom:58px;height:34px;opacity:.45;background:linear-gradient(135deg,transparent 40%,#943f29 40% 50%,transparent 50%) 0 0/34px 34px,linear-gradient(225deg,transparent 40%,#943f29 40% 50%,transparent 50%) 0 0/34px 34px}
.hero-art img{height:630px}.hero-art .caption{color:#4b3a25;font-size:12px;letter-spacing:1.5px}
.facts{background:var(--forest);position:relative;border-top:7px solid var(--ochre);border-bottom:1px solid #0c2c23}.facts-inner{padding-top:33px;padding-bottom:33px}.fact{border-left-color:#bd994f}.fact span{color:#f0d59f;opacity:1}.fact strong{font-size:26px}
h2{color:var(--forest)}.eyebrow{color:#943f29}.overview{border-bottom-color:#cdbf9f}.section{padding-top:86px;padding-bottom:86px}
#formula{display:grid;grid-template-columns:.7fr 1.3fr;gap:7%;align-items:start}.formula-heading{position:sticky;top:40px}.formula-heading h2{font-size:clamp(36px,4vw,52px)}.composition{border-left:1px solid #cdbf9f;padding-left:32px}.composition h3{margin-top:0;color:var(--forest)}.list{column-gap:24px}.list li{border-bottom-color:#d9cdb6;gap:12px}.ingredient-name{font-size:20px}.ingredient-thumb{box-shadow:0 0 0 1px #d5bd92;width:52px;height:52px;flex-basis:52px}.list .amount{font-size:14px;color:#943f29}
.routine-wrap{background:#efe1c8;border-top:1px solid #d4c1a0;border-bottom:1px solid #d4c1a0;position:relative}.routine-wrap:before{content:"";display:block;height:15px;background:repeating-linear-gradient(90deg,#943f29 0 18px,transparent 18px 24px,#173e35 24px 42px,transparent 42px 48px,#d6a347 48px 66px,transparent 66px 72px)}.step{border-top-color:#c8b492}.step-num{color:#943f29}
.wellbeing-wrap{background:#faf4e8}.wellbeing{border-bottom-color:#cdbf9f}.wellbeing-visual{position:relative;padding:0 0 15px 15px}.wellbeing-visual:before{content:"";position:absolute;left:0;bottom:0;top:35px;right:30px;background:var(--ochre);border:1px solid #b18139}.wellbeing-visual img{position:relative;border-radius:100px 8px 8px 8px;height:460px}.wellbeing-grid{gap:32px}.wellbeing-grid article{border-top:3px solid #ba7c3d}.wellbeing-number{color:#943f29}.wellbeing-grid h3{color:var(--forest)}.wellbeing-heading>p,.wellbeing-grid p{color:#383a30}.wellbeing-note,.note{color:#625a4c}
.faq details{border-color:#d4c7ae}.faq summary{color:#302c24}footer{background:var(--forest);color:#f4ead7;border-top:8px solid var(--ochre)}
.catalog h1{color:var(--forest)}.tile{background:#efe1c8;border:1px solid #d0b88c;border-radius:120px 120px 4px 4px;transition:transform .2s}.tile:hover{transform:translateY(-4px)}.tile h2{color:var(--forest)}.tile span{color:#943f29}.tile img{height:320px}
@media(max-width:1000px){#formula{grid-template-columns:1fr;gap:20px}.formula-heading{position:static;max-width:650px}.composition{border-left:0;padding-left:0}.hero-art img{height:520px}.hero-art{border-width:7px;padding-left:10px;padding-right:10px}.hero h1{font-size:68px}.wellbeing-visual img{height:420px}.fact strong{font-size:23px}}
@media(max-width:650px){header{padding:22px 6% 18px}.brand{font-size:25px}.hero{grid-template-columns:1fr;gap:32px;padding-top:32px;padding-bottom:44px}.hero h1{font-size:65px}.hero-art{margin:0 8px 0 0;border-radius:180px 180px 6px 6px;padding:18px 8px 12px}.hero-art:before{border-radius:165px 165px 0 0}.hero-art img{height:480px}.hero-art .caption{font-size:12px;letter-spacing:1px}.section{padding-top:56px;padding-bottom:56px}.fact strong{font-size:20px}.facts-inner{padding-top:26px;padding-bottom:26px}.list{grid-template-columns:1fr}.ingredient-name{font-size:20px}.wellbeing-visual img{height:auto;aspect-ratio:4/3;border-radius:65px 6px 6px 6px}.wellbeing-grid{gap:24px}.catalog h1{font-size:52px;letter-spacing:-2px}.tile{border-radius:100px 100px 4px 4px}}

/* Botanical editorial panel with an adjacent composition list. */
#formula{display:block}.formula-heading{position:static;max-width:720px;margin-bottom:32px}.formula-heading h2 br{display:none}.formula-heading h2 br:after{content:' '}.formula-heading h2{font-size:clamp(36px,4vw,52px)}
.composition{display:grid;grid-template-columns:40% 60%;padding:0;border:1px solid #d9c8aa;background:#fffcf7;align-items:stretch}
.composition-photo{position:relative;margin:0;min-height:550px;background:#42231b;overflow:hidden}.composition-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.composition-photo figcaption{position:absolute;left:0;right:0;bottom:0;padding:65px 32px 32px;background:linear-gradient(transparent,#35190ded 65%);color:#fff6e6}.composition-photo figcaption strong{display:block;font:italic 30px/1.25 Georgia,serif}.composition-photo figcaption span{display:block;margin-top:12px;font-size:12px;line-height:1.5;text-transform:uppercase;letter-spacing:1.7px}
.composition-details{padding:32px 38px}.composition-details h3{font:30px/1.2 Georgia,serif;color:var(--forest);margin:0 0 18px}.composition-details .list{display:block;margin:0}.composition-details .list li{min-height:73px;padding:13px 0;gap:18px;border-bottom:1px solid #e3d6bf}.composition-details .ingredient-name{font:600 18px/1.45 Arial,Helvetica,sans-serif;color:#793824}.composition-details .ingredient-thumb{width:44px;height:44px;flex-basis:44px}.composition-details .amount{font-size:15px}.composition-details .note{margin:20px 0 0;font-size:13px}
@media(max-width:900px){.composition{grid-template-columns:42% 58%}.composition-details{padding:26px}.composition-photo figcaption{padding:60px 22px 26px}.composition-photo figcaption strong{font-size:26px}.composition-details .list li{gap:13px}.composition-details .ingredient-name{font-size:17px}}
@media(max-width:650px){.composition{grid-template-columns:1fr}.composition-photo{min-height:380px}.composition-photo>img{object-position:center 55%}.composition-photo figcaption{padding:65px 25px 25px}.composition-photo figcaption strong{font-size:29px}.composition-details{padding:28px 22px}.composition-details h3{font-size:28px}.composition-details .ingredient-name{font-size:17px}.composition-details .list li{min-height:72px}.formula-heading{margin-bottom:26px}}

/* Ingredient name and property, matching the two-column reference. */
.composition-details .list li{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.45fr);gap:24px;align-items:start;padding:20px 0;min-height:82px}
.composition-details .ingredient-name{font-size:17px;line-height:1.55;font-weight:700}.ingredient-name a:hover{text-decoration:underline;text-underline-offset:4px}
.ingredient-benefit{font:16px/1.6 Arial,Helvetica,sans-serif;color:#655d53;min-width:0}.composition-details .note{font-size:12px;line-height:1.65}
@media(max-width:900px){.composition{grid-template-columns:36% 64%}.composition-details{padding:28px}.composition-details .list li{gap:18px;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr)}}
@media(max-width:650px){.composition{grid-template-columns:1fr}.composition-details{padding:26px 22px}.composition-details .list li{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:16px;padding:18px 0}.composition-details .ingredient-name{font-size:16px}.ingredient-benefit{font-size:16px}}
@media(max-width:380px){.composition-details .list li{grid-template-columns:1fr;gap:6px}}

/* Gentix composition: small botanical portraits and ingredient names. */
.composition-portraits .list li{display:flex;align-items:center;justify-content:flex-start;gap:18px;min-height:76px;padding:14px 0}
.composition-portraits .ingredient-thumb{width:44px;height:44px;flex:0 0 44px}
.composition-portraits .ingredient-name{flex:1}

/* Reserve space between the product image and the decorative band. */
.hero-art .caption{margin-top:68px}

/* Fill the bottle area despite the Cardilax image's wider transparent margins. */
.hero-art img[src="assets/cardilax.webp"]{object-fit:cover;object-position:center}