h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: var(--crotchet);

  &.nm {
    margin: 0;
  }
}

h1 {
  margin: var(--semibreve) 0;

  &.oversized {
    font-size: clamp(2rem, -0.2857rem + 5.7143vw, 4rem);
    text-transform: uppercase;
    margin: var(--semibreve) 0;
    letter-spacing: 0.05em;
  }

  &.centered {
    text-align: center;
  }
}

h2 {
  margin: var(--minim) 0;

  &.oversized {
    font-size: clamp(2rem, 0.1714rem + 4.5714vw, 3.6rem);
    text-transform: uppercase;
    margin: var(--semibreve) 0;
    letter-spacing: 0.05em;
  }

  &.centered {
    text-align: center;
  }
}