.section-head { margin-bottom: var(--s-8); max-width: 46rem; }
.section-head--center { margin-inline: auto; text-align: center; }

.section-head__eyebrow {
  display: flex;
  align-items: center;
  gap: var(--s-3);
  margin: 0 0 var(--s-4);
  font-size: var(--fs-3xs);
  font-weight: 700;
  letter-spacing: var(--ls-eyebrow);
  text-transform: uppercase;
  color: var(--accent-on-light);
}
.section-head--center .section-head__eyebrow { justify-content: center; }

/* The 2016 site marked every block with a short accent rule under the title.
   Kept as the eyebrow's leading dash — the one device carried over intact. */
.section-head__rule {
  display: block;
  width: 2rem;
  height: 2px;
  background: currentColor;
  flex: none;
}

.section-head__title { margin: 0; }
.section-head__intro {
  margin: var(--s-4) 0 0;
  font-size: var(--fs-md);
  line-height: var(--lh-relaxed);
  color: var(--fg-muted);
  font-weight: 300;
}
.section-head--center .section-head__intro { margin-inline: auto; }

.section-head--invert .section-head__eyebrow { color: var(--accent-on-dark); }
.section-head--invert .section-head__title { color: var(--fg-invert); }
.section-head--invert .section-head__intro { color: var(--fg-invert-muted); }