/*
 * pHmatter v14 — Main Stylesheet
 * Extracted from approved v14r10 mockup
 */

/* ════════════════════════════════════════════════════════════════
   BRAND FONT — Zalando Sans Expanded (self-hosted, per Brand Identity)
   Archivo (Google Fonts) is loaded as fallback in inc/enqueue.php
   ════════════════════════════════════════════════════════════════ */
@font-face {
	font-family: 'Zalando Sans Expanded';
	src: url('../fonts/zalando-sans-expanded-latin-400-normal.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Zalando Sans Expanded';
	src: url('../fonts/zalando-sans-expanded-latin-700-normal.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Zalando Sans Expanded';
	src: url('../fonts/zalando-sans-expanded-latin-700-italic.woff2') format('woff2');
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Zalando Sans Expanded';
	src: url('../fonts/zalando-sans-expanded-latin-800-normal.woff2') format('woff2');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Zalando Sans Expanded';
	src: url('../fonts/zalando-sans-expanded-latin-800-italic.woff2') format('woff2');
	font-weight: 800;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Zalando Sans Expanded';
	src: url('../fonts/zalando-sans-expanded-latin-900-normal.woff2') format('woff2');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Zalando Sans Expanded';
	src: url('../fonts/zalando-sans-expanded-latin-900-italic.woff2') format('woff2');
	font-weight: 900;
	font-style: italic;
	font-display: swap;
}
:root {
  --ink:#0A0A0A;--ink-soft:#111114;--slate:#1A2030;--slate-d:#0F1620;--slate-h:#2A3548;
  --cream:#F5F3EE;--cream-d:#E8E4DC;--stone:#8C8880;--stone-d:#555048;
  --uv:#C8F135;--teal:#4A8C7A;--rust:#D45B35;--sun:#F4A460;
  --ff-display:'Archivo','Zalando Sans Expanded',system-ui,sans-serif;
  --ff-body:'Inter',system-ui,sans-serif;
  --ff-mono:'JetBrains Mono',ui-monospace,monospace;
  --gutter:clamp(28px,6vw,120px);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;overflow-x:hidden}
body{font-family:var(--ff-body);background:var(--ink);color:var(--cream);font-weight:300;line-height:1.5;-webkit-font-smoothing:antialiased}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}

/* NAV — floating glass bar */
.nav{
  position:fixed;
  top:clamp(12px, 2vh, 20px);
  left:50%;
  transform:translateX(-50%);
  width:calc(100% - clamp(24px, 4vw, 48px));
  max-width:1600px;
  z-index:100;
  padding:11px 11px 11px 22px;
  background:rgba(42, 50, 64, 0.30);
  backdrop-filter:blur(36px) saturate(180%);
  -webkit-backdrop-filter:blur(36px) saturate(180%);
  border:1px solid rgba(245, 243, 238, 0.14);
  border-radius:100px;
  box-shadow:
    0 20px 48px rgba(0, 0, 0, 0.32),
    0 4px 12px rgba(0, 0, 0, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}
.nav__wrap{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative}
.nav__logo{color:var(--cream);height:28px;display:inline-flex;align-items:center;text-decoration:none;flex-shrink:0;padding-left:4px}
.nav__logo svg{height:100%;width:auto}
/* Inner menu pill — layered thin glass */
.nav__pill{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  background:rgba(255, 255, 255, 0.06);
  backdrop-filter:blur(20px) saturate(140%);
  -webkit-backdrop-filter:blur(20px) saturate(140%);
  border:1px solid rgba(245, 243, 238, 0.12);
  border-radius:100px;
  padding:4px 6px;
  box-shadow:
    0 4px 12px rgba(0, 0, 0, 0.20),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}
.nav__links{list-style:none;display:flex;gap:2px}
.nav__links a{display:block;padding:8px 14px;font-family:var(--ff-mono);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(245,243,238,.85);text-decoration:none;border-radius:100px;transition:.25s}
.nav__links a:hover{color:var(--cream);background:rgba(245,243,238,.08)}
.nav__shop{display:inline-flex;align-items:center;gap:8px;background:var(--uv);color:var(--ink);padding:13px 22px;font-family:var(--ff-mono);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;border-radius:100px;transition:.25s;flex-shrink:0}
.nav__shop:hover{transform:translateY(-1px);background:var(--cream);box-shadow:0 4px 16px rgba(200,241,53,0.3)}

/* Hamburger toggle — mobile only */
.nav__toggle{
  display:none;
  width:44px;height:44px;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(245,243,238,0.14);
  border-radius:100px;
  cursor:pointer;
  padding:0;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  transition:.25s;
  flex-shrink:0;
}
.nav__toggle:hover{background:rgba(255,255,255,0.10)}
.nav__toggle span{
  display:block;
  width:18px;
  height:1.5px;
  background:var(--cream);
  border-radius:1px;
  transition:.25s cubic-bezier(0.16, 1, 0.3, 1);
}
.nav__toggle.is-active span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
.nav__toggle.is-active span:nth-child(2){opacity:0;transform:scaleX(0)}
.nav__toggle.is-active span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}

/* Mobile menu panel — slides down from nav */
.nav__mobile{
  position:fixed;
  top:calc(clamp(12px, 2vh, 20px) + 70px);
  left:50%;
  transform:translateX(-50%) translateY(-12px);
  width:calc(100% - clamp(24px, 4vw, 48px));
  max-width:480px;
  z-index:99;
  padding:12px;
  background:rgba(42, 50, 64, 0.55);
  backdrop-filter:blur(40px) saturate(180%);
  -webkit-backdrop-filter:blur(40px) saturate(180%);
  border:1px solid rgba(245, 243, 238, 0.14);
  border-radius:24px;
  box-shadow:0 24px 48px rgba(0, 0, 0, 0.42), 0 4px 12px rgba(0, 0, 0, 0.18);
  opacity:0;
  pointer-events:none;
  visibility:hidden;
  transition:opacity .3s cubic-bezier(0.16, 1, 0.3, 1), transform .3s cubic-bezier(0.16, 1, 0.3, 1), visibility .3s;
}
.nav__mobile.is-open{
  opacity:1;
  pointer-events:auto;
  visibility:visible;
  transform:translateX(-50%) translateY(0);
}
.nav__mobile-links{list-style:none;margin:0;padding:0}
.nav__mobile-links li + li{border-top:1px solid rgba(245, 243, 238, 0.08)}
.nav__mobile-links a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:18px 14px;
  font-family:var(--ff-mono);
  font-size:12px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--cream);
  text-decoration:none;
  transition:.2s;
}
.nav__mobile-links a::after{
  content:'→';
  font-family:var(--ff-display);
  opacity:0.4;
  transition:.2s;
}
.nav__mobile-links a:hover,.nav__mobile-links a:active{color:var(--uv)}
.nav__mobile-links a:hover::after,.nav__mobile-links a:active::after{opacity:1;color:var(--uv);transform:translateX(4px)}

@media(min-width:1101px){.nav__mobile{display:none!important}.nav__toggle{display:none!important}}
@media(max-width:1100px){.nav__pill{display:none}.nav__toggle{display:flex}}
@media(max-width:600px){
  .nav{top:8px;width:calc(100% - 16px);padding:8px 8px 8px 18px}
  .nav__shop span{display:none}
  .nav__shop{padding:11px}
  .nav__shop svg{width:14px;height:14px}
  .nav__toggle{width:40px;height:40px}
  .nav__mobile{top:calc(8px + 60px);width:calc(100% - 16px)}
}

.rail{position:fixed;right:22px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:50}
.rail__dot{width:6px;height:6px;background:rgba(245,243,238,.2);border-radius:50%;transition:.25s}
.rail__dot.is-active{background:var(--uv);transform:scale(1.7)}
@media(max-width:1200px){.rail{display:none}}

