/* Center the visible opening line while keeping the ending on its own line. */
.home-headline__lead,
.home-headline__suffix {
  display: block;
  max-width: 100%;
}

.home-headline__prefix {
  display: inline-block;
  max-width: 100%;
  transform: translateX(var(--home-headline-inset, 0px));
  transition: transform .5s cubic-bezier(.22, .61, .36, 1);
}

.home-headline__words {
  display: inline-grid;
  overflow: hidden;
  vertical-align: bottom;
  transform: translateX(calc(-1 * var(--home-headline-inset, 0px)));
  transition: transform .5s cubic-bezier(.22, .61, .36, 1);
}

.home-headline__word {
  grid-area: 1 / 1;
  justify-self: center;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transform: translateY(110%);
  transition: opacity .5s ease, transform .5s cubic-bezier(.22, .61, .36, 1), visibility 0s linear .5s;
}

.home-headline__word.is-active {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0s;
}

.home-headline__word.is-exiting {
  transform: translateY(-110%);
}

.home-headline--inline-word .home-headline__word {
  justify-self: end;
}

@media (max-width: 359px) {
  .feat-inner > .home-headline {
    font-size: 2.25rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-headline__prefix,
  .home-headline__words {
    transition: none;
  }

  .home-headline__word,
  .home-headline__word.is-exiting {
    transition: none;
    transform: none;
  }
}