/** Shared section heading component. See docs/design-system.md. */

.ai-section-heading {
  max-width: 790px;
}

.ai-section-heading h2 {
  font-family: var(--ai-font-display);
  font-size: clamp(34px,3.5vw,48px);
  letter-spacing: -.02em;
  line-height: 1.08;
  margin-bottom: 20px;
}

.ai-section-heading > p:last-child {
  color: var(--ai-muted);
  font-size: var(--ai-type-body-size);
  margin-bottom: 0;
  max-width: 720px;
}

.ai-section--navy .ai-section-heading > p:last-child {
  color: #bcc4d6;
}