/* ============================================================
   typography.css — Headings, body copy, mono utility
   ============================================================ */
h1,h2,h3{
  font-family:var(--font-heading);
  font-weight:700;
  letter-spacing:-0.01em;
}
.mono{font-family:var(--font-mono);}

.section-eyebrow{
  font-family:var(--font-mono);font-size:12px;letter-spacing:0.16em;
  text-transform:uppercase;color:var(--wine);margin-bottom:10px;display:block;
}
.section-head h2{font-size:clamp(28px,3.6vw,40px);color:var(--ink);}
.section-head p{max-width:38ch;color:var(--text-muted);font-size:15px;}

.prose{max-width:70ch;font-size:16px;color:var(--text-body);line-height:1.75;}
.prose p + p{margin-top:1em;}