.hero-overlay {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, .48), rgba(0, 0, 0, .22) 34%, rgba(0, 0, 0, .96) 78%),
    linear-gradient(90deg, rgba(0, 0, 0, .58), rgba(0, 0, 0, .12) 68%);
}

.hero-kicker {
  color: #fff;
  font-weight: 600;
  text-shadow: 0 2px 14px #000;
}

.hero h1 {
  font-size: clamp(3.2rem, 9vw, 8.5rem);
  line-height: .88;
  color: #fff;
  text-shadow: 0 4px 30px rgba(0, 0, 0, .95);
}

@media (max-width: 850px) {
  .hero h1 {
    font-size: 14vw;
  }
}

.hero-bottom {
  border-top-color: rgba(255, 255, 255, .48);
}

.hero-bottom p {
  color: #fff;
  font-weight: 500;
  text-shadow: 0 2px 12px #000;
}

.hero-bottom span {
  color: #f0f0ee;
  font-weight: 400;
  text-shadow: 0 2px 12px #000;
}