/* shared grain */
.grain-dark{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='.85'/%3E%3C/svg%3E");opacity:.05;mix-blend-mode:overlay;pointer-events:none}
.grain-light{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='.85'/%3E%3C/svg%3E");opacity:.06;mix-blend-mode:multiply;pointer-events:none}

/* ── HERO ──────────────────────────────────────────────────────── */
.hero{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;display:flex;align-items:center;padding:110px var(--gutter) 130px;background:linear-gradient(180deg,var(--slate-d) 0%,#150E14 60%,var(--ink) 100%)}
.hero__bg{position:absolute;inset:0;pointer-events:none}
.hero__sun{position:absolute;right:-5%;top:8%;width:clamp(380px,50vw,720px);aspect-ratio:1;background:radial-gradient(circle,rgba(244,164,96,.55) 0%,rgba(212,91,53,.25) 28%,rgba(74,140,122,.05) 55%,transparent 75%);filter:blur(8px)}
.hero__sun-core{position:absolute;right:8%;top:22%;width:clamp(140px,18vw,260px);aspect-ratio:1;background:radial-gradient(circle,rgba(244,164,96,.75) 0%,rgba(212,91,53,.4) 40%,transparent 75%);filter:blur(4px)}
.hero__halo{position:absolute;left:-10%;bottom:-30%;width:80%;aspect-ratio:1;background:radial-gradient(circle,rgba(74,140,122,.1) 0%,transparent 60%);filter:blur(20px)}
.hero__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(245,243,238,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(245,243,238,.025) 1px,transparent 1px);background-size:120px 120px;mask-image:radial-gradient(ellipse at 40% 50%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 40% 50%,#000 30%,transparent 75%)}
.hero__content{position:relative;z-index:2;max-width:1400px;width:100%;margin:0 auto}
.hero__inner{max-width:820px}
.hero__overline{display:inline-flex;align-items:center;gap:14px;font-family:var(--ff-mono);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--uv);margin-bottom:36px}
.hero__overline::before{content:'';width:36px;height:1px;background:var(--uv)}
.hero__title-1{font-family:var(--ff-display);font-weight:800;font-size:clamp(44px,7.4vw,116px);line-height:.92;letter-spacing:-.035em;color:var(--cream);margin-bottom:24px}
.hero__title-1 em{font-style:italic;color:var(--uv);font-weight:800}
.hero__title-2{font-family:var(--ff-display);font-style:italic;font-weight:500;font-size:clamp(20px,2.4vw,34px);line-height:1.25;letter-spacing:-.01em;color:var(--stone);max-width:640px}
.hero__title-2 strong{color:var(--cream);font-weight:700;font-style:italic}
.hero__chip{position:absolute;right:var(--gutter);bottom:40px;z-index:3;display:flex;align-items:center;gap:18px;padding:16px 20px 16px 16px;background:rgba(10,10,10,.55);backdrop-filter:blur(20px) saturate(140%);border:1px solid rgba(245,243,238,.12);text-decoration:none;transition:.35s cubic-bezier(.16,1,.3,1);max-width:calc(100% - var(--gutter)*2)}
.hero__chip:hover{transform:translateY(-3px);border-color:rgba(200,241,53,.4);background:rgba(10,10,10,.7)}
.hero__chip-thumb{width:56px;height:78px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.hero__chip-thumb svg{width:100%;height:100%}
.hero__chip-body{display:flex;flex-direction:column;gap:4px}
.hero__chip-label{font-family:var(--ff-mono);font-size:9.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--uv)}
.hero__chip-name{font-family:var(--ff-display);font-size:16px;font-weight:800;color:var(--cream);letter-spacing:-.015em;line-height:1.1}
.hero__chip-meta{display:flex;gap:14px;align-items:baseline;margin-top:6px}
.hero__chip-price{font-family:var(--ff-display);font-weight:700;font-size:15px;color:var(--cream)}
.hero__chip-cta{font-family:var(--ff-mono);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--uv);display:inline-flex;align-items:center;gap:6px}
.hero__live{position:absolute;left:var(--gutter);bottom:48px;z-index:3;display:inline-flex;align-items:center;gap:14px;font-family:var(--ff-mono);font-size:10.5px;color:rgba(245,243,238,.5);letter-spacing:.14em;text-transform:uppercase}
.hero__live-dot{width:7px;height:7px;background:var(--uv);border-radius:50%;animation:pulse 2s infinite}
.hero__live em{color:var(--uv);font-style:normal;font-weight:700}
@media(max-width:900px){.hero{padding:110px var(--gutter) 240px;min-height:auto;align-items:flex-start}.hero__chip{left:var(--gutter);right:var(--gutter);bottom:90px;max-width:none}.hero__live{bottom:28px;font-size:9.5px}.hero__sun{right:-20%;top:-5%;width:80vw}.hero__sun-core{right:5%;top:5%;width:30vw}}

/* ── CLIMATE ───────────────────────────────────────────────────── */
.climate{position:relative;padding:clamp(100px,14vh,180px) var(--gutter);background:radial-gradient(ellipse at 50% 0%,rgba(74,140,122,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(212,91,53,.08) 0%,transparent 60%),linear-gradient(180deg,var(--slate) 0%,var(--slate-d) 100%);overflow:hidden}
.climate__wrap{position:relative;z-index:1;max-width:1280px;margin:0 auto}
.climate__overline{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border:1px solid rgba(200,241,53,.3);background:rgba(200,241,53,.04);border-radius:100px;font-family:var(--ff-mono);font-size:10.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--uv);margin:0 auto 48px}
.climate__overline::before{content:'';width:7px;height:7px;background:var(--uv);border-radius:50%;animation:pulse 2s infinite}
.climate__head{text-align:center;margin-bottom:clamp(60px,8vh,100px)}
.climate__compare{display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(20px,4vw,60px);align-items:center;margin-bottom:clamp(48px,6vh,80px)}
.climate__side{text-align:center}
.climate__side-label{font-family:var(--ff-mono);font-size:10.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;margin-bottom:12px}
.climate__side--lab .climate__side-label{color:var(--teal)}
.climate__side--reality .climate__side-label{color:var(--uv)}
.climate__side-place{font-family:var(--ff-mono);font-size:11px;letter-spacing:.08em;color:var(--stone-d);margin-top:20px}
.climate__big{font-family:var(--ff-display);font-weight:800;font-size:clamp(64px,10.5vw,168px);line-height:.85;letter-spacing:-.045em}
.climate__side--lab .climate__big{color:var(--teal)}
.climate__side--reality .climate__big{color:var(--uv)}
.climate__gap-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 clamp(8px,1.5vw,24px)}
.climate__gap-arrow{font-family:var(--ff-mono);font-size:22px;font-weight:700;color:var(--rust);line-height:1}
.climate__gap-num{font-family:var(--ff-display);font-weight:800;font-size:clamp(28px,4vw,56px);color:var(--rust);line-height:1;letter-spacing:-.03em}
.climate__gap-label{font-family:var(--ff-mono);font-size:9.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--rust)}
.climate__caption{text-align:center;max-width:620px;margin:0 auto 32px;font-size:clamp(15px,1.2vw,18px);line-height:1.6;color:var(--cream);font-weight:400}
.climate__caption strong{color:var(--rust);font-weight:700}
.climate__more-wrap{text-align:center}
.climate__more{display:inline-flex;align-items:center;gap:10px;font-family:var(--ff-mono);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--uv);text-decoration:none;padding-bottom:4px;border-bottom:1px solid rgba(200,241,53,.3);transition:.25s}
.climate__more:hover{color:var(--cream);border-color:var(--cream)}
@media(max-width:700px){.climate__compare{grid-template-columns:1fr;gap:28px}.climate__gap-wrap{flex-direction:row;gap:16px;justify-content:center}.climate__big{font-size:clamp(72px,28vw,120px)}}

/* ── MOBILE SECTION COMPRESSION — fix dead space between sections ── */
@media(max-width:900px){
  .climate{padding:clamp(64px,9vh,96px) var(--gutter)}
  .climate__overline{margin-bottom:32px}
  .climate__head{margin-bottom:clamp(36px,5vh,56px)}
  .climate__compare{margin-bottom:clamp(32px,4vh,48px)}
  .products,.science,.phreport,.closing{padding:clamp(60px,8vh,80px) var(--gutter)}
  .founder{padding:clamp(60px,8vh,90px) var(--gutter);min-height:auto}
  .products__head,.science__head,.phreport__head{margin-bottom:clamp(32px,5vh,52px)}
  .science__cases{gap:clamp(36px,5vh,56px)}
  .science__case{padding-top:clamp(28px,4vh,40px)}
  .hero{padding:96px var(--gutter) 220px}
  .hero__overline{margin-bottom:24px}
  .hero__title-1{margin-bottom:18px}
}

