main .hero h1 {
  max-width: 1240px;
  font-size: clamp(44px, 4vw, 58px);
  line-height: 1.07;
  letter-spacing: .012em !important;
}

.hero-content {
  max-width: 1280px;
}

.hero-copy {
  max-width: 900px;
  color: #fff;
  font-weight: 400;
  text-shadow: 0 2px 13px rgba(2, 17, 23, .96);
}

.hero::before {
  background: linear-gradient(180deg, rgba(20, 20, 24, .42), rgba(20, 20, 24, .58));
}

.hero .button-outline:hover {
  border-color: var(--brand-red);
  background: var(--brand-red);
  color: #fff;
}

@media (max-width: 760px) {
  .hero { min-height: 100svh; }
  .hero h1 {
    max-width: 365px;
    font-size: 39px;
    line-height: 1.07;
    letter-spacing: -.015em;
  }
}
.hero {
  min-height: 100vh;
  min-height: 100svh;
}