/* Monochrome direction (loads last): white, warm greys, black type, black mark. Overrides styles.css and pages.css tokens and components. */
:root{
  --navy:#111111; --navy-2:#0A0A0A; --teal:#4A4A47; --gold:#8C8C88; --slate:#4A4A47;
  --ice:#F4F4F2; --ice-2:#FAFAF9; --white:#fff; --coral:#111111; --coral-2:#2A2A2A; --lime:#E9E9E6;
  --ink:#111111; --muted:#6F6F6B; --line:rgba(17,17,17,.12);
  --shadow:0 18px 40px -22px rgba(17,17,17,.28); --shadow-sm:0 8px 20px -12px rgba(17,17,17,.18);
}
body{background:#fff}
.aurora{display:none}
/* buttons */
.btn-navy,.btn-coral{background:#111;color:#fff;box-shadow:none}
.btn-navy:hover,.btn-coral:hover{background:#333;color:#fff}
.btn-ghost{border-color:var(--line);color:#111}
.btn-ghost:hover{border-color:#111;background:#fff}
.btn:focus-visible{outline:2px solid #111;outline-offset:3px}
.cart{border-color:var(--line)}
.cart-count{background:#111;color:#fff}
/* nav */
.nav.scrolled{background:rgba(255,255,255,.86);box-shadow:0 1px 0 var(--line)}
.brand b,.brand.light b{color:#111}
.brand.light{color:#fff}.brand.light b{color:#fff}
.nav-links a::after{background:#111}
.nav-links a.active{color:#111;text-decoration:underline;text-underline-offset:6px}
/* hero */
.hero{background:#fff}
.eyebrow{color:var(--muted)}
.dot{background:#111;animation:none;box-shadow:none}
.kinetic .w.hl span{color:#111;font-weight:500;font-style:italic;font-family:Georgia,"Times New Roman",serif;letter-spacing:0}
.lede{color:var(--slate)}
.hero-tags li{background:#fff;border:1px solid #111;font-weight:500;transform:none!important}
.blob{display:none}
.fox-draw{stroke:#111;opacity:.08;width:min(100%,560px);left:-8%;top:-10%}
.hero-product{width:min(70%,360px);border:1px solid var(--line);box-shadow:none;background:#F4F4F2;border-radius:6px;padding:8%;animation:none}
.hero-product svg,.hero-product img{display:block;width:100%;height:auto}
.sticker{font-family:var(--font-body);font-weight:500;font-size:.78rem;background:#fff;color:#111;border:1px solid #111;box-shadow:none;border-radius:4px;padding:.55rem .8rem;letter-spacing:.02em}
.sticker-lime,.sticker-coral,.sticker-navy,.sticker-gold{background:#fff;color:#111;border-color:#111;box-shadow:none}
.ridge{display:none}
/* marquee */
.marquee{background:#111;color:#fff;border-bottom:0;font-weight:600;font-size:clamp(.9rem,1.6vw,1.1rem);letter-spacing:.02em}
.marquee-track b{color:#8C8C88}
/* sections */
.section-ice{background:#F4F4F2}
.section-white{background:#fff}
.section-navy{background:#F4F4F2;color:#111}
.section-navy::before,.section-navy::after{display:none}
.section-navy .kicker,.kicker{color:var(--muted)}
.section-navy .sub{color:var(--slate)}
.section-navy h2,.section-navy h3{color:#111}
.sci{background:#fff;border:1px solid var(--line)}
.sci:hover{background:#fff;border-color:#111}
.sci-icon{color:#111}
.sci h3{color:#111}.sci p{color:var(--slate)}.sci small{color:var(--muted);border-top-color:var(--line)}
.fineprint{color:var(--muted)}
.fineprint a{color:#111!important}
/* cards */
.card{border:1px solid var(--line);box-shadow:none;border-radius:10px}
.card:hover{box-shadow:var(--shadow);border-color:#111}
.badge{border:1px solid #111;background:#fff;color:#111;font-weight:600;border-radius:4px}
.badge-coral,.badge-lime{background:#fff}
.product-img{background:#F4F4F2;padding:10%}
.product-img svg,.product-img img{width:100%;height:auto;max-height:none;transition:transform var(--d-slow) var(--ease-out)}
.product:hover .product-img svg,.product:hover .product-img img{transform:scale(1.03) rotate(0)}
.field-no{color:var(--muted);font-family:var(--font-body);font-weight:600}
.product-body h3 a span,.pdp .desc{color:var(--muted)!important;font-weight:500}
.actives span{background:#F4F4F2;color:#111}
.price{color:var(--muted)}
/* timeline / stats */
.timeline::before{background:#111}
.timeline li b::before{background:#fff;border-color:#111}
.stat{border-bottom:2px solid #111;box-shadow:none;border-radius:8px;border-top:1px solid var(--line);border-left:1px solid var(--line);border-right:1px solid var(--line)}
.stat:nth-child(2),.stat:nth-child(3),.stat:nth-child(4){border-bottom-color:#111}
/* accordion */
.acc details{background:#fff;border:1px solid var(--line);border-radius:8px}
.acc details[open]{border-color:#111}
.acc summary em{color:var(--muted)}
.acc summary::after{color:#111}
/* story */
.story{background:#fff;color:#111}
.story .kicker{color:var(--muted)}
.story-copy p{color:var(--slate)}
.story-img img,.story-img svg{border-radius:8px;box-shadow:none;border:1px solid var(--line);background:#F4F4F2;width:100%;height:auto}
.rm{background:#fff;border:1px solid var(--line)}
.rm-state{background:#F4F4F2;color:#111}
.rm-state.now{background:#111;color:#fff}
.rm small{color:var(--slate)}
/* perks */
.perk{border:1px solid var(--line);box-shadow:none;border-radius:10px}
.perk:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#111}
.perk-n{color:var(--muted)}
/* join */
.join,.join-strip{background:#111;color:#fff}
.join::before{display:none}
.join .kicker,.join-strip .kicker{color:#9A9A96}
.join h2,.join-strip h2{color:#fff}
.join-copy p:last-child,.join-strip .join-copy p{color:rgba(255,255,255,.75)}
.signup{border:1px solid rgba(255,255,255,.18);background:#fff;box-shadow:none;border-radius:12px}
.signup input{border-color:var(--line)}
.signup input:focus{border-color:#111;box-shadow:0 0 0 3px rgba(17,17,17,.12)}
.signup.ok .signup-note{color:#111}
/* footer */
.footer{background:#fff;color:var(--slate);border-top:1px solid var(--line)}
.footer-grid{border-bottom-color:var(--line)}
.footer nav a:hover{color:#111;text-decoration:underline}
.footer-tag{color:var(--muted);font-weight:500}
.footer-legal{color:var(--muted)}
.brand.light{color:#111}.brand.light b{color:#111}
/* toast */
.toast{border-color:#fff;background:#111}
/* inner pages */
.page-hero.dark{background:#F4F4F2;color:#111}
.page-hero.dark .kicker{color:var(--muted)}
.page-hero.dark .lede{color:var(--slate)}
.dark .crumbs{color:var(--muted)}
.dark-top .nav:not(.scrolled) .brand,.dark-top .nav:not(.scrolled) .nav-links a{color:#111}
.dark-top .nav:not(.scrolled) .brand b{color:#111}
.dark-top .nav:not(.scrolled) .cart{background:#fff;color:#111;border-color:var(--line)}
.prose a{color:#111}
.prose blockquote{border-left-color:#111;background:#F4F4F2}
.callout{background:#F4F4F2;border:1px solid var(--line)}
.callout.coral{background:#F4F4F2;border-color:#111}
.callout.lime{background:#fff;border-color:var(--line)}
table.tbl{border:1px solid var(--line);border-radius:8px}
table.tbl th{background:#111}
.pdp-img{border:1px solid var(--line);box-shadow:none;background:#F4F4F2;border-radius:10px}
.pdp-img svg{position:absolute;inset:8%;width:84%;height:84%}
.pdp-img .badge{top:14px;left:14px}
.chips span{border:1px solid var(--line);font-weight:500}
.pdp-tabs summary::after{color:#111}
.ev{border:1px solid var(--line)}
.ev:hover{border-color:#111}
.ev .ev-inci{color:var(--muted)}
.ev .ev-stat{color:#111}
.ev .ev-used{background:#F4F4F2;color:#111;display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}
.ev .ev-src a{color:#111}
.grade{border:1px solid #111;background:#fff;color:#111}
.grade-a{background:#111;color:#fff}.grade-b{background:#fff}.grade-c{background:#F4F4F2}
.gloss dd em{color:var(--muted)}
.post-card{border:1px solid var(--line);box-shadow:none;border-radius:10px}
.post-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#111}
.phase{border:1px solid var(--line)}
.phase.now{background:#111;color:#fff}
.phase.now .kicker,.phase.now ul,.phase.now p{color:rgba(255,255,255,.8)}
.phase .kicker{color:var(--muted)}
.faq details{border:1px solid var(--line)}
.faq details[open]{border-color:#111}
.faq summary::after{color:#111}
/* product chip with mini packshot, used wherever a product is named in running copy */
.pchip{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .55rem .15rem .25rem;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:.8rem;font-weight:600;color:#111;vertical-align:middle;white-space:nowrap;text-decoration:none!important}
.pchip svg{width:18px;height:24px;display:block}
.pchip:hover{border-color:#111}
.lineup-wrap{background:#F4F4F2;border:1px solid var(--line);border-radius:10px;padding:2% 4%}
.lineup-wrap svg{width:100%;height:auto;display:block}
.hero-tags li:nth-child(1),.hero-tags li:nth-child(4){background:#fff;color:#111}