.section-heading .section-heading-lower {
  display: block;
  font-size: 3rem;
  font-weight: 100;
  --min: 1.2rem;
  --max: 3rem;
  --scale: 2.5vw;
  font-size: clamp(var(--min), var(--scale), var(--max));
  -moz-font-size: clamp(1.2rem, 2.5vw, 3rem);
}

.section-heading .section-heading-upper {
  display: block;
  font-size: 1rem;
  font-weight: 800;
  --min: 0.6rem;
  --max: 1rem;
  --scale: 2.5vw;
  font-size: clamp(var(--min), var(--scale), var(--max));
  -moz-font-size: clamp(0.6rem, 2.5vw, 2.5rem);
}

html {
  scroll-behavior: smooth;
}