/* ── FEATURED ─────────────────────────────────────────────────── */
.featured{position:relative;background:var(--cream);color:var(--ink);padding:clamp(100px,14vh,180px) var(--gutter);overflow:hidden}
.featured__texture{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(ellipse at 80% 10%,rgba(212,91,53,.06) 0%,transparent 50%),radial-gradient(ellipse at 10% 90%,rgba(74,140,122,.04) 0%,transparent 55%)}
.featured__wrap{position:relative;z-index:1;max-width:1280px;margin:0 auto}
.featured__head{margin-bottom:clamp(48px,7vh,80px)}
.featured__overline{display:inline-flex;align-items:center;gap:14px;font-family:var(--ff-mono);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--rust);margin-bottom:24px}
.featured__overline::before{content:'';width:36px;height:1px;background:var(--rust)}
.featured__title{font-family:var(--ff-display);font-weight:800;font-size:clamp(40px,6vw,88px);line-height:.94;letter-spacing:-.035em;color:var(--ink);margin-bottom:16px}
.featured__title em{font-style:italic;color:var(--rust);font-weight:900}
.featured__sub{font-family:var(--ff-display);font-style:italic;font-weight:500;font-size:clamp(17px,1.9vw,26px);line-height:1.35;letter-spacing:-.01em;color:var(--stone-d);max-width:620px}
.featured__body{display:grid;grid-template-columns:minmax(280px,.85fr) 1.15fr;gap:clamp(40px,5vw,80px);align-items:stretch}
.featured__product{position:relative;background:radial-gradient(ellipse at 50% 30%,rgba(255,255,255,.7) 0%,rgba(232,228,220,.4) 50%,transparent 80%),linear-gradient(180deg,#FFFEFA 0%,var(--cream-d) 100%);padding:clamp(32px,5vw,64px) clamp(24px,4vw,56px);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(10,10,10,.06);min-height:520px;overflow:hidden}
.featured__product::after{content:'';position:absolute;bottom:12%;left:50%;transform:translateX(-50%);width:60%;height:24px;background:radial-gradient(ellipse,rgba(10,10,10,.18) 0%,transparent 70%);filter:blur(6px);pointer-events:none}
.featured__bottle{position:relative;z-index:2;width:100%;max-width:280px;height:auto;filter:drop-shadow(0 30px 40px rgba(10,10,10,.18))}
.featured__product-badge{position:absolute;top:20px;right:20px;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--ink);color:var(--cream);font-family:var(--ff-mono);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;z-index:3}
.featured__product-badge::before{content:'';width:6px;height:6px;background:var(--uv);border-radius:50%;animation:pulse 2s infinite}
.featured__product-bottom{position:absolute;bottom:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;font-family:var(--ff-mono);font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--stone-d);z-index:3}
.featured__info{display:flex;flex-direction:column;gap:clamp(28px,3.5vh,40px)}
.featured__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid rgba(10,10,10,.15);border-bottom:1px solid rgba(10,10,10,.15);padding:24px 0}
.featured__metric{padding:4px clamp(12px,1.5vw,20px);border-right:1px solid rgba(10,10,10,.1)}
.featured__metric:last-child{border-right:none}
.featured__metric:first-child{padding-left:0}
.featured__metric-val{font-family:var(--ff-display);font-weight:900;font-size:clamp(32px,3.6vw,48px);line-height:1;letter-spacing:-.04em;color:var(--rust);margin-bottom:8px}
.featured__metric-name{font-family:var(--ff-display);font-weight:800;font-size:clamp(13px,1.1vw,15px);letter-spacing:-.01em;color:var(--ink);margin-bottom:4px}
.featured__metric-note{font-family:var(--ff-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--stone-d);font-weight:500}
.featured__copy{font-family:var(--ff-display);font-weight:500;font-size:clamp(15px,1.3vw,19px);line-height:1.55;letter-spacing:-.005em;color:var(--stone-d)}
.featured__copy strong{color:var(--ink);font-weight:700}
.featured__copy em{color:var(--rust);font-style:italic;font-weight:700}
.featured__matrix-details{display:flex;flex-direction:column;gap:14px}
.featured__matrix-summary{font-family:var(--ff-mono);font-size:10.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--stone-d);cursor:pointer;padding:14px 16px;border:1px solid rgba(10,10,10,.15);background:rgba(10,10,10,.02);list-style:none;display:flex;justify-content:space-between;align-items:center;transition:.25s}
.featured__matrix-summary:hover{background:rgba(10,10,10,.05)}
.featured__matrix-summary::-webkit-details-marker{display:none}
.featured__matrix-summary::after{content:'+';font-family:var(--ff-display);font-size:18px;font-weight:700;transition:.25s;color:var(--rust)}
.featured__matrix-details[open] .featured__matrix-summary::after{transform:rotate(45deg)}
.featured__matrix-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(10,10,10,.1);border:1px solid rgba(10,10,10,.1)}
.featured__matrix-cell{background:var(--cream);padding:14px 16px;display:flex;align-items:baseline;gap:12px}
.featured__matrix-pct{font-family:var(--ff-display);font-weight:900;font-size:16px;letter-spacing:-.02em;color:var(--rust);min-width:42px}
.featured__matrix-name{font-family:var(--ff-mono);font-size:11px;font-weight:500;letter-spacing:.08em;color:var(--ink);text-transform:uppercase}
.featured__buy{display:flex;align-items:center;gap:clamp(16px,2.5vw,28px);padding:24px 0 8px;border-top:1px solid rgba(10,10,10,.15);flex-wrap:wrap}
.featured__price{display:flex;align-items:baseline;gap:8px;margin-right:auto}
.featured__price-amt{font-family:var(--ff-display);font-weight:800;font-size:clamp(28px,3vw,40px);letter-spacing:-.03em;color:var(--ink)}
.featured__price-vol{font-family:var(--ff-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--stone-d);font-weight:500}
.featured__cta{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:var(--cream);padding:18px 28px;font-family:var(--ff-mono);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;transition:.25s}
.featured__cta:hover{transform:translateY(-2px);background:var(--rust)}
.featured__cta-2{display:inline-flex;align-items:center;gap:8px;font-family:var(--ff-mono);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);text-decoration:none;padding:18px 0;border-bottom:1px solid rgba(10,10,10,.4);transition:.25s}
.featured__cta-2:hover{color:var(--rust);border-color:var(--rust)}
@media(min-width:901px){.featured__matrix-summary{display:none}.featured__matrix-grid{display:grid!important}}
@media(max-width:900px){.featured{padding:clamp(60px,8vh,80px) var(--gutter)}.featured__head{margin-bottom:clamp(32px,4vh,48px)}.featured__title{font-size:clamp(36px,9vw,56px)}.featured__sub{font-size:clamp(16px,4vw,20px)}.featured__body{grid-template-columns:1fr;gap:24px}.featured__info{gap:20px}.featured__product{min-height:320px;padding:32px 24px}.featured__bottle{max-width:180px}.featured__product-badge{font-size:9px;padding:6px 10px;top:14px;right:14px}.featured__product-bottom{bottom:14px;left:14px;right:14px;font-size:9px}.featured__metrics{padding:16px 0}.featured__metric{padding:4px 8px}.featured__metric-val{font-size:26px;margin-bottom:4px}.featured__metric-name{font-size:11px;margin-bottom:2px}.featured__metric-note{font-size:8.5px;letter-spacing:.08em}.featured__copy{font-size:14px;line-height:1.5}.featured__matrix-details:not([open]) .featured__matrix-grid{display:none}.featured__matrix-details[open] .featured__matrix-grid{margin-top:12px;display:grid}.featured__buy{flex-direction:column;gap:12px;padding:20px 0 0;align-items:stretch}.featured__price{width:100%;margin-right:0;justify-content:space-between;padding-bottom:4px}.featured__price-amt{font-size:30px}.featured__cta{width:100%;justify-content:center;padding:16px}.featured__cta-2{width:100%;justify-content:center;text-align:center;padding:14px 0;border-bottom:none;border-top:1px solid rgba(10,10,10,.15);padding-top:14px}}

/* ── PRODUCTS ─────────────────────────────────────────────────── */
.products{position:relative;padding:clamp(100px,14vh,180px) var(--gutter);background:linear-gradient(180deg,var(--ink) 0%,var(--slate-d) 100%);overflow:hidden}
.products__wrap{position:relative;z-index:1;max-width:1400px;margin:0 auto}
.products__head{margin-bottom:clamp(48px,6vh,80px);max-width:720px}
.products__overline{display:inline-flex;align-items:center;gap:14px;font-family:var(--ff-mono);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--uv);margin-bottom:24px}
.products__overline::before{content:'';width:36px;height:1px;background:var(--uv)}
.products__title{font-family:var(--ff-display);font-weight:800;font-size:clamp(40px,5.5vw,80px);line-height:.94;letter-spacing:-.03em;color:var(--cream);margin-bottom:20px}
.products__title em{font-style:italic;color:var(--uv);font-weight:800}
.products__sub{font-size:clamp(14px,1.2vw,17px);line-height:1.6;color:var(--stone);font-weight:400;max-width:540px}
.products__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px)}
.products__card{position:relative;background:rgba(245,243,238,.025);border:1px solid rgba(245,243,238,.08);display:flex;flex-direction:column;transition:.35s cubic-bezier(.16,1,.3,1)}
.products__card:hover{transform:translateY(-4px);border-color:rgba(200,241,53,.3);background:rgba(245,243,238,.04)}
.products__card--soon:hover{border-color:rgba(212,91,53,.3)}
.products__card-status{align-self:flex-start;margin:24px 0 0 24px;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;font-family:var(--ff-mono);font-size:9.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;background:rgba(200,241,53,.1);color:var(--uv);border:1px solid rgba(200,241,53,.3);border-radius:100px}
.products__card-status::before{content:'';width:6px;height:6px;background:var(--uv);border-radius:50%;animation:pulse 2s infinite}
.products__card--soon .products__card-status{background:rgba(212,91,53,.1);color:var(--rust);border-color:rgba(212,91,53,.3)}
.products__card--soon .products__card-status::before{background:var(--rust)}
.products__card-thumb{position:relative;height:clamp(180px,24vh,240px);display:flex;align-items:center;justify-content:center;padding:8px;margin-top:8px}
.products__card-thumb svg{height:100%;width:auto;max-width:100%;filter:drop-shadow(0 20px 24px rgba(0,0,0,.4))}
.products__card-body{padding:0 28px 28px;display:flex;flex-direction:column;gap:14px}
.products__card-num{font-family:var(--ff-mono);font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--stone-d)}
.products__card-name{font-family:var(--ff-display);font-weight:800;font-size:clamp(20px,1.8vw,26px);line-height:1.1;letter-spacing:-.02em;color:var(--cream)}
.products__card-tag{font-family:var(--ff-display);font-style:italic;font-weight:500;font-size:14px;line-height:1.4;color:var(--stone)}
.products__card-actives{font-family:var(--ff-mono);font-size:10.5px;letter-spacing:.06em;line-height:1.7;color:var(--stone-d);padding-top:12px;border-top:1px solid rgba(245,243,238,.08)}
.products__card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;margin-top:auto;border-top:1px solid rgba(245,243,238,.08)}
.products__card-price{font-family:var(--ff-display);font-weight:800;font-size:18px;letter-spacing:-.02em;color:var(--cream)}
.products__card-price small{font-family:var(--ff-mono);font-size:10px;font-weight:500;letter-spacing:.1em;color:var(--stone-d);text-transform:uppercase;margin-left:4px}
.products__card-cta{display:inline-flex;align-items:center;gap:6px;font-family:var(--ff-mono);font-size:10.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;padding:10px 14px;background:var(--uv);color:var(--ink);border-radius:100px;transition:.25s}
.products__card-cta:hover{transform:translateY(-1px);background:var(--cream)}
.products__card--soon .products__card-cta{background:transparent;color:var(--rust);border:1px solid rgba(212,91,53,.5);padding:9px 13px}
.products__card--soon .products__card-cta:hover{background:var(--rust);color:var(--cream);border-color:var(--rust)}
@media(max-width:900px){.products__grid{grid-template-columns:1fr}.products__card-thumb{height:220px}}

