/* ============================================================
   BRAND TOKENS
   ⚠️ PLACEHOLDER PALETTE — reconcile with live site in brand audit.
   All values defined once, here.
   ============================================================ */
:root{
  --ink:#101418; --ink-2:#1B242C; --body:#39434D;
  --muted:#6B7683; --muted-2:#8B949E;
  --paper:#FFFFFF; --paper-2:#F7F5F2; --paper-3:#EFEBE5;
  --rule:#E4DFD8; --rule-strong:#CFC8BE;
  --accent:#7C1D24; --accent-dark:#5E1419; --accent-soft:#F4EBEA;
  --gold:#A8823F;
  --serif:'Source Serif 4','Iowan Old Style',Georgia,'Times New Roman',serif;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --container:1240px; --gutter:24px; --radius:2px;
  --ease:cubic-bezier(.2,.6,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}
}
body{margin:0;background:var(--paper);color:var(--body);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img{max-width:100%;display:block}
a{color:inherit}
button{font:inherit}
h1,h2,h3,h4{font-family:var(--serif);color:var(--ink);font-weight:600;line-height:1.15;letter-spacing:-.015em;margin:0}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
::selection{background:var(--ink);color:#fff}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:1px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:16px;top:-64px;z-index:200;background:var(--ink);color:#fff;padding:12px 20px;font-size:14px;font-weight:600;text-decoration:none;border-radius:2px;transition:top .18s var(--ease)}
.skip-link:focus{top:16px}
.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}

.section{padding:88px 0;border-top:1px solid var(--rule)}
.section--tint{background:var(--paper-2)}
.section--flush{border-top:0}
.section__head{max-width:640px;margin-bottom:44px}
.section__head h2{font-size:clamp(26px,3.4vw,36px);margin-bottom:12px}
.section__head p{font-size:16.5px;color:var(--muted);max-width:56ch}
.section__head--row{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;max-width:none}
.section__foot{margin-top:44px;display:flex;justify-content:center}

@media (max-width:960px){
  .section{padding:64px 0}
}
@media (max-width:620px){
  :root{--gutter:20px}
  .section__head--row{flex-direction:column;align-items:flex-start;gap:16px}
}
