/* ---------- OFF-WHITE "CLEAN & CRISP" THEME + LAYOUT TWEAKS (My Organic Blend) ---------- Loads after style.css. Activates via (script.js sets it). */ [data-theme='light']{--green:#f6f4ee;--green-2:#fffdf9;--green-3:#eeeae0;--ink:#f1eee6;--parchment:#1f2a20;--parchment-dim:#3a463a;--amber:#a86a24;--amber-light:#8a5418;--rust:#7a3122;--line:rgba(31,42,32,.12);--color-text-muted:rgba(31,42,32,.7);--color-text-faint:rgba(31,42,32,.48);--shadow-card:0 24px 50px -24px rgba(40,50,30,.18);--shadow-deep:0 40px 90px -40px rgba(40,50,30,.22)} /* hero: warm, bright, premium — light cream wash with a golden sun glow, deep-green type */ [data-theme='light'] .hero{overflow:hidden} [data-theme='light'] .hero-wash{background: radial-gradient(55% 65% at 78% 18%,rgba(255,220,160,.55) 0%,rgba(255,220,160,0) 65%), linear-gradient(0deg,rgba(247,242,230,.94) 0%,rgba(247,242,230,.62) 38%,rgba(250,244,230,.40) 70%,rgba(255,248,236,.52) 100%)!important} [data-theme='light'] .hero-video-stack{filter:saturate(1.08) brightness(1.06) contrast(.96)} [data-theme='light'] .fx-solar{position:absolute;inset:-20%;pointer-events:none;z-index:0; background:radial-gradient(38% 42% at 72% 22%,rgba(255,206,130,.6) 0%,rgba(255,206,130,.18) 40%,rgba(255,206,130,0) 70%);mix-blend-mode:screen} [data-theme='light'] .hero-heading,[data-theme='light'] .hero-heading .split-char,[data-theme='light'] .hero-heading .split-word{color:#1f2a20!important} [data-theme='light'] .hero-heading em,[data-theme='light'] .hero-heading em .split-char{color:#a86a24!important} [data-theme='light'] .hero-content .eyebrow{color:#6b5a3a!important} [data-theme='light'] .hero-ctas .btn{color:#1f2a20!important;border-color:rgba(31,42,32,.45)!important;background:rgba(255,253,249,.55)!important;backdrop-filter:blur(6px)} [data-theme='light'] .hero-ctas .btn:hover{background:#1f2a20!important;color:#f7f1e2!important} /* journey hills: soft sage instead of near-black */ [data-theme='light'] .journey-parallax .layer-far path{fill:#e3e7dc} [data-theme='light'] .journey-parallax .layer-mid path{fill:#d6dccf} [data-theme='light'] .journey-parallax .layer-near path{fill:#c8d0c0} /* product slider (activated by mantis-fx.js data-slider=".shop-grid") */ .fx-slider{display:flex!important;grid-template-columns:none!important;gap:24px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding:8px 4px 28px;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab} .fx-slider:active{cursor:grabbing} .fx-slider::-webkit-scrollbar{display:none} .fx-slider>*{flex:0 0 min(380px,84vw);scroll-snap-align:start;user-select:none} .fx-slider-nav{display:flex;gap:10px;justify-content:flex-end;margin:0 0 16px} .fx-slider-nav button{width:46px;height:46px;border-radius:50%;border:1px solid var(--color-border,rgba(31,42,32,.15));background:var(--color-surface,#fff);color:var(--color-text,#1f2a20);cursor:pointer;font-size:18px;line-height:1;transition:background .2s,color .2s,transform .2s} .fx-slider-nav button:hover:not(:disabled){background:var(--color-accent,#a86a24);color:#fff;border-color:transparent;transform:translateY(-1px)} .fx-slider-nav button:disabled{opacity:.35;cursor:default} /* ---------- layout clean-up: remove the oil-pour video block and dead placeholders, close the gaps ---------- */ .pour .pour-visual{display:none!important} .pour{padding:110px 0 0!important} .pour .pour-head{margin-bottom:40px!important} .pour .pour-unbox{margin:0 auto 70px!important} /* reviews: the three empty "coming soon" video slots, the filter bar for an empty grid and the old empty state are replaced by the live review grid */ #reviews .review-video-row,#reviews .review-filter-row,#reviews .review-grid-empty,#reviews .review-load-more,#reviews .review-summary{display:none!important} #reviews .founder-note{margin-bottom:40px!important} /* the hero keeps its own imagery — no floating leaf overlay there */ .hero .fx-botanical{display:none!important} /* benefits list: use the width on desktop instead of one long column */ @media(min-width:900px){[data-theme='light'] .benefits-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:36px 40px!important}} /* footer: deep green "reveal" panel with cream type (activated by mantis-fx.js data-footer-reveal="1") */ [data-theme='light'] footer.fx-footer{--color-bg:#efe9dc;--color-surface:#f7f3ea;--color-surface-2:#e6dfd0;--color-text:#1f2a20;--color-text-muted:rgba(31,42,32,.72);--color-text-faint:rgba(31,42,32,.5);--color-border:rgba(31,42,32,.14);--color-accent:#a86a24;--color-accent-light:#8a5418;--parchment:#1f2a20;--parchment-dim:#3a463a;--ink:#f7f3ea;--green:#efe9dc;--green-2:#f7f3ea;--green-3:#e6dfd0;--line:rgba(31,42,32,.14);--amber:#a86a24;--amber-light:#8a5418;background:#efe9dc;color:#1f2a20;border-top:1px solid rgba(31,42,32,.12)} [data-theme='light'] footer.fx-footer a{color:inherit}