/* ── SCIENCE ──────────────────────────────────────────────────── */
.science{position:relative;padding:clamp(100px,14vh,180px) var(--gutter);background:linear-gradient(180deg,var(--slate-d) 0%,var(--ink) 100%);overflow:hidden}
.science__wrap{position:relative;z-index:1;max-width:1200px;margin:0 auto}
.science__head{margin-bottom:clamp(56px,7vh,96px);max-width:760px}
.science__overline{display:inline-flex;align-items:center;gap:14px;font-family:var(--ff-mono);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--uv);margin-bottom:24px}
.science__overline::before{content:'';width:36px;height:1px;background:var(--uv)}
.science__title{font-family:var(--ff-display);font-weight:800;font-size:clamp(40px,5.5vw,80px);line-height:.94;letter-spacing:-.03em;color:var(--cream);margin-bottom:20px}
.science__title em{font-style:italic;color:var(--uv);font-weight:800}
.science__sub{font-family:var(--ff-display);font-style:italic;font-weight:500;font-size:clamp(17px,1.9vw,26px);line-height:1.35;letter-spacing:-.01em;color:var(--stone);max-width:660px}
.science__sub strong{color:var(--cream);font-weight:700;font-style:italic}
.science__cases{display:flex;flex-direction:column;gap:clamp(48px,6vh,80px)}
.science__case{display:grid;grid-template-columns:minmax(180px,.7fr) 1.3fr;gap:clamp(32px,5vw,80px);align-items:center;padding-top:clamp(40px,5vh,60px);border-top:1px solid rgba(245,243,238,.1)}
.science__case-num-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.science__case-num{font-family:var(--ff-display);font-weight:900;font-size:clamp(96px,14vw,200px);line-height:.85;letter-spacing:-.05em;color:var(--uv)}
.science__case--rust .science__case-num{color:var(--rust)}
.science__case-num-label{font-family:var(--ff-mono);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--stone-d)}
.science__case-label{font-family:var(--ff-mono);font-size:10.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--uv);margin-bottom:16px}
.science__case--rust .science__case-label{color:var(--rust)}
.science__case-h{font-family:var(--ff-display);font-weight:800;font-size:clamp(24px,2.8vw,38px);line-height:1.1;letter-spacing:-.02em;color:var(--cream);margin-bottom:18px}
.science__case-h em{font-style:italic;color:var(--uv);font-weight:800}
.science__case--rust .science__case-h em{color:var(--rust)}
.science__case-copy{font-family:var(--ff-display);font-weight:500;font-size:clamp(15px,1.3vw,18px);line-height:1.55;letter-spacing:-.005em;color:var(--stone);margin-bottom:24px}
.science__case-copy strong{color:var(--cream);font-weight:700}
.science__case-receipt{display:flex;align-items:center;gap:20px;padding:14px 20px;background:rgba(245,243,238,.04);border:1px solid rgba(245,243,238,.08);font-family:var(--ff-mono);font-size:11px;color:var(--stone);letter-spacing:.06em;flex-wrap:wrap}
.science__case-receipt > span{display:inline-flex;align-items:baseline;gap:8px}
.science__case-receipt .label{color:var(--stone-d);text-transform:uppercase;font-weight:700;letter-spacing:.14em;font-size:9px}
.science__case-receipt .val{color:var(--cream);font-weight:700}
.science__case-receipt .val--us{color:var(--uv)}
.science__case--rust .science__case-receipt .val--us{color:var(--rust)}
.science__case-receipt-arrow{color:var(--stone-d);font-weight:700}
@media(max-width:800px){.science__case{grid-template-columns:1fr;gap:28px;padding-top:32px}.science__case-num{font-size:clamp(96px,28vw,140px)}.science__case-h{font-size:22px}}

/* ═════════════════════════════════════════════════════════════════
   NEW: FOUNDER QUOTE — cream interlude
   ═════════════════════════════════════════════════════════════════ */
.founder{position:relative;background:var(--cream);color:var(--ink);padding:clamp(96px,14vh,160px) var(--gutter);overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:60vh}
.founder__texture{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(ellipse at 20% 50%,rgba(212,91,53,.05) 0%,transparent 55%),radial-gradient(ellipse at 80% 50%,rgba(74,140,122,.04) 0%,transparent 55%)}
.founder__wrap{position:relative;z-index:1;max-width:980px;margin:0 auto;text-align:center}
.founder__overline{display:inline-flex;align-items:center;gap:14px;font-family:var(--ff-mono);font-size:10.5px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--stone-d);margin-bottom:48px}
.founder__overline::before,.founder__overline::after{content:'';width:32px;height:1px;background:var(--stone-d)}
.founder__quote{font-family:var(--ff-display);font-style:italic;font-weight:500;font-size:clamp(28px,4.2vw,58px);line-height:1.2;letter-spacing:-.02em;color:var(--ink);margin-bottom:48px}
.founder__quote strong{color:var(--rust);font-weight:800;font-style:italic}
.founder__quote-mark{font-family:var(--ff-display);font-weight:800;font-style:normal;color:var(--rust);font-size:1.1em;line-height:0;vertical-align:-.05em;letter-spacing:0}
.founder__attr{display:inline-flex;flex-direction:column;align-items:center;gap:6px}
.founder__attr-line{width:48px;height:1px;background:var(--stone-d);margin-bottom:14px}
.founder__attr-name{font-family:var(--ff-display);font-weight:800;font-size:18px;letter-spacing:-.01em;color:var(--ink)}
.founder__attr-role{font-family:var(--ff-mono);font-size:10.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--stone-d)}
@media(max-width:700px){.founder{min-height:auto;padding:clamp(72px,10vh,100px) var(--gutter)}.founder__quote{font-size:clamp(22px,7vw,36px);margin-bottom:36px}.founder__overline{margin-bottom:32px;font-size:9.5px}}

/* ═════════════════════════════════════════════════════════════════
   NEW: PH REPORT — dark, batch transparency card
   ═════════════════════════════════════════════════════════════════ */
.phreport{position:relative;padding:clamp(100px,14vh,180px) var(--gutter);background:linear-gradient(180deg,var(--ink) 0%,var(--slate-d) 60%,var(--slate) 100%);overflow:hidden}
.phreport__wrap{position:relative;z-index:1;max-width:1200px;margin:0 auto}
.phreport__head{margin-bottom:clamp(48px,6vh,80px);max-width:760px}
.phreport__overline{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border:1px solid rgba(200,241,53,.3);background:rgba(200,241,53,.04);border-radius:100px;font-family:var(--ff-mono);font-size:10.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--uv);margin-bottom:32px}
.phreport__overline::before{content:'';width:7px;height:7px;background:var(--uv);border-radius:50%;animation:pulse 2s infinite}
.phreport__title{font-family:var(--ff-display);font-weight:800;font-size:clamp(40px,5.5vw,80px);line-height:.94;letter-spacing:-.03em;color:var(--cream);margin-bottom:20px}
.phreport__title em{font-style:italic;color:var(--uv);font-weight:800}
.phreport__sub{font-family:var(--ff-display);font-style:italic;font-weight:500;font-size:clamp(15px,1.5vw,22px);line-height:1.45;color:var(--stone);max-width:580px}

/* The batch card */
.phreport__card{
  background:rgba(245,243,238,.025);
  border:1px solid rgba(245,243,238,.12);
  position:relative;
  overflow:hidden;
}
.phreport__card::before{
  /* corner accent — looks like an official document */
  content:'';position:absolute;top:0;left:0;width:60px;height:60px;
  background:linear-gradient(135deg,var(--uv) 0%,transparent 50%);
  opacity:.15;pointer-events:none;
}
.phreport__card-header{
  display:grid;
  grid-template-columns:auto 1fr auto auto;
  gap:clamp(20px,3vw,40px);
  padding:clamp(22px,3vw,32px) clamp(24px,3vw,40px);
  border-bottom:1px solid rgba(245,243,238,.08);
  align-items:center;
}
.phreport__card-field{display:flex;flex-direction:column;gap:4px}
.phreport__card-label{font-family:var(--ff-mono);font-size:9.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--stone-d)}
.phreport__card-val{font-family:var(--ff-display);font-weight:800;font-size:clamp(16px,1.5vw,20px);letter-spacing:-.01em;color:var(--cream)}
.phreport__card-val--mono{font-family:var(--ff-mono);font-weight:700;font-size:clamp(13px,1.2vw,15px);letter-spacing:.06em}
.phreport__card-verified{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 14px;
  background:rgba(74,140,122,.12);
  border:1px solid rgba(74,140,122,.4);
  color:var(--teal);
  font-family:var(--ff-mono);
  font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
}
.phreport__card-verified svg{width:14px;height:14px;flex-shrink:0}

.phreport__card-body{
  display:grid;
  grid-template-columns:1.4fr 1.2fr auto;
  gap:0;
}
.phreport__card-col{
  padding:clamp(24px,3vw,36px) clamp(24px,3vw,40px);
  border-right:1px solid rgba(245,243,238,.08);
}
.phreport__card-col:last-child{border-right:none}
.phreport__card-section-label{
  font-family:var(--ff-mono);
  font-size:10px;font-weight:700;
  letter-spacing:.22em;text-transform:uppercase;
  color:var(--uv);
  margin-bottom:20px;
  display:flex;align-items:center;gap:10px;
}
.phreport__card-section-label::before{
  content:'';width:6px;height:6px;background:var(--uv);
}
.phreport__chart{
  height:80px;
  margin-bottom:20px;
  position:relative;
}
.phreport__chart svg{width:100%;height:100%;display:block}
.phreport__data{display:flex;flex-direction:column;gap:10px}
.phreport__data-row{
  display:flex;justify-content:space-between;align-items:baseline;gap:16px;
  font-family:var(--ff-mono);font-size:12px;
  padding-bottom:8px;
  border-bottom:1px dotted rgba(245,243,238,.08);
}
.phreport__data-row:last-child{border-bottom:none;padding-bottom:0}
.phreport__data-key{color:var(--stone);letter-spacing:.04em}
.phreport__data-val{color:var(--cream);font-weight:700;letter-spacing:.04em}
.phreport__data-val--pass{color:var(--uv)}
.phreport__data-val--ok{color:var(--teal)}

/* QR column */
.phreport__qr-wrap{
  display:flex;flex-direction:column;align-items:center;gap:14px;
  min-width:160px;
}
.phreport__qr{
  width:120px;height:120px;
  display:flex;align-items:center;justify-content:center;
  background:var(--cream);
  padding:8px;
}
.phreport__qr svg{width:100%;height:100%;display:block}
.phreport__qr-label{
  font-family:var(--ff-mono);
  font-size:9.5px;font-weight:700;
  letter-spacing:.18em;text-transform:uppercase;
  color:var(--stone-d);
  text-align:center;
  line-height:1.5;
}
.phreport__qr-label strong{color:var(--cream);display:block;margin-top:4px}

