/* ===== Minimal themes (white / black). Loaded after style.css ===== */
body.theme-white{--bg:#FFFFFF;--bg2:#FAFAFA;--fg:#111111;--fg2:#4A4A4A;--muted:#7A7A7A;--line:#E7E7E7;--card:#FFFFFF;--accent:#1F5BD8;--btn:#111111;--btnfg:#FFFFFF}
body.theme-black{--bg:#0A0A0A;--bg2:#111111;--fg:#F4F4F4;--fg2:#C2C2C2;--muted:#8C8C8C;--line:#262626;--card:#111111;--accent:#7FB0FF;--btn:#F4F4F4;--btnfg:#0A0A0A}
body.theme-white,body.theme-black{background:var(--bg);color:var(--fg);font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.65}
.theme-white h1,.theme-white h2,.theme-white h3,.theme-black h1,.theme-black h2,.theme-black h3,
.theme-white .brand,.theme-black .brand,.theme-white .values span,.theme-black .values span,.theme-white .ops strong,.theme-black .ops strong{font-family:"Inter",system-ui,sans-serif;letter-spacing:-.02em;color:var(--fg)}
:is(.theme-white,.theme-black) h1{font-size:clamp(2.4rem,5vw,3.8rem);font-weight:700;line-height:1.05}
:is(.theme-white,.theme-black) h2{font-size:clamp(1.7rem,3vw,2.3rem);font-weight:700}
:is(.theme-white,.theme-black) h3{font-size:1.05rem;font-weight:600;letter-spacing:-.01em}
:is(.theme-white,.theme-black) section{padding:112px 0;background:var(--bg)!important;border-top:1px solid var(--line)}
:is(.theme-white,.theme-black) .eyebrow,:is(.theme-white,.theme-black) .contact .eyebrow{color:var(--muted)!important;letter-spacing:.14em;font-size:.72rem;font-weight:600}
:is(.theme-white,.theme-black) p,:is(.theme-white,.theme-black) .prose p,:is(.theme-white,.theme-black) .lede,:is(.theme-white,.theme-black) .lede-sm,:is(.theme-white,.theme-black) .contact p,:is(.theme-white,.theme-black) .ops span,:is(.theme-white,.theme-black) .values p,:is(.theme-white,.theme-black) .body p{color:var(--fg2)}
/* nav */
:is(.theme-white,.theme-black) .nav{background:color-mix(in srgb,var(--bg) 92%,transparent);border-bottom:1px solid var(--line)}
:is(.theme-white,.theme-black) .brand em{color:var(--fg2);font-style:normal;font-weight:400}
:is(.theme-white,.theme-black) nav a{color:var(--fg2)}
:is(.theme-white,.theme-black) nav a:hover{color:var(--fg)}
:is(.theme-white,.theme-black) .pill{background:var(--btn);color:var(--btnfg)!important}
/* hero */
:is(.theme-white,.theme-black) .hero{background:var(--bg)!important;border-top:0;padding:120px 0 112px}
:is(.theme-white,.theme-black) .hero h1 span{color:var(--fg);font-style:normal;font-weight:700;opacity:.55}
:is(.theme-white,.theme-black) .hero-mark img{width:min(260px,100%);filter:none}
:is(.theme-white,.theme-black) .btn{background:var(--btn);color:var(--btnfg);border-radius:8px;font-weight:600}
:is(.theme-white,.theme-black) .btn:hover{background:var(--btn);opacity:.85}
:is(.theme-white,.theme-black) .btn.ghost{background:transparent;color:var(--fg);border:1px solid var(--line)}
:is(.theme-white,.theme-black) .btn.ghost:hover{border-color:var(--fg);background:transparent;color:var(--fg)}
:is(.theme-white,.theme-black) .mission{border-left:2px solid var(--fg);color:var(--fg)!important}
:is(.theme-white,.theme-black) .mission strong{color:var(--fg)}
/* cards */
:is(.theme-white,.theme-black) .cards{gap:20px}
:is(.theme-white,.theme-black) .card{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:none}
:is(.theme-white,.theme-black) .art{border-bottom:1px solid var(--line)!important}
:is(.theme-white,.theme-black) .body{padding:20px 20px 24px}
:is(.theme-white,.theme-black) .body .tag,:is(.theme-white,.theme-black) .tag-green{color:var(--muted)!important;font-size:.7rem;letter-spacing:.12em}
:is(.theme-white,.theme-black) .grid-all .body p{font-size:.92rem}
:is(.theme-white,.theme-black) .card-link{color:var(--accent);text-decoration:none;font-weight:600}
:is(.theme-white,.theme-black) .card-link:hover{text-decoration:underline}
/* flatten tile gradients/textures into solid brand colors (logos untouched) */
:is(.theme-white,.theme-black) .art-white,:is(.theme-white,.theme-black) .art-olive,:is(.theme-white,.theme-black) .art-cuddle{background:#FFFFFF}
:is(.theme-white,.theme-black) .art-pronto-cream{background:#F5F1E6}
:is(.theme-white,.theme-black) .art-agc{background:#FFFFFF}
:is(.theme-white,.theme-black) .art-navy{background:#0F1D35}
:is(.theme-white,.theme-black) .art-space{background:#02040A}
:is(.theme-white,.theme-black) .art-graphite{background:#1F1C1A}
:is(.theme-white,.theme-black) .art-stamp{background:#1F3A68}
:is(.theme-white,.theme-black) .art-black{background:#000000}
:is(.theme-white,.theme-black) .art-earthflow{background:#072324}
:is(.theme-white,.theme-black) .art img.stamp,:is(.theme-white,.theme-black) .art img.crest{filter:none}
.theme-white .art-rust{background:#F3F3F3}
.theme-white .next{color:#111111!important}
.theme-black .art-rust{background:#1A1A1A}
:is(.theme-white,.theme-black) .next{font-family:"Inter",sans-serif;font-style:normal;font-weight:700;font-size:2rem;letter-spacing:-.02em;color:#FFFFFF}
/* fulfillment */
:is(.theme-white,.theme-black) .fulfill-in{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:40px}
:is(.theme-white,.theme-black) .fulfill-logo img{border-radius:10px;max-width:320px}
:is(.theme-white,.theme-black) .ops li{border-top:1px solid var(--line)}
/* approach */
:is(.theme-white,.theme-black) .approach h2{color:var(--fg)}
:is(.theme-white,.theme-black) .values div{border-top:1px solid var(--line)}
:is(.theme-white,.theme-black) .values span{color:var(--muted);font-size:.85rem;font-weight:600}
:is(.theme-white,.theme-black) .values h3{color:var(--fg)}
/* contact + footer */
:is(.theme-white,.theme-black) .contact-box .small{color:var(--muted)}
:is(.theme-white,.theme-black) .foot{background:var(--bg);border-top:1px solid var(--line);color:var(--muted)}
:is(.theme-white,.theme-black) .brand.small{color:var(--fg)}
@media (max-width:640px){:is(.theme-white,.theme-black) section{padding:72px 0}:is(.theme-white,.theme-black) .hero{padding:56px 0 64px}:is(.theme-white,.theme-black) .fulfill-in{padding:22px 18px}}
.theme-white .hero-mark img{width:min(320px,100%)}
.theme-white .brand img{width:44px;height:44px}
.theme-white .art-white img.stamp{filter:drop-shadow(0 1px 3px rgba(0,0,0,.18))}
.theme-white .fulfill-logo img{height:auto!important;aspect-ratio:640/747;border-radius:0}
.theme-white .brand.small img{width:30px;height:30px}
@media (max-width:900px){.theme-white .hero-mark img{width:200px}}