/* Shared heading hierarchy used across all SMC pages. */
h1,
h2,
h3,
h4 {
  margin-top: 0;
  font-family: var(--heading, var(--font-heading, "Manrope", "Avenir Next", "Helvetica Neue", "Segoe UI", sans-serif)) !important;
  font-weight: 700 !important;
}

h1 {
  margin-bottom: 22px;
  color: var(--primary, #5c2b82);
  font-size: clamp(4rem, 5vw, 4.5rem) !important;
  line-height: .98 !important;
  letter-spacing: -.065em !important;
}

h2 {
  margin-bottom: 18px;
  color: var(--primary, #5c2b82);
  font-size: clamp(2.3rem, 4vw, 3.6rem) !important;
  line-height: 1.04 !important;
  letter-spacing: -.055em !important;
}

h3 {
  margin-bottom: 12px;
  color: var(--text, #1f2544);
  font-size: 1.25rem !important;
  line-height: 1.3 !important;
  letter-spacing: -.035em !important;
}

h4 {
  margin-bottom: 10px;
  color: var(--text, #1f2544);
  font-size: 1.05rem !important;
  line-height: 1.4 !important;
  letter-spacing: -.025em !important;
}

@media (max-width: 640px) {
  h1 {
    font-size: clamp(2.5rem, 10.5vw, 3.4rem) !important;
  }

  h2 {
    font-size: clamp(2rem, 9vw, 2.7rem) !important;
  }
}