.hero-headline {
  text-transform: none;
}

.hero-headline span {
  display: block;
}

@media (min-width: 769px) {
  .hero-headline span {
    white-space: nowrap;
  }
}

.homepage-date {
  margin-top: -1.5rem;
  margin-bottom: 1.5rem;
  color: var(--light);
  font-family: var(--font-ui);
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}