.phreport__card-footer{
  display:flex;justify-content:space-between;align-items:center;gap:20px;
  padding:18px clamp(24px,3vw,40px);
  border-top:1px solid rgba(245,243,238,.08);
  background:rgba(0,0,0,.2);
  font-family:var(--ff-mono);
  font-size:10.5px;letter-spacing:.08em;
  color:var(--stone-d);
  flex-wrap:wrap;
}
.phreport__card-footer-lab{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.phreport__card-footer-lab strong{color:var(--cream);font-weight:500}
.phreport__card-pdf-link{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--ff-mono);
  font-size:11px;font-weight:700;
  letter-spacing:.18em;text-transform:uppercase;
  color:var(--uv);
  text-decoration:none;
}
.phreport__card-pdf-link:hover{color:var(--cream)}

.phreport__more{margin-top:32px;text-align:center}
.phreport__more a{display:inline-flex;align-items:center;gap:10px;font-family:var(--ff-mono);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--uv);text-decoration:none;padding-bottom:4px;border-bottom:1px solid rgba(200,241,53,.3);transition:.25s}
.phreport__more a:hover{color:var(--cream);border-color:var(--cream)}

@media(max-width:900px){
  .phreport__card-header{grid-template-columns:1fr 1fr;gap:16px}
  .phreport__card-body{grid-template-columns:1fr}
  .phreport__card-col{border-right:none;border-bottom:1px solid rgba(245,243,238,.08)}
  .phreport__card-col:last-child{border-bottom:none}
  .phreport__qr-wrap{flex-direction:row;justify-content:center}
  .phreport__qr-label{text-align:left}
}

/* ═════════════════════════════════════════════════════════════════
   NEW: CLOSING — final CTA + newsletter
   ═════════════════════════════════════════════════════════════════ */
.closing{position:relative;padding:clamp(100px,14vh,180px) var(--gutter);background:radial-gradient(ellipse at 50% 100%,rgba(200,241,53,.10) 0%,transparent 60%),radial-gradient(ellipse at 50% 0%,rgba(74,140,122,.06) 0%,transparent 50%),linear-gradient(180deg,var(--slate) 0%,var(--ink) 100%);overflow:hidden;text-align:center}
.closing__wrap{position:relative;z-index:1;max-width:920px;margin:0 auto}
.closing__overline{display:inline-flex;align-items:center;gap:14px;font-family:var(--ff-mono);font-size:10.5px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--uv);margin-bottom:36px}
.closing__overline::before,.closing__overline::after{content:'';width:24px;height:1px;background:var(--uv)}
.closing__title{font-family:var(--ff-display);font-weight:800;font-size:clamp(48px,8vw,128px);line-height:.92;letter-spacing:-.04em;color:var(--cream);margin-bottom:28px}
.closing__title em{font-style:italic;color:var(--uv);font-weight:800}
.closing__sub{font-family:var(--ff-display);font-style:italic;font-weight:500;font-size:clamp(17px,1.9vw,26px);line-height:1.4;letter-spacing:-.01em;color:var(--stone);margin-bottom:clamp(40px,6vh,64px);max-width:640px;margin-left:auto;margin-right:auto}
.closing__sub strong{color:var(--cream);font-weight:700;font-style:italic}

.closing__cta-primary{margin-bottom:clamp(48px,6vh,72px)}
.closing__cta-primary a{
  display:inline-flex;align-items:center;gap:12px;
  background:var(--uv);color:var(--ink);
  padding:22px 36px;
  font-family:var(--ff-mono);
  font-size:13px;font-weight:700;
  letter-spacing:.2em;text-transform:uppercase;
  text-decoration:none;
  transition:.25s;
}
.closing__cta-primary a:hover{transform:translateY(-2px);background:var(--cream)}

.closing__newsletter{
  border-top:1px solid rgba(245,243,238,.12);
  padding-top:clamp(40px,5vh,56px);
  max-width:580px;
  margin:0 auto;
}
.closing__newsletter-label{
  font-family:var(--ff-display);
  font-style:italic;
  font-size:clamp(14px,1.2vw,17px);
  line-height:1.5;
  color:var(--stone);
  margin-bottom:24px;
}
.closing__newsletter-label strong{color:var(--cream);font-weight:700;font-style:italic}
.closing__form{
  display:flex;
  border:1px solid rgba(245,243,238,.2);
  background:rgba(245,243,238,.03);
  transition:.25s;
}
.closing__form:focus-within{border-color:var(--uv);background:rgba(245,243,238,.05)}
.closing__form input{
  flex:1;background:transparent;border:none;
  padding:16px 20px;
  font-family:var(--ff-body);
  font-size:14px;font-weight:400;
  color:var(--cream);
  outline:none;
}
.closing__form input::placeholder{color:var(--stone-d)}
.closing__form button{
  background:var(--uv);color:var(--ink);
  border:none;cursor:pointer;
  padding:16px 24px;
  font-family:var(--ff-mono);
  font-size:11px;font-weight:700;
  letter-spacing:.18em;text-transform:uppercase;
  transition:.25s;
  display:inline-flex;align-items:center;gap:8px;
}
.closing__form button:hover{background:var(--cream)}

.closing__fine{margin-top:24px;font-family:var(--ff-mono);font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--stone-d)}

@media(max-width:700px){
  .closing__title{font-size:clamp(40px,12vw,68px)}
  .closing__cta-primary a{padding:18px 24px;font-size:11.5px}
  .closing__form{flex-direction:column}
  .closing__form button{padding:16px;justify-content:center}
}
/* ── SECTION SPACING FIXES — tighten transitions before key titles ── */
.products{padding-bottom:clamp(72px, 10vh, 120px)}
.phreport{padding-bottom:clamp(72px, 10vh, 120px)}
.science{padding-top:clamp(56px, 7.5vh, 96px)}
.closing{padding-top:clamp(56px, 7.5vh, 96px)}
@media(max-width:900px){
  .products{padding-bottom:clamp(36px, 5vh, 50px)}
  .phreport{padding-bottom:clamp(36px, 5vh, 50px)}
  .science{padding-top:clamp(28px, 4vh, 40px)}
  .closing{padding-top:clamp(28px, 4vh, 40px)}
}
/* ════════════════════════════════════════════════════════════════
   SITE FOOTER — appended for theme (not in mockup, brand-matched)
   ════════════════════════════════════════════════════════════════ */
.site-footer{background:var(--ink);color:var(--cream);padding:clamp(72px,10vh,120px) var(--gutter) clamp(40px,5vh,56px);border-top:1px solid rgba(245,243,238,.06)}
.site-footer__wrap{max-width:1400px;margin:0 auto}
.site-footer__brand{margin-bottom:clamp(48px,7vh,80px);max-width:520px}
.site-footer__logo{display:inline-flex;height:32px;color:var(--cream);margin-bottom:18px}
.site-footer__logo svg{height:100%;width:auto}
.site-footer__tagline{font-family:var(--ff-display);font-style:italic;font-weight:500;font-size:clamp(15px,1.4vw,18px);color:var(--stone);line-height:1.5}
.site-footer__cols{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(24px,3vw,40px);padding-bottom:clamp(40px,5vh,56px);border-bottom:1px solid rgba(245,243,238,.08)}
.site-footer__col-title{font-family:var(--ff-mono);font-size:10.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--uv);margin-bottom:18px}
.site-footer__col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:11px}
.site-footer__col a{font-family:var(--ff-display);font-weight:500;font-size:15px;color:var(--stone);text-decoration:none;transition:.25s}
.site-footer__col a:hover{color:var(--cream)}
.site-footer__bottom{display:flex;justify-content:space-between;align-items:center;padding-top:clamp(28px,4vh,40px);gap:16px;flex-wrap:wrap}
.site-footer__credit,.site-footer__legal{font-family:var(--ff-mono);font-size:10.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--stone-d);margin:0}
@media(max-width:700px){
  .site-footer__cols{grid-template-columns:repeat(2,1fr);gap:32px 20px}
  .site-footer__bottom{flex-direction:column;align-items:flex-start;gap:8px}
}

/* Skip link (a11y) */
.skip-link.screen-reader-text{position:absolute;left:-9999px;top:0;background:var(--uv);color:var(--ink);padding:12px 20px;z-index:200;font-family:var(--ff-mono);font-weight:700;font-size:11px;letter-spacing:.18em;text-transform:uppercase;text-decoration:none}
.skip-link.screen-reader-text:focus{left:16px;top:16px}

/* Site content min-height fallback */
.site-content{display:block;min-height:50vh}

/* WooCommerce shop / single product baseline (uses brand fonts and tokens) */
.is-woocommerce .site-content{padding:clamp(96px,12vh,140px) var(--gutter) clamp(64px,9vh,96px);max-width:1400px;margin:0 auto}
.woocommerce h1,.woocommerce h2,.woocommerce h3{font-family:var(--ff-display);font-weight:800;letter-spacing:-.02em;color:var(--cream)}
.woocommerce .button,.woocommerce a.button,.woocommerce-page .button,.woocommerce-page a.button{background:var(--uv);color:var(--ink);font-family:var(--ff-mono);font-weight:700;letter-spacing:.18em;text-transform:uppercase;font-size:11px;padding:14px 22px;border-radius:100px;border:none;transition:.25s}
.woocommerce .button:hover{background:var(--cream)}

