/* Motion enhances visible content; it never supplies a hidden default state. */
.entrance-heading .entrance-line {
  display: block;
  overflow: hidden;
  padding: .035em .025em .17em;
  margin: -.035em -.025em -.17em;
}

.entrance-heading .entrance-word {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}

.entrance-heading.entrance-is-playing .entrance-word {
  animation: sx-headline-enter 1.05s cubic-bezier(.16, 1, .3, 1) both;
  animation-delay: var(--entrance-delay, 0ms);
}

[data-reveal].reveal-entering {
  animation: sx-section-enter .8s cubic-bezier(.2, .75, .25, 1) both;
  animation-delay: var(--reveal-delay, 0ms);
}

.motion-story-ready .passion-progress {
  transform-origin: left center;
  transform: scaleX(var(--story-progress, 0));
  transition: transform .18s linear;
}

.motion-story-ready .passion-phase-label.phase-label-changing {
  animation: sx-phase-label-enter .5s cubic-bezier(.2, .75, .25, 1) both;
}

@keyframes sx-headline-enter {
  from { opacity: 0; transform: translate3d(0, 108%, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes sx-section-enter {
  from { opacity: 0; transform: translate3d(0, 24px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes sx-phase-label-enter {
  from { opacity: .25; transform: translate3d(0, 7px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@media (prefers-reduced-motion: reduce) {
  .entrance-heading .entrance-word,
  [data-reveal],
  .passion-phase-label,
  .passion-progress {
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}