.hero-home {
  width: min(900px, 100%);
  margin-inline: auto;
}

.hero-home h1 {
  max-width: 880px;
  font-size: clamp(3rem, 8.6vw, 6.6rem);
  line-height: 0.9;
  letter-spacing: -0.075em;
  text-wrap: balance;
}

.hero-tagline {
  margin-top: 0;
  margin-bottom: 38px;
  color: #4f4a57;
  font-size: clamp(1.05rem, 2.2vw, 1.35rem);
  font-weight: 650;
  letter-spacing: 0.025em;
}

@media (max-width: 520px) {
  .hero-home h1 {
    font-size: clamp(3rem, 14.5vw, 4.35rem);
    line-height: 0.94;
    letter-spacing: -0.065em;
  }

  .hero-tagline { margin-bottom: 32px; }
}