:root {
  /* Hero heading (largest) - 20% bigger */
  --h1-hero-size: clamp(3rem, 6vw + 1.2rem, 5.4rem);     /* 48px - 86px */

  /* Primary section headings - 20% bigger */
  --h1-size: clamp(2.7rem, 4.8vw + 1.2rem, 4.8rem);     /* 43px - 77px */

  /* Secondary headings - 20% bigger */
  --h2-size: clamp(2.4rem, 4.2vw + 1.2rem, 4.2rem);     /* 38px - 67px */

  /* Tertiary headings - 20% bigger */
  --h3-size: clamp(2.1rem, 3.6vw + 1.2rem, 3.6rem);     /* 34px - 58px */
}