.reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
              transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform;
}

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

.reveal--soft.is-visible {
  opacity: 0.9;
}

.reveal--title {
  transform: translateY(48px) scale(0.96);
  transition: opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1),
              transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}

.reveal--title.is-visible {
  transform: translateY(0) scale(1);
}

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

  .about-me--page .about-me__title::after,
  .featured-projects--page .featured-projects__title::after,
  .latest-news--page .latest-news__title::after,
  .open-roles__title::after,
  .join-journey--page .join-journey__title::after,
  .mysterious-tv-page__title::after,
  .origins-page__title::after,
  .origin-story-page__title::after,
  .news-article-page__title::after {
    transform: scaleX(1);
    transition: none;
  }
}