
:root{
  --primary: #345B3E;
  --secondary: #B8C99A;
  --accent: #9B5738;
  --background: #F3EFE2;
  --surface: #FFFDF5;
  --text: #233629;
  --muted: #667062;
  --border: #CDD3BC;
  --button: #345B3E;
  --link: #4D774E;
  --hover: #274A31;
  --focus: #E1A984;
  --error: #A94442;
  --success: #3E7A55;
  --on-primary: #FFFDF5;
  --brand: var(--primary); --gold: var(--accent); --cream: var(--background); --ink: var(--text);
  --font-heading: "Lora", Georgia, serif; --font-body: "Nunito Sans", Arial, sans-serif;
}
html{scroll-padding-top:110px}
body.variant-site{background:var(--background)!important;color:var(--text)!important;font-family:var(--font-body);overflow-x:hidden}
.variant-site h1,.variant-site h2,.variant-site h3,.variant-site .font-heading{font-family:var(--font-heading)!important}
.variant-site a{color:inherit}
.variant-site :focus-visible{outline:3px solid var(--focus)!important;outline-offset:4px!important}
.variant-site .site-logo{display:block;width:min(270px,55vw);height:auto}
.variant-site footer .site-logo{width:min(250px,65vw)}
.variant-site .brand-mark,.variant-site .brand-mark-light{display:none!important}
.variant-site .site-header,.variant-site footer{background:var(--primary)!important;color:var(--on-primary)!important}
.variant-site .site-header{border-color:var(--border)!important}
.variant-site .nav-link,.variant-site .mobile-link{color:var(--on-primary)!important}
.variant-site .nav-active,.variant-site .mobile-active{color:var(--accent)!important}
.variant-site .btn-primary,.variant-site .btn-gold{background:var(--button)!important;color:var(--surface)!important;border:2px solid var(--button)!important}
.variant-site .btn-secondary,.variant-site .btn-light-outline{background:transparent!important;color:inherit!important;border:2px solid var(--border)!important}
.variant-site .btn-primary:hover,.variant-site .btn-gold:hover{background:var(--hover)!important;border-color:var(--hover)!important;transform:translateY(-2px)}
.variant-site .text-link,.variant-site .breadcrumb a{color:var(--link)!important}
.variant-site .form-card,.variant-site .contact-card,.variant-site .article-card,.variant-site .feature-card,.variant-site .premium-card,.variant-site .scenario-card,.variant-site .process-card,.variant-site .habit-card,.variant-site .premium-mini{background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}
.variant-site .form-card input,.variant-site .form-card textarea,.variant-site .form-card select,.variant-site .contact-card input,.variant-site .contact-card textarea{background:var(--background)!important;color:var(--text)!important;border-color:var(--border)!important}
.variant-site .form-status.success{color:var(--success)!important} .variant-site .form-status.error{color:var(--error)!important}
.variant-site .home-hero,.variant-site .inner-hero{background:var(--primary)!important;color:var(--on-primary)!important}
.variant-site .home-hero .hero-title,.variant-site .inner-hero h1{color:var(--on-primary)!important}
.variant-site .home-hero .hero-lead,.variant-site .inner-hero .lead{color:color-mix(in srgb,var(--on-primary) 78%,transparent)!important}
/* Immutable source-photo safety: no crop, overlay, filter, opacity or transformation. */
.variant-site img[src$=".webp"]{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;object-fit:contain!important;filter:none!important;opacity:1!important;transform:none!important;mix-blend-mode:normal!important;clip-path:none!important;mask:none!important;border-radius:0!important}
.variant-site .hero-image-frame,.variant-site .philosophy-media,.variant-site .inner-hero-media,.variant-site .featured-article,.variant-site .featured-media,.variant-site .article-card,.variant-site .blog-card,.variant-site .editorial-image,.variant-site .zigzag-image,.variant-site .product-stage,.variant-site .image-panel,.variant-site .image-panel-dark{overflow:visible!important;height:auto!important;min-height:0!important}
.variant-site .hero-image-frame:before,.variant-site .hero-image-frame:after,.variant-site .philosophy-media:before,.variant-site .philosophy-media:after,.variant-site .inner-hero-media:before,.variant-site .inner-hero-media:after{display:none!important}
.variant-site .hero-floating-card,.variant-site .image-note{position:relative!important;inset:auto!important;margin-top:18px!important;max-width:none!important;transform:none!important}
.variant-site .featured-article{align-items:start!important}
.variant-site .featured-article img,.variant-site .article-card img,.variant-site .featured-media img{height:auto!important;min-height:0!important;object-fit:contain!important}
.variant-site .cookie-banner{border-color:var(--border)!important;background:var(--surface)!important;color:var(--text)!important}
.variant-site .mobile-sticky-cta{background:var(--button)!important;color:var(--surface)!important}
@media(max-width:900px){.variant-site .hero-layout{grid-template-columns:minmax(0,1fr)!important}.variant-site .hero-layout>div{min-width:0!important}.variant-site .hero-layout>div:first-child{order:0!important}.variant-site .hero-layout>div:nth-child(2){order:1!important}.variant-site .hero-title{overflow-wrap:anywhere!important;word-break:normal!important}}
@media(min-width:1024px){.variant-site .mobile-sticky-cta{display:none!important}}
@media(max-width:1023px){.variant-site .mobile-sticky-cta{display:flex!important}}
@media(max-width:640px){.variant-site .site-logo{width:min(230px,68vw)}.variant-site .hero-layout,.variant-site .inner-hero>div{padding-top:42px!important;padding-bottom:46px!important}}

