/* =============================================================
   typography.css — Type styles
   ============================================================= */
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5{
  font-family:var(--font-display);
  font-weight:var(--fw-bold);
  line-height:var(--lh-heading);
  color:var(--text-primary);
}
h1,.h1{font-size:var(--fs-h1);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight)}
h2,.h2{font-size:var(--fs-h2);letter-spacing:var(--tracking-tight)}
h3,.h3{font-size:var(--fs-h3)}
h4,.h4{font-size:var(--fs-h4);font-weight:var(--fw-semibold)}
h5,.h5{font-size:var(--fs-h5);font-weight:var(--fw-semibold)}

p{font-size:var(--fs-body);color:var(--text-secondary);max-width:68ch}
.lead{font-size:var(--fs-body-lg);color:var(--text-secondary);max-width:64ch}

.eyebrow{
  display:inline-block;font-family:var(--font-mono);font-size:var(--fs-eyebrow);
  font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:var(--tracking-caps);
  color:var(--text-brand);margin-bottom:var(--space-16);
}
.eyebrow--eco{color:var(--accent-eco)}
.eyebrow--metal{color:var(--accent-metal)}

.pull-quote{
  font-family:var(--font-display);font-size:var(--fs-h3);font-weight:var(--fw-semibold);
  line-height:var(--lh-heading);color:var(--text-primary);max-width:22ch;
}

.text-inverse,.text-inverse h1,.text-inverse h2,.text-inverse h3,.text-inverse p{color:var(--text-inverse)}
.text-inverse p{color:rgba(244,246,248,.78)}

.muted{color:var(--text-secondary)}
.balance{text-wrap:balance}

/* Links inside prose */
.prose p{margin-bottom:var(--space-24)}
.prose h2{margin:var(--space-48) 0 var(--space-16)}
.prose h3{margin:var(--space-32) 0 var(--space-12)}
.prose ul,.prose ol{margin:var(--space-16) 0 var(--space-24) var(--space-24)}
.prose li{margin-bottom:var(--space-8);color:var(--text-secondary)}