/* Homepage typography: one entrance and one light pass, then a quiet resting state. */
.hero .hero-content h1 {
  animation: none;
}

.hero-title-display--ritual .hero-title-word {
  display: inline-block;
  --word-delay: 80ms;
  animation: heroWordArrive 900ms var(--word-delay) cubic-bezier(.2, .75, .25, 1) both;
}

.hero-title-display--ritual .hero-title-word:nth-child(2) {
  --word-delay: 190ms;
}

.hero-title-display--ritual .hero-title-word:nth-child(3) {
  --word-delay: 300ms;
}

.hero-title-display--ritual .hero-title-word:nth-child(4) {
  --word-delay: 410ms;
}

@keyframes heroWordArrive {
  from { opacity: .65; transform: translateY(.22em); }
  to { opacity: 1; transform: none; }
}

@supports ((background-clip: text) or (-webkit-background-clip: text)) {
  .hero-title-display--ritual em.hero-title-word {
    color: #f0d8b4;
    background-image: linear-gradient(110deg, #f0d8b4 35%, #fff8e9 47%, #fffaf1 50%, #f0d8b4 64%);
    background-size: 260% 100%;
    background-position: 0% 50%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation:
      heroWordArrive 900ms var(--word-delay) cubic-bezier(.2, .75, .25, 1) both,
      heroRitualSheen 1800ms 1050ms cubic-bezier(.4, 0, .2, 1) both;
  }
}

@keyframes heroRitualSheen {
  from { background-position: 100% 50%; }
  to { background-position: 0% 50%; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-title-display--ritual .hero-title-word,
  .hero-title-display--ritual em.hero-title-word {
    animation: none;
    opacity: 1;
    transform: none;
    background-image: none;
    -webkit-text-fill-color: currentColor;
  }
}

@media (forced-colors: active) {
  .hero-title-display--ritual em.hero-title-word {
    background-image: none;
    -webkit-text-fill-color: currentColor;
    text-shadow: none;
  }
}