/* Singular post / page baseline */
.is-singular:not(.home):not(.is-woocommerce) .site-content{padding:clamp(120px,14vh,160px) var(--gutter) clamp(64px,9vh,96px);max-width:780px;margin:0 auto}
.is-singular:not(.home) h1.entry-title{font-family:var(--ff-display);font-weight:800;font-size:clamp(36px,5vw,64px);line-height:1.05;letter-spacing:-.03em;color:var(--cream);margin-bottom:24px}
.is-singular:not(.home) .entry-content{font-family:var(--ff-display);font-weight:500;font-size:18px;line-height:1.65;color:var(--cream)}
.is-singular:not(.home) .entry-content p{margin-bottom:20px}
.is-singular:not(.home) .entry-content a{color:var(--uv);text-decoration:underline;text-underline-offset:3px}

/* ════════════════════════════════════════════════════════════════
   PAGE TEMPLATES (v14.2.0) — brand-styled by default for new pages
   ════════════════════════════════════════════════════════════════ */

/* Default page (page.php) — dark hero-free content area */
.page-default{
	background:var(--ink);
	color:var(--cream);
	padding-top:clamp(120px,15vh,180px);
	padding-bottom:clamp(64px,9vh,120px);
	min-height:70vh;
}
.page-default__article{max-width:820px;margin:0 auto;padding:0 var(--gutter)}
.page-default__hero{position:relative;width:100%;height:clamp(280px,42vh,440px);margin-bottom:clamp(40px,5vh,64px);overflow:hidden;max-width:1400px;margin-left:auto;margin-right:auto}
.page-default__hero-img{width:100%;height:100%;object-fit:cover}
.page-default__hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,0) 0%,rgba(10,10,10,0.4) 70%,rgba(10,10,10,0.85) 100%);pointer-events:none}
.page-default__header{margin-bottom:clamp(32px,4vh,48px);text-align:left}
.page-default__header .entry-title{font-family:var(--ff-display);font-weight:800;font-size:clamp(36px,5vw,68px);line-height:1.05;letter-spacing:-.03em;color:var(--cream);margin-bottom:18px}
.page-default__lead{font-family:var(--ff-display);font-style:italic;font-weight:500;font-size:clamp(17px,1.8vw,22px);line-height:1.45;color:var(--stone)}
.page-default__content{font-family:var(--ff-display);font-weight:500;font-size:17px;line-height:1.7;color:var(--cream)}
.page-default__content > * + *{margin-top:18px}
.page-default__content h2{font-family:var(--ff-display);font-weight:800;font-size:clamp(24px,3vw,36px);line-height:1.15;letter-spacing:-.02em;color:var(--cream);margin-top:48px}
.page-default__content h3{font-family:var(--ff-display);font-weight:700;font-size:clamp(20px,2.2vw,26px);color:var(--cream);margin-top:32px}
.page-default__content h4{font-family:var(--ff-mono);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--uv);margin-top:32px}
.page-default__content p{font-family:var(--ff-display);font-weight:500;color:var(--cream)}
.page-default__content a{color:var(--uv);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:.2s}
.page-default__content a:hover{color:var(--cream)}
.page-default__content em{font-style:italic;color:var(--uv)}
.page-default__content strong{font-weight:700;color:var(--cream)}
.page-default__content blockquote{padding:24px 28px;margin:32px 0;border-left:3px solid var(--uv);background:rgba(245,243,238,.03);font-family:var(--ff-display);font-style:italic;font-size:19px;line-height:1.5;color:var(--cream)}
.page-default__content ul,.page-default__content ol{padding-left:28px;margin:18px 0}
.page-default__content li{margin-bottom:8px}
.page-default__content code{font-family:var(--ff-mono);font-size:13px;background:rgba(200,241,53,.08);color:var(--uv);padding:2px 6px;border-radius:3px}
.page-default__content pre{background:rgba(245,243,238,.04);border:1px solid rgba(245,243,238,.08);padding:20px;overflow-x:auto;border-radius:4px;margin:24px 0}
.page-default__content img{max-width:100%;height:auto;margin:24px 0}
.page-default__content hr{border:none;border-top:1px solid rgba(245,243,238,.1);margin:48px 0}
.page-default__content table{width:100%;border-collapse:collapse;margin:24px 0}
.page-default__content th,.page-default__content td{padding:12px 14px;border-bottom:1px solid rgba(245,243,238,.1);text-align:left}
.page-default__content th{font-family:var(--ff-mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--uv)}

/* Fullwidth template — completely unstyled, page builder controls everything */
.page-fullwidth{background:var(--ink);min-height:70vh}
.page-fullwidth__article{width:100%}
/* Elementor compatibility — let it run full bleed */
.page-fullwidth .elementor{margin-top:0!important}

/* Canvas template — no chrome at all */
body.is-canvas{background:var(--ink);color:var(--cream);margin:0;padding:0}
.canvas-content{width:100%;min-height:100vh}

