.reveal,
.hero-reveal {
  opacity: 0;
  transform: translateY(24px);
}

.reveal.is-visible,
.hero-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.hero__headline.hero-reveal {
  opacity: 0;
  transform: none;
}

.hero__headline.hero-reveal.is-visible {
  opacity: 1;
}

[data-reveal="flip"].reveal {
  opacity: 0;
  transform: none;
  backface-visibility: hidden;
  will-change: transform, opacity;
}

[data-reveal="flip"].reveal.is-visible {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .reveal,
  .hero-reveal {
    opacity: 1;
    transform: none;
  }
}

/* word-mask reveal utility (used by data-reveal="mask", the hero name, and the intro) */
.reveal-mask {
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  max-width: 100%;
}

.reveal-mask__inner {
  display: inline-block;
  will-change: transform;
}

.site-header,
.mobile-menu {
  will-change: transform, opacity;
}