:root{
  --primary: #31465A;
  --secondary: #9EADA2;
  --accent: #8A6747;
  --background: #F3F1EC;
  --surface: #FFFFFF;
  --text: #24313A;
  --muted: #637077;
  --border: #CBD1CD;
  --button: #31465A;
  --link: #416675;
  --hover: #263847;
  --focus: #8A6747;
  --error: #A64B55;
  --success: #3F755D;
  --on-primary: #FFFFFF;
  --brand: var(--primary); --gold: var(--accent); --cream: var(--background); --ink: var(--text);
  --font-heading: "Sora", Georgia, serif; --font-body: "Noto 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-06 .site-header{background:var(--surface)!important;color:var(--text)!important;border-bottom:5px solid var(--primary)!important}.variant-06 .site-header .nav-link{color:var(--text)!important}.variant-06 .header-inner{min-height:82px!important}.variant-06 .header-actions{order:-1}.variant-06 .hero-layout{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr)!important}.variant-06 .home-hero{border-bottom:18px solid var(--accent)!important}.variant-06 .hero-image-frame{background:var(--accent)!important;padding:18px!important;box-shadow:18px 18px 0 var(--secondary)!important}.variant-06 .feature-card,.variant-06 .article-card,.variant-06 .form-card{border:3px solid var(--primary)!important;border-radius:0!important;box-shadow:9px 9px 0 var(--secondary)!important}.variant-06 .section-title{display:inline-block;background:var(--accent);padding:.15em .25em;color:var(--text)!important}.variant-06 .btn-primary,.variant-06 .btn-gold{border-radius:0!important;box-shadow:5px 5px 0 var(--secondary)}.variant-06 footer{clip-path:polygon(0 4%,100% 0,100% 100%,0 100%);padding-top:40px}

/* 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}


/* Calmer revision: muted corporate palette instead of electric blue and acid lime. */
.variant-06 .site-header{background:color-mix(in srgb,var(--surface) 96%,transparent)!important;border-bottom:1px solid var(--border)!important;box-shadow:0 10px 32px rgba(36,49,58,.08)!important}
.variant-06 .home-hero{border-bottom:1px solid var(--border)!important}
.variant-06 .hero-image-frame{background:color-mix(in srgb,var(--accent) 14%,var(--surface))!important;padding:16px!important;border:1px solid var(--border)!important;border-radius:18px!important;box-shadow:0 24px 55px rgba(36,49,58,.14)!important}
.variant-06 .feature-card,.variant-06 .article-card,.variant-06 .form-card{border:1px solid var(--border)!important;border-radius:18px!important;box-shadow:0 14px 38px rgba(36,49,58,.08)!important}
.variant-06 .section-title{display:block!important;background:transparent!important;padding:0 0 .35em!important;color:var(--text)!important;border-bottom:2px solid color-mix(in srgb,var(--accent) 45%,transparent)!important}
.variant-06 .btn-primary,.variant-06 .btn-gold{border-radius:10px!important;box-shadow:none!important}
.variant-06 footer{clip-path:none!important;padding-top:0!important;border-top:4px solid var(--accent)!important}