/* Page-with-hero template — inherits .hero styles */
.page-hero .page-hero__top{background:linear-gradient(180deg,var(--slate-d) 0%,#150E14 60%,var(--ink) 100%)}
.page-hero__body{background:var(--ink);padding:clamp(64px,9vh,120px) var(--gutter)}
.page-hero__body .page-default__content{max-width:820px;margin:0 auto}

/* Editor body class — make Gutenberg editor look like the frontend */
body.gutenberg-editor-page{background:var(--ink)}
body.gutenberg-editor-page .wp-block{color:var(--cream)}

/* Comments section baseline */
.page-default__comments,.entry-content .comments-area{margin-top:80px;padding-top:48px;border-top:1px solid rgba(245,243,238,.1)}
.comments-title,.comment-reply-title{font-family:var(--ff-display);font-weight:800;font-size:24px;color:var(--cream);margin-bottom:24px}
.comment-list{list-style:none;padding:0}
.comment-list li{padding:20px 0;border-bottom:1px solid rgba(245,243,238,.08)}
.comment-list .comment-author{font-family:var(--ff-mono);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--uv)}
.comment-list .comment-content{font-family:var(--ff-display);font-size:16px;color:var(--stone);margin-top:8px;line-height:1.55}

/* ════════════════════════════════════════════════════════════════
   PRELOADER (v14.3.4) — full-screen splash with logo + progress bar
   Restored from v12 design, adapted for v14 brand tokens
   ════════════════════════════════════════════════════════════════ */
.ph-preloader{
	position:fixed;inset:0;z-index:99999;
	background:var(--ink);
	display:flex;align-items:center;justify-content:center;
	transition:opacity .7s cubic-bezier(.16,1,.3,1), visibility .7s;
}
.ph-preloader.is-done{opacity:0;visibility:hidden;pointer-events:none}
.ph-preloader__inner{
	display:flex;flex-direction:column;align-items:center;
	gap:32px;text-align:center;
	max-width:90vw;
}
.ph-preloader__logo{
	width:88px;height:88px;
	display:flex;align-items:center;justify-content:center;
	opacity:0;transform:scale(.85);
	animation:phPreloaderLogoIn .9s .15s cubic-bezier(.16,1,.3,1) forwards;
}
.ph-preloader__logo svg{
	width:100%;height:100%;display:block;
	color:var(--cream);
}
.ph-preloader__progress{
	width:220px;height:1px;
	background:rgba(245,243,238,.12);
	overflow:hidden;position:relative;
	opacity:0;animation:phPreloaderFadeIn .5s .4s ease forwards;
}
.ph-preloader__progress-bar{
	position:absolute;inset:0;width:30%;
	background:linear-gradient(90deg, transparent 0%, var(--uv) 50%, transparent 100%);
	animation:phPreloaderProgress 1.4s ease-in-out infinite;
}
.ph-preloader__tag{
	font-family:var(--ff-mono);
	font-size:10px;font-weight:600;
	letter-spacing:.24em;text-transform:uppercase;
	color:rgba(245,243,238,.45);
	opacity:0;animation:phPreloaderFadeIn .6s .65s ease forwards;
}
@keyframes phPreloaderLogoIn{
	to{opacity:1;transform:scale(1)}
}
@keyframes phPreloaderFadeIn{
	to{opacity:1}
}
@keyframes phPreloaderProgress{
	0%{transform:translateX(-120%)}
	100%{transform:translateX(420%)}
}
@media (prefers-reduced-motion: reduce){
	.ph-preloader{transition:opacity .2s ease}
	.ph-preloader__logo,.ph-preloader__progress,.ph-preloader__tag{animation:none;opacity:1;transform:none}
	.ph-preloader__progress-bar{animation:none;width:100%;opacity:.3}
}

/* ════════════════════════════════════════════════════════════════
   PRELOADER SAFETY NET (v14.3.5)
   CSS-only auto-fade after 3.5s. Even if JS fails to dismiss the
   preloader, this hides it via pure CSS animation. Cannot stick.
   ════════════════════════════════════════════════════════════════ */
.ph-preloader{
	animation: phPreloaderAutoHide 0s 3.5s forwards;
}
.ph-preloader.is-done{
	animation: none;
}
@keyframes phPreloaderAutoHide{
	to{
		opacity:0;
		visibility:hidden;
		pointer-events:none;
	}
}

/* ═══════════════════════════════════════════════════════════════
   v15 INTERNAL PAGES (.phm-*) — NEW pages only.
   Reuses locked brand tokens (--ink/--cream/--uv/--ff-display).
   Does NOT modify any homepage (.hero/.climate/.featured/etc) rule.
   ═══════════════════════════════════════════════════════════════ */
.phm-page{background:var(--ink);color:var(--cream)}
.phm-sec{padding:clamp(64px,10vh,140px) 0;position:relative}
.phm-hero-sec{padding:clamp(140px,20vh,240px) 0 clamp(56px,8vh,96px)}
.phm-sec--ink{background:var(--ink);color:var(--cream)}
.phm-sec--cream{background:var(--cream);color:var(--ink)}
.phm-hero-sec--ink{background:linear-gradient(180deg,var(--slate-d),var(--ink));color:var(--cream)}
.phm-page__wrap{max-width:1100px;margin:0 auto;padding:0 var(--gutter)}
.phm-page__wrap--center{text-align:center;max-width:880px}
.phm-page__wrap--narrow{max-width:760px}
.phm-overline{display:inline-flex;align-items:center;gap:14px;font-family:var(--ff-mono);font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;margin-bottom:24px}
.phm-overline--uv{color:var(--uv)}
.phm-overline--uv::before{content:'';width:36px;height:1px;background:var(--uv)}
.phm-page__title{font-family:var(--ff-display);font-weight:800;font-size:clamp(40px,6vw,84px);line-height:.95;letter-spacing:-.03em;margin-bottom:24px}
.phm-page__title--xl{font-size:clamp(48px,8vw,112px)}
.phm-page__title em{font-style:italic;color:var(--uv)}
.phm-page__lede{font-family:var(--ff-body);font-size:clamp(17px,2vw,22px);line-height:1.6;color:var(--stone);max-width:680px}
.phm-page__lede--center{margin:0 auto}
.phm-prose{font-size:clamp(16px,1.6vw,19px);line-height:1.75}
.phm-prose--ink{color:var(--stone-d)}
.phm-prose p{margin-bottom:1.4em}
.phm-prose--ink strong{color:var(--ink)}
/* pillars */
.phm-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,56px)}
.phm-pillar__num{font-family:var(--ff-mono);font-size:13px;font-weight:700;letter-spacing:.2em;color:var(--rust);margin-bottom:16px}
.phm-pillar__title{font-family:var(--ff-display);font-size:clamp(22px,2.4vw,28px);font-weight:800;letter-spacing:-.01em;margin-bottom:12px;color:var(--cream)}
.phm-pillar__body{color:var(--stone);line-height:1.6;font-size:15px}
/* cases */
.phm-cases{display:flex;flex-direction:column;gap:clamp(32px,5vh,64px);max-width:920px}
.phm-case{display:grid;grid-template-columns:80px 1fr;gap:24px;align-items:start;padding-bottom:clamp(32px,5vh,64px);border-bottom:1px solid rgba(245,243,238,.1)}
.phm-case:last-child{border-bottom:none}
.phm-case__num{font-family:var(--ff-mono);font-size:14px;font-weight:700;color:var(--uv);letter-spacing:.1em;padding-top:8px}
.phm-case__title{font-family:var(--ff-display);font-size:clamp(24px,3vw,38px);font-weight:800;letter-spacing:-.02em;margin-bottom:14px;color:var(--cream)}
.phm-case__text{color:var(--stone);line-height:1.7;font-size:clamp(15px,1.5vw,17px)}
/* contact */
.phm-contact__social{margin-top:36px;display:flex;justify-content:center}
.button--uv{display:inline-flex;align-items:center;gap:10px;margin-top:32px;padding:16px 32px;background:var(--uv);color:var(--ink);font-family:var(--ff-mono);font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-radius:100px;transition:transform .2s ease,box-shadow .2s ease}
.button--uv:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(200,241,53,.25)}
/* faq */
.phm-faq{display:flex;flex-direction:column;gap:0}
.phm-faq__item{border-bottom:1px solid rgba(10,10,10,.12);padding:8px 0}
.phm-faq__q{font-family:var(--ff-display);font-size:clamp(18px,2vw,24px);font-weight:700;letter-spacing:-.01em;color:var(--ink);padding:20px 40px 20px 0;cursor:pointer;position:relative;list-style:none}
.phm-faq__q::-webkit-details-marker{display:none}
.phm-faq__q::after{content:'+';position:absolute;right:4px;top:18px;font-size:28px;font-weight:300;color:var(--rust);transition:transform .25s ease}
.phm-faq__item[open] .phm-faq__q::after{transform:rotate(45deg)}
.phm-faq__a{padding:0 40px 24px 0;color:var(--stone-d);line-height:1.7;font-size:clamp(15px,1.5vw,17px)}
/* product detail */
.phm-product__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
.phm-product__media{display:flex;align-items:center;justify-content:center}
.phm-product__media img,.phm-product__svg{max-width:100%;border-radius:16px}
.phm-product__svg svg{width:100%;max-width:360px}
.phm-product__title{font-family:var(--ff-display);font-size:clamp(34px,4.5vw,60px);font-weight:800;letter-spacing:-.03em;line-height:1;margin-bottom:20px}
.phm-product__price-row{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:24px}
.phm-product__price{font-family:var(--ff-display);font-size:32px;font-weight:800;color:var(--uv)}
.phm-product__mrp{font-size:18px;color:var(--stone);text-decoration:line-through}
.phm-product__off{font-family:var(--ff-mono);font-size:12px;font-weight:700;color:var(--rust);text-transform:uppercase;letter-spacing:.08em}
.phm-product__vol{font-family:var(--ff-mono);font-size:12px;color:var(--stone);letter-spacing:.1em}
.phm-product__excerpt{color:var(--stone);line-height:1.7;margin-bottom:32px;font-size:17px}
.phm-product__buy{margin-top:8px}
.phm-product__soon{font-family:var(--ff-mono);font-size:13px;color:var(--stone);letter-spacing:.05em}
.phm-product__soon a{color:var(--uv)}
/* a+ content */
.phm-aplus{display:flex;flex-direction:column;gap:clamp(40px,6vh,80px)}
.phm-aplus__block{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,56px);align-items:center}
.phm-aplus__block--rev .phm-aplus__media{order:2}
.phm-aplus__media img{width:100%;border-radius:14px}
.phm-aplus__heading{font-family:var(--ff-display);font-size:clamp(24px,3vw,38px);font-weight:800;letter-spacing:-.02em;margin-bottom:16px;color:var(--cream)}
.phm-aplus__body{color:var(--stone);line-height:1.7;font-size:clamp(15px,1.5vw,18px)}
/* product grid (archive) */
.phm-prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,32px)}
.phm-prod-card{display:flex;flex-direction:column;background:var(--slate-d);border:1px solid rgba(245,243,238,.1);border-radius:18px;overflow:hidden;transition:transform .3s ease,border-color .3s ease}
.phm-prod-card:hover{transform:translateY(-6px);border-color:rgba(200,241,53,.4)}
.phm-prod-card--soon{opacity:.7}
.phm-prod-card__media{aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:32px;background:radial-gradient(circle at 50% 40%,rgba(200,241,53,.06),transparent 70%)}
.phm-prod-card__media img,.phm-prod-card__media svg{max-width:100%;max-height:220px}
.phm-prod-card__body{padding:24px;border-top:1px solid rgba(245,243,238,.08)}
.phm-prod-card__sub{font-family:var(--ff-mono);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--uv);margin-bottom:8px}
.phm-prod-card__name{font-family:var(--ff-display);font-size:22px;font-weight:800;letter-spacing:-.01em;margin-bottom:16px}
.phm-prod-card__foot{display:flex;justify-content:space-between;align-items:center}
.phm-prod-card__price{font-family:var(--ff-display);font-size:20px;font-weight:800;color:var(--uv)}
.phm-prod-card__cta{font-family:var(--ff-mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--stone)}
/* cookie banner */
.phm-cookie{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);width:calc(100% - 40px);max-width:560px;background:rgba(26,32,48,.96);backdrop-filter:blur(20px);border:1px solid rgba(245,243,238,.14);border-radius:16px;padding:20px 24px;display:flex;gap:18px;align-items:center;z-index:9000;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.phm-cookie__text{font-size:13px;line-height:1.5;color:var(--cream);margin:0;flex:1}
.phm-cookie__text a{color:var(--uv)}
.phm-cookie__btn{flex-shrink:0;padding:11px 24px;background:var(--uv);color:var(--ink);border:none;border-radius:100px;font-family:var(--ff-mono);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
/* responsive */
@media(max-width:860px){
  .phm-pillars,.phm-prod-grid{grid-template-columns:1fr}
  .phm-product__grid,.phm-aplus__block{grid-template-columns:1fr}
  .phm-aplus__block--rev .phm-aplus__media{order:0}
  .phm-case{grid-template-columns:1fr;gap:8px}
  .phm-cookie{flex-direction:column;align-items:stretch;text-align:center}
}

/* ═══════════════════════════════════════════════════════════════
   v15.1 FUNCTIONAL ADDITIONS — adaptive nav, notify modal, forms.
   Additive only. Does not modify locked homepage rules above.
   ═══════════════════════════════════════════════════════════════ */

/* Adaptive nav — dark text/controls when over a light (cream) section */
.nav--on-light .nav__pill{background:rgba(10,10,10,.06);border-color:rgba(10,10,10,.1)}
.nav--on-light .nav__links a,
.nav--on-light .nav__logo{color:var(--ink)}
.nav--on-light .nav__links a:hover{color:var(--stone-d)}
.nav--on-light .nav__toggle span{background:var(--ink)}
.nav--on-light .nav__cta,
.nav--on-light .nav__shop{color:var(--ink)}
/* keep the lime CTA button readable on both */
.nav--on-light .nav__cta--primary,
.nav--on-light a.nav__cta[style],
.nav--on-light .nav__pill + a{color:var(--ink)}

/* Notify-me modal */
.phm-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center}
.phm-modal[hidden]{display:none}
.phm-modal__overlay{position:absolute;inset:0;background:rgba(10,10,10,.72);backdrop-filter:blur(6px)}
.phm-modal__card{position:relative;z-index:1;width:calc(100% - 40px);max-width:440px;background:var(--slate-d,#0F1620);border:1px solid rgba(245,243,238,.14);border-radius:20px;padding:40px 36px;box-shadow:0 30px 80px rgba(0,0,0,.5);animation:phmModalIn .3s cubic-bezier(.16,1,.3,1)}
@keyframes phmModalIn{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
.phm-modal__x{position:absolute;top:16px;right:18px;background:none;border:none;color:var(--stone);font-size:28px;line-height:1;cursor:pointer;padding:4px;transition:color .2s}
.phm-modal__x:hover{color:var(--cream)}
.phm-modal__eyebrow{font-family:var(--ff-mono,monospace);font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--rust);margin-bottom:12px}
.phm-modal__title{font-family:var(--ff-display);font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--cream);margin-bottom:10px;line-height:1.1}
.phm-modal__sub{font-size:14px;line-height:1.6;color:var(--stone);margin-bottom:24px}
.phm-modal__form{display:flex;flex-direction:column;gap:10px}
.phm-modal__input{width:100%;padding:14px 16px;background:rgba(245,243,238,.05);border:1px solid rgba(245,243,238,.16);border-radius:10px;color:var(--cream);font-size:15px;box-sizing:border-box}
.phm-modal__input:focus{outline:none;border-color:var(--uv)}
.phm-modal__btn{width:100%;padding:15px;background:var(--uv);color:var(--ink);border:none;border-radius:10px;font-family:var(--ff-mono,monospace);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .2s}
.phm-modal__btn:hover{transform:translateY(-1px)}
.phm-modal__btn:disabled{opacity:.6;cursor:default;transform:none}
.phm-modal__note{margin-top:14px;font-family:var(--ff-mono,monospace);font-size:12px;letter-spacing:.04em;text-align:center;min-height:16px}

/* inline form success/error note (newsletter) */
.phm-form-note{margin-top:12px;font-family:var(--ff-mono,monospace);font-size:12px;letter-spacing:.04em}

/* cookie banner (ensure visible + polished even if base CSS missed it) */
.phm-cookie[hidden]{display:none}

/* 404 — distinct branded layout */
.phm-404{position:relative;min-height:88vh;display:flex;align-items:center;background:radial-gradient(ellipse at 70% 20%,rgba(212,91,53,.12),transparent 55%),var(--ink);padding:140px 0 80px;overflow:hidden}
.phm-404__wrap{max-width:760px;margin:0 auto;padding:0 var(--gutter);position:relative;z-index:1}
.phm-404__code{font-family:var(--ff-display);font-weight:900;font-size:clamp(120px,22vw,260px);line-height:.8;letter-spacing:-.05em;color:var(--cream);margin-bottom:8px}
.phm-404__zero{color:var(--uv)}
.phm-404__title{font-family:var(--ff-display);font-size:clamp(32px,5vw,56px);font-weight:800;letter-spacing:-.03em;color:var(--cream);margin:16px 0 16px}
.phm-404__title em{color:var(--uv);font-style:italic}
.phm-404__sub{font-size:17px;line-height:1.6;color:var(--stone);max-width:520px;margin-bottom:40px}
.phm-404__links{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:36px}
.phm-404__link{display:flex;flex-direction:column;gap:4px;padding:20px 22px;background:rgba(245,243,238,.04);border:1px solid rgba(245,243,238,.1);border-radius:14px;transition:border-color .25s,transform .25s,background .25s}
.phm-404__link:hover{border-color:rgba(200,241,53,.4);transform:translateY(-3px);background:rgba(245,243,238,.06)}
.phm-404__link-label{font-family:var(--ff-display);font-weight:800;font-size:18px;color:var(--cream)}
.phm-404__link-sub{font-size:13px;color:var(--stone)}
.phm-404__home{display:inline-flex;align-items:center;gap:10px;background:var(--uv);color:var(--ink);padding:16px 28px;font-family:var(--ff-mono,monospace);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;border-radius:100px;transition:transform .2s}
.phm-404__home:hover{transform:translateY(-2px)}
.phm-404__report{margin-top:28px;font-size:13px;color:var(--stone)}
.phm-404__report a{color:var(--uv)}
@media(max-width:600px){.phm-404__links{grid-template-columns:1fr}}

/* Full-width templated pages — escape the singular 780px reading column.
   Specificity must beat .is-singular:not(.home):not(.is-woocommerce) .site-content */
body.phm-fullwidth.is-singular .site-content,
body.phm-fullwidth .site-content{max-width:none !important;margin:0 !important;padding:0 !important}

/* ═══════════════════════════════════════════════════════════════
   v15.2 — Internal page rich layouts + image placeholders.
   Additive; brand tokens only; locked homepage CSS untouched.
   ═══════════════════════════════════════════════════════════════ */

/* Branded image placeholder (shown until a real image is added) */
.phm-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;background:
  repeating-linear-gradient(135deg,rgba(245,243,238,.03),rgba(245,243,238,.03) 12px,rgba(245,243,238,.05) 12px,rgba(245,243,238,.05) 24px);
  border:1px dashed rgba(245,243,238,.22);border-radius:14px;color:var(--stone);text-align:center;padding:24px}
