body {
  font-family: var(--ff-body);
  font-size: var(--fs-body);
  color: var(--clr-brown-dark);
  line-height: 1.7;
}

h1, h2, h3, h4 {
  font-family: var(--ff-heading);
  font-weight: 700;
  color: var(--clr-brown);
  text-transform: uppercase;
  letter-spacing: 0.02em;
  line-height: 1.1;
}

.display-hero {
  font-size: var(--fs-hero);
  font-weight: 700;
  line-height: 0.95;
  letter-spacing: 0.04em;
}

.display-h1 {
  font-size: var(--fs-h1);
  font-weight: 700;
  line-height: 1;
}

h2, .h2 {
  font-size: var(--fs-h2);
  font-weight: 700;
}

h3, .h3 {
  font-size: var(--fs-h3);
  font-weight: 700;
}

.label {
  font-size: var(--fs-label);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--clr-brown-light);
}

.tagline {
  font-family: var(--ff-heading);
  font-size: var(--fs-h3);
  font-weight: 700;
  color: var(--clr-brown);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

p + p {
  margin-top: 1em;
}