.variant-05 .site-header{background:rgba(243,239,226,.96)!important;color:var(--text)!important;border-bottom:2px dashed var(--secondary)!important}.variant-05 .site-header .nav-link{color:var(--text)!important}.variant-05 .header-inner{min-height:86px!important}.variant-05 .hero-layout{grid-template-columns:minmax(340px,.82fr) minmax(0,1.18fr)!important}.variant-05 .hero-layout>div:first-child{order:2}.variant-05 .hero-image-frame{padding:20px!important;background:var(--surface)!important;border-radius:48% 52% 44% 56% / 39% 42% 58% 61%!important;border:2px solid var(--secondary)!important}.variant-05 .section-pad{position:relative}.variant-05 .feature-card,.variant-05 .article-card,.variant-05 .form-card{border-radius:28px 8px 28px 8px!important;box-shadow:0 16px 0 rgba(184,201,154,.35)!important}.variant-05 .btn-primary,.variant-05 .btn-gold{border-radius:999px!important}.variant-05 footer{border-top:14px solid var(--secondary)!important}

/* Final responsive override: variant desktop grids collapse to one readable mobile column. */
@media(max-width:900px){.variant-site .hero-layout{grid-template-columns:minmax(0,1fr)!important}.variant-site .hero-layout>div{min-width:0!important;width:auto!important}.variant-site .hero-layout>div:first-child{order:0!important}.variant-site .hero-layout>div:nth-child(2){order:1!important}.variant-site .hero-title{overflow-wrap:anywhere!important;word-break:normal!important}}

/* Final inner-page mobile containment. */
@media(max-width:900px){.variant-site .inner-hero>div{grid-template-columns:minmax(0,1fr)!important}.variant-site .inner-hero>div>div{min-width:0!important}.variant-site .inner-hero h1{overflow-wrap:anywhere!important;word-break:normal!important}}

/* Final editorial-card mobile containment. */
@media(max-width:900px){.variant-site .featured-article{grid-template-columns:minmax(0,1fr)!important}.variant-site .featured-article>*{min-width:0!important}.variant-site .featured-article h2{overflow-wrap:anywhere!important}.variant-site .blog-tools,.variant-site .blog-filters{max-width:100%!important}.variant-site .blog-filters{overflow-wrap:anywhere!important}}

