/* Refined typography for clearer rhythm on mobile and desktop. */
.brand {
  letter-spacing: .075em;
}

.brand > span:last-child > span {
  margin-left: .12em;
}

.hero h1,
.section h2,
.membership h2 {
  letter-spacing: .015em;
  line-height: .94;
}

.benefits h3 {
  letter-spacing: .025em;
}

@media (max-width: 760px) {
  .brand {
    font-size: 1.12rem;
    letter-spacing: .085em;
  }

  .brand > span:last-child > span {
    margin-left: .14em;
  }

  .hero h1 {
    font-size: clamp(4.15rem, 20vw, 6.4rem);
    letter-spacing: .025em;
    line-height: .96;
  }

  .section h2,
  .membership h2 {
    letter-spacing: .02em;
    line-height: .98;
  }
}