
:root{
 --ink:#0a0a0a;--muted:#66635f;--line:#e7e2d8;--paper:#fff;--soft:#f8f6f1;
 --gold:#c6a15b;--gold2:#b88a44;--gold-soft:#eee2c6;--black:#050505;--charcoal:#161616;
 --radius:18px;--shadow:0 18px 50px rgba(0,0,0,.09)
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block}
.container{width:min(1160px,calc(100% - 40px));margin:0 auto}
header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{font-weight:900;letter-spacing:.04em}.brand small{display:block;font-weight:650;font-size:.68rem;letter-spacing:.12em;color:var(--gold2)}
nav{display:flex;gap:20px;align-items:center;font-size:.92rem}
nav a:hover{color:var(--gold2)}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;border:1px solid var(--line);font-weight:780}
.btn.primary{background:var(--black);border-color:var(--black);color:#fff}.btn.secondary{background:#fff}
.hero{padding:94px 0 74px;background:linear-gradient(135deg,#f6f2e8,#fff 68%)}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:850;color:var(--gold2);margin-bottom:14px}
h1,h2,h3{line-height:1.08;letter-spacing:-.035em;margin:0 0 18px} h1{font-size:clamp(3.2rem,7vw,6rem)} h2{font-size:clamp(2.1rem,4.5vw,3.6rem)} h3{font-size:1.35rem}
.lead{font-size:1.19rem;color:var(--muted);max-width:780px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.statbox{border-radius:28px;background:var(--black);color:#fff;padding:34px;box-shadow:var(--shadow)}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}.stat{border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:18px}.stat strong{display:block;font-size:2rem}.stat span{color:#c9d9d1;font-size:.86rem}
section{padding:78px 0}.soft{background:var(--soft)}.dark{background:var(--black);color:#fff}.dark p{color:#c9d9d1}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:34px;margin-bottom:34px}.section-head p{max-width:590px;color:var(--muted);margin:0}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{border:1px solid var(--line);border-radius:var(--radius);padding:26px;background:#fff;box-shadow:var(--shadow)}.card p{color:var(--muted)}.card .num{font-weight:900;color:var(--gold2);font-size:.78rem;letter-spacing:.12em}
.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.flow div{padding:16px 10px;text-align:center;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.04);font-weight:760}
.subhero{padding:74px 0 52px;background:linear-gradient(135deg,#f6f2e8,#fff 72%)}.subhero h1{font-size:clamp(2.8rem,6vw,5rem)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start}.panel{border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:#fff;box-shadow:var(--shadow)}
.list{display:grid;gap:10px}.list div{padding:14px 0;border-top:1px solid var(--line)}.list strong{display:block}
.cta{padding:42px;border-radius:28px;background:linear-gradient(135deg,var(--black),var(--black));color:#fff}.cta p{color:#d5e3dc;max-width:760px}
footer{padding:44px 0 66px;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}.footer-grid{display:flex;justify-content:space-between;gap:26px;flex-wrap:wrap}
.tag{display:inline-block;padding:7px 10px;border-radius:999px;background:var(--gold-soft);color:var(--black);font-size:.78rem;font-weight:800;margin-right:6px;margin-bottom:6px}
@media(max-width:920px){nav{display:none}.hero-grid,.split,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.flow{grid-template-columns:1fr}.section-head{display:block}.stats{grid-template-columns:1fr 1fr}}

/* Peace Works v2 brand system — black / white / corporate gold */
body{background:#fff;color:#0a0a0a}
header{background:rgba(255,255,255,.98);border-bottom:1px solid #e9e4da}
.nav{min-height:82px}
.brand.logo-brand{display:flex;align-items:center;gap:14px}
.brand.logo-brand img{width:54px;height:54px;object-fit:cover;border-radius:8px;border:1px solid #e7e2d8}
.brand-copy{font-weight:900;letter-spacing:.06em;line-height:1}
.brand-copy small{display:block;margin-top:7px;font-size:.64rem;letter-spacing:.16em;color:#b88a44}
nav a{font-weight:700}
.btn.primary{background:#050505;border-color:#050505;color:#fff}
.btn.primary:hover{background:#c6a15b;border-color:#c6a15b;color:#050505}
.btn.secondary{border-color:#c6a15b}
.hero{
 background:
 linear-gradient(135deg,#fff 0%,#f8f6f1 58%,#efe7d5 100%);
 border-bottom:1px solid #e8e1d2
}
.hero h1,.subhero h1{color:#050505}
.statbox{
 background:#050505;
 border:1px solid #1f1f1f;
 box-shadow:0 22px 60px rgba(0,0,0,.16)
}
.statbox .eyebrow{color:#d8b873!important}
.stat{background:#111;border-color:#2b2b2b!important}
.stat strong{color:#fff}.stat span{color:#c9c3b8!important}
.eyebrow{color:#b88a44}
.card{
 border-top:3px solid #c6a15b;
 box-shadow:0 14px 42px rgba(0,0,0,.07)
}
.card .num{color:#b88a44}
.soft{background:#f8f6f1}
.dark{background:#050505}
.dark .eyebrow{color:#d8b873!important}
.flow div{
 background:#101010;
 border-color:#2e2e2e;
 color:#fff
}
.tag{background:#efe4ca;color:#5f451d}
.cta{
 background:linear-gradient(135deg,#050505 0%,#1a1a1a 72%,#3a2a12 100%);
 border:1px solid #2b2b2b
}
footer{background:#faf9f6}
.gold-rule{width:58px;height:3px;background:#c6a15b;margin:18px 0 22px}
.brand-note{font-size:.82rem;color:#7a756d}
@media(max-width:920px){
 .brand.logo-brand img{width:46px;height:46px}
 .nav{min-height:72px}
}