/* 2026-07 contrast repair: preserve semantic light/dark sections and make all component text readable. */
.variant-site .section-title,.variant-site .section-title-small,.variant-site .ingredient-detail-card h2,.variant-site .premium-panel h3,.variant-site .premium-mini strong,.variant-site .habit-card strong,.variant-site .consult-point strong,.variant-site .philosophy-row h3,.variant-site .feature-card h3,.variant-site .scenario-card h3,.variant-site .article-card h3,.variant-site .check-list strong,.variant-site .image-note strong{color:var(--text)!important}
.variant-site .section-copy,.variant-site .ingredient-detail-card p:last-child,.variant-site .premium-mini span,.variant-site .habit-card span,.variant-site .consult-point p,.variant-site .philosophy-row p,.variant-site .feature-card p,.variant-site .scenario-card p,.variant-site .article-card p,.variant-site .check-list p,.variant-site .plain-check-list li,.variant-site .image-note span{color:var(--muted)!important}
.variant-site .ingredient-detail-card,.variant-site .premium-panel,.variant-site .premium-mini,.variant-site .habit-card,.variant-site .plain-check-list li{background:var(--surface)!important;border-color:var(--border)!important}
.variant-site .ingredient-index,.variant-site .consult-point>span,.variant-site .philosophy-row b,.variant-site .plain-check-list li:before{background:var(--primary)!important;color:var(--on-primary)!important}
.variant-site .eyebrow{color:color-mix(in srgb,var(--accent) 76%,var(--text))!important}
.variant-site .inner-hero{background:var(--primary)!important;color:var(--on-primary)!important}
.variant-site .inner-hero h1,.variant-site .inner-hero .breadcrumb,.variant-site .inner-hero .breadcrumb a{color:var(--on-primary)!important}
.variant-site .inner-hero .lead{color:color-mix(in srgb,var(--on-primary) 82%,transparent)!important}
.variant-site .inner-hero .eyebrow{color:color-mix(in srgb,var(--accent) 72%,white)!important}
.variant-site section[class~="bg-[#102D2A]"],.variant-site section[class~="bg-[#173F3A]"]{background:var(--primary)!important;color:var(--on-primary)!important}
.variant-site section[class~="bg-[#102D2A]"] h1,.variant-site section[class~="bg-[#102D2A]"] h2,.variant-site section[class~="bg-[#102D2A]"] h3,.variant-site section[class~="bg-[#102D2A]"] strong,.variant-site section[class~="bg-[#173F3A]"] h1,.variant-site section[class~="bg-[#173F3A]"] h2,.variant-site section[class~="bg-[#173F3A]"] h3,.variant-site section[class~="bg-[#173F3A]"] strong{color:var(--on-primary)!important}
.variant-site section[class~="bg-[#102D2A]"] p,.variant-site section[class~="bg-[#102D2A]"] span,.variant-site section[class~="bg-[#173F3A]"] p,.variant-site section[class~="bg-[#173F3A]"] span{color:color-mix(in srgb,var(--on-primary) 80%,transparent)!important}
.variant-site section[class~="bg-[#102D2A]"] .eyebrow,.variant-site section[class~="bg-[#173F3A]"] .eyebrow{color:color-mix(in srgb,var(--accent) 74%,white)!important}
.variant-site .dark-check{background:color-mix(in srgb,var(--surface) 8%,transparent)!important;border-color:color-mix(in srgb,var(--on-primary) 22%,transparent)!important}
.variant-site .dark-check strong{color:var(--on-primary)!important}.variant-site .dark-check span{color:color-mix(in srgb,var(--on-primary) 76%,transparent)!important}
.variant-site .product-focus-panel,.variant-site .lead-magnet,.variant-site .featured-article{background:var(--primary)!important;color:var(--on-primary)!important}
.variant-site .product-focus-panel span,.variant-site .lead-magnet p,.variant-site .featured-article p{color:color-mix(in srgb,var(--on-primary) 78%,transparent)!important}
.variant-site .product-focus-panel strong,.variant-site .lead-magnet h2,.variant-site .featured-article h2{color:var(--on-primary)!important}
.variant-site .cta-product-panel{border-color:color-mix(in srgb,var(--accent) 45%,transparent)!important;background:color-mix(in srgb,var(--surface) 8%,transparent)!important}
.variant-site .cta-product-panel strong{color:color-mix(in srgb,var(--accent) 42%,white)!important}.variant-site .cta-product-panel span{color:color-mix(in srgb,var(--on-primary) 78%,transparent)!important}
.variant-site footer,.variant-site footer h2,.variant-site footer strong,.variant-site footer a{color:var(--on-primary)!important}
.variant-site footer p,.variant-site footer address,.variant-site footer small{color:color-mix(in srgb,var(--on-primary) 76%,transparent)!important}

