/* Shared section heading: use vf-section-heading with a section modifier.
 * Uses the local Chiron font registered in hero-reference.css.
 * Typography only; each section owns its color, alignment and spacing.
 * Mobile: 28px (business: 24px). Tablet: 36px. Desktop (992px+): 40px.
 * Line height: 1.25.
 * IDs follow vf-{section}-heading and connect to section aria-labelledby.
 */
.vf-section-heading {
  font-family: "Chiron Sung HK Hero", "Noto Serif CJK KR", "Nanum Myeongjo", serif;
  font-size: 1.75rem;
  font-weight: 500;
  font-style: normal;
  font-variation-settings: normal;
  letter-spacing: -0.02em;
  line-height: 1.25;
  text-transform: none;
}

.vf-section-heading--business {
  font-size: 1.5rem;
}

@media (min-width: 768px) {
  .vf-section-heading {
    font-size: 2.25rem;
  }
}

@media (min-width: 992px) {
  .vf-section-heading {
    font-size: 2.5rem;
  }
}