:root{
  --page:#F7F6F3;--panel:#FFFFFF;--ink:#1F2321;--ink-2:#5C635E;
  --ink-3:#8A918B;--line:#DEDCD5;--line-2:#C8C6BE;
  --accent:#1E4438;--accent-2:#2C6B54;
  --sev-hi:#8C3A28;--sev-md:#8A6D1F;--sev-lo:#3D6B57;
}
body{background:var(--page);color:var(--ink)}
.doc,.tbl td,.row+.row,.doc-foot{border-color:var(--line)}
.doc{border-color:var(--line-2)}
.label{color:var(--ink-2)}
.lead{font-size:var(--fs-lg);line-height:1.45;color:var(--ink-2);max-width:44ch}

.site-head{background:var(--panel);border-bottom:1px solid var(--line-2)}
.site-head .wrap{display:flex;flex-wrap:wrap;gap:var(--sp-4) var(--sp-8);
  align-items:center;justify-content:space-between;padding-top:var(--sp-4);
  padding-bottom:var(--sp-4)}
.brand{font-size:var(--fs-lg);font-weight:600;letter-spacing:-.02em;
  line-height:1.15}
.brand small{display:block;font-size:var(--fs-xs);font-weight:400;
  letter-spacing:.03em;color:var(--ink-2);margin-top:2px}
.nav{display:flex;flex-wrap:wrap;gap:var(--sp-6);margin:0;padding:0;
  list-style:none}
.nav a{font-size:var(--fs-md);font-weight:500;color:var(--ink-2);
  padding:var(--sp-1) 0;border-bottom:2px solid transparent}
.nav a:hover{color:var(--ink)}
.nav a[aria-current]{color:var(--ink);border-bottom-color:var(--accent)}

main{padding:var(--sp-10) 0 var(--sp-16)}
.section{margin-top:var(--sp-16)}

.sev-hi{background:var(--sev-hi)}
.sev-md{background:var(--sev-md)}
.sev-lo{background:var(--sev-lo)}
.chip{color:var(--ink-2);border-color:var(--line-2);background:var(--page)}
.chip--now{color:var(--sev-hi);border-color:var(--sev-hi)}
.chip--soon{color:var(--sev-md);border-color:var(--sev-md)}
.chip--ref{color:var(--ink-3)}
.row span{color:var(--ink-2)}
.doc-foot{color:var(--ink-2);background:var(--page)}

.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:1px;background:var(--line);border:1px solid var(--line);
  border-radius:var(--radius);overflow:hidden}
.facts div{background:var(--panel);padding:var(--sp-4) var(--sp-5)}
.facts dt{font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;
  letter-spacing:.08em;color:var(--ink-3);margin:0 0 var(--sp-2)}
.facts dd{margin:0;font-size:var(--fs-md);font-weight:500;line-height:1.35}

.cta{display:inline-block;background:var(--accent);color:#fff;
  font-size:var(--fs-md);font-weight:500;padding:.65rem 1.1rem;
  border-radius:var(--radius)}
.cta:hover{background:var(--ink)}
.link{color:var(--accent);font-weight:500;border-bottom:1px solid var(--line-2)}
.link:hover{border-bottom-color:var(--accent)}

.site-foot{background:var(--char);color:#C9CEC8;margin-top:var(--sp-16);
  padding:var(--sp-10) 0;font-size:var(--fs-md)}
.site-foot .wrap{display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--sp-8)}
.site-foot h4{color:#fff;font-size:var(--fs-xs);text-transform:uppercase;
  letter-spacing:.09em;margin-bottom:var(--sp-3)}
.site-foot ul{list-style:none;margin:0;padding:0}
.site-foot li{margin-bottom:var(--sp-2)}
.site-foot a:hover{color:#fff}

.hero{background:#14201C;color:#EDF0EC;padding:var(--sp-16) 0 var(--sp-12);
  background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:48px 48px}
.hero .wrap{text-align:center}
.hero .eyebrow{color:#7FCBA8;font-size:var(--fs-xs);font-weight:600;
  text-transform:uppercase;letter-spacing:.12em;margin:0 0 var(--sp-5)}
.hero h1{font-family:var(--f-quote);font-weight:600;
  font-size:clamp(2.1rem,5.2vw,3.6rem);line-height:1.08;letter-spacing:-.02em;
  max-width:20ch;margin:0 auto var(--sp-5)}
.hero .sub{font-size:var(--fs-lg);line-height:1.5;color:#B6BEB7;
  max-width:56ch;margin:0 auto}
.hook{max-width:44rem;margin:var(--sp-10) auto 0;background:#fff;color:var(--ink);
  border-radius:6px;padding:var(--sp-8) var(--sp-6);text-align:center}
.hook .meta{color:var(--accent);font-size:var(--fs-xs);font-weight:600;
  text-transform:uppercase;letter-spacing:.1em;margin:0 0 var(--sp-3)}
.hook h2{font-family:var(--f-quote);font-size:var(--fs-h3);margin:0 0 var(--sp-6);
  max-width:none}
.hook .go{display:block;background:#7FCBA8;color:#12201A;font-weight:600;
  font-size:var(--fs-lg);padding:.85rem 1rem;border-radius:4px}
.hook .go:hover{background:#6BB894}
.hook .fine{font-size:var(--fs-md);color:var(--ink-2);margin:var(--sp-4) 0 0}

.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:var(--sp-4);margin-top:var(--sp-6)}
.card{background:var(--panel);border:1px solid var(--line);
  border-radius:var(--radius);padding:var(--sp-5)}
.card h3{margin:0 0 var(--sp-2);font-size:var(--fs-h3)}
.card p{font-size:var(--fs-md);color:var(--ink-2);margin:0 0 var(--sp-4);
  max-width:none}
.tag{font-size:var(--fs-xs);font-weight:600;letter-spacing:.09em;
  text-transform:uppercase;color:var(--accent)}
.tag--svc{color:var(--sev-md)}
.band{background:#14201C;color:#EDF0EC;padding:var(--sp-12) 0;
  margin-top:var(--sp-16)}
.band h2{color:#fff}
.band p{color:#B6BEB7}
.band .card{background:#1D2C27;border-color:#2C3D36}
.band .card h3{color:#fff}
.band .card p{color:#AEB7AF}
.band .tag{color:#7FCBA8}
.bio{display:grid;grid-template-columns:200px 1fr;gap:var(--sp-8);
  background:var(--panel);border:1px solid var(--line);
  border-radius:var(--radius);padding:var(--sp-8);margin-top:var(--sp-16)}
.bio img{border-radius:4px;width:100%}
.bio h2{margin-top:0}
@media(max-width:52rem){.bio{grid-template-columns:1fr;gap:var(--sp-5)}
  .bio img{max-width:180px}}