.phm-sec--cream .phm-ph,.phm-split--oncream .phm-ph{color:var(--stone-d);border-color:rgba(10,10,10,.2);background:
  repeating-linear-gradient(135deg,rgba(10,10,10,.02),rgba(10,10,10,.02) 12px,rgba(10,10,10,.04) 12px,rgba(10,10,10,.04) 24px)}
.phm-ph__label{font-family:var(--ff-display);font-weight:700;font-size:15px;letter-spacing:-.01em}
.phm-ph__hint{font-family:var(--ff-mono,monospace);font-size:10px;letter-spacing:.14em;text-transform:uppercase;opacity:.7}

/* Wide banner */
.phm-banner{border-radius:18px;overflow:hidden}
.phm-banner img,.phm-banner .phm-ph{display:block}

/* Section title (standalone) */
.phm-section-title{font-family:var(--ff-display);font-weight:800;font-size:clamp(30px,4.5vw,56px);letter-spacing:-.03em;line-height:1.02;color:var(--cream);margin-bottom:48px;max-width:18ch}
.phm-section-title--ink{color:var(--ink)}

/* Image + text split */
.phm-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
.phm-split__title{font-family:var(--ff-display);font-weight:800;font-size:clamp(28px,4vw,52px);letter-spacing:-.03em;line-height:1.04;margin-bottom:24px;color:var(--cream)}
.phm-split__title--ink{color:var(--ink)}
.phm-split__title em,.phm-section-title em{color:var(--uv);font-style:italic}
.phm-split__media{border-radius:18px;overflow:hidden}
.phm-split__img,.phm-split__media .phm-ph{aspect-ratio:4/5;border-radius:18px}

/* Founder block */
.phm-founder2{display:grid;grid-template-columns:0.8fr 1.2fr;gap:clamp(32px,5vw,64px);align-items:center}
.phm-founder2__media{border-radius:18px;overflow:hidden}
.phm-founder2__img,.phm-founder2__media .phm-ph{aspect-ratio:1/1;border-radius:18px}
.phm-founder2__quote{font-family:var(--ff-display);font-weight:700;font-size:clamp(24px,3.2vw,40px);line-height:1.18;letter-spacing:-.02em;color:var(--cream);margin:18px 0 24px}
.phm-founder2__name{font-family:var(--ff-display);font-weight:800;font-size:18px;color:var(--uv)}
.phm-founder2__role{font-family:var(--ff-mono,monospace);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--stone);margin-top:4px}

/* Principles on cream */
.phm-pillars--ink .phm-pillar__num--ink{color:var(--rust)}
.phm-pillar__title--ink{color:var(--ink)}
.phm-pillar__body--ink{color:var(--stone-d)}

/* Cases (alternating image/text) */
.phm-cases2{display:flex;flex-direction:column;gap:clamp(40px,7vh,96px)}
.phm-case2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,64px);align-items:center}
.phm-case2--rev .phm-case2__media{order:2}
.phm-case2__media{border-radius:16px;overflow:hidden}
.phm-case2__img,.phm-case2__media .phm-ph{aspect-ratio:4/3;border-radius:16px}
.phm-case2__num{font-family:var(--ff-mono,monospace);font-size:13px;font-weight:700;letter-spacing:.2em;color:var(--uv);margin-bottom:14px}
.phm-case2__title{font-family:var(--ff-display);font-weight:800;font-size:clamp(24px,3vw,40px);letter-spacing:-.02em;line-height:1.05;color:var(--cream);margin-bottom:16px}
.phm-case2__text{color:var(--stone);line-height:1.7;font-size:clamp(15px,1.5vw,17px)}

/* Stats band */
.phm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,3vw,40px)}
.phm-stat{border-top:2px solid var(--ink);padding-top:18px}
.phm-stat__value{font-family:var(--ff-display);font-weight:900;font-size:clamp(34px,5vw,60px);letter-spacing:-.04em;color:var(--ink);line-height:1}
.phm-stat__label{font-family:var(--ff-mono,monospace);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--stone-d);margin-top:10px}

/* Contact split */
.phm-contact2{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,5vw,72px);align-items:center}
.phm-contact2__media{border-radius:18px;overflow:hidden}
.phm-contact2__img,.phm-contact2__media .phm-ph{aspect-ratio:3/4;border-radius:18px}
.phm-contact2__points{margin-top:36px;display:flex;flex-direction:column;gap:0}
.phm-contact2__point{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid rgba(245,243,238,.1)}
.phm-contact2__point-label{font-family:var(--ff-mono,monospace);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--stone)}
.phm-contact2__point-val{color:var(--cream);font-size:14px}

/* Closing CTA band */
.phm-cta{text-align:center}
.phm-cta__title{font-family:var(--ff-display);font-weight:800;font-size:clamp(28px,4.5vw,56px);letter-spacing:-.03em;line-height:1.05;color:var(--cream);margin-bottom:32px;max-width:20ch;margin-left:auto;margin-right:auto}
.phm-cta__title em{color:var(--uv);font-style:italic}

/* Responsive */
@media(max-width:860px){
  .phm-split,.phm-founder2,.phm-case2,.phm-contact2{grid-template-columns:1fr;gap:32px}
  .phm-case2--rev .phm-case2__media{order:0}
  .phm-founder2__media{max-width:320px}
  .phm-stats{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
  .phm-stats{grid-template-columns:1fr}
}