:where(h1, h2, h3, h4) {
    font-family: "DIN Black", sans-serif; 
    text-transform: uppercase;
    font-weight: 900;
    line-height: 1.1;
}

h1 { font-size: clamp(2.5rem, 6vw + 1rem, 7rem); }
h2 { font-size: clamp(2rem, 4vw + 1rem, 3.5rem); }
h3 { font-size: clamp(2.2rem, 3vw + 1rem, 3rem); }
h4 { font-size: clamp(2rem, 2vw + 1rem, 3rem); }

h1, h2, h3, h4 {
  text-wrap: balance;
}

h2, h3, h4 {
  padding-bottom: 5%;
}