/* Match the guide reveal without changing the landing layout. */
.landing-page [data-aos] {
  transition-property: opacity, transform;
  transition-duration: .7s;
  transition-timing-function: cubic-bezier(.22, 1, .36, 1);
}
.landing-page [data-aos="fade-up"]:not(.aos-animate) {
  transform: translate3d(0, 24px, 0);
}
.landing-page [data-aos].aos-animate {
  transform: none;
}
.landing-page [data-aos-delay="40"].aos-animate { transition-delay: 40ms; }
.landing-page [data-aos-delay="60"].aos-animate { transition-delay: 60ms; }
.landing-page [data-aos-delay="80"].aos-animate { transition-delay: 80ms; }
.landing-page [data-aos-delay="100"].aos-animate { transition-delay: 100ms; }
.landing-page [data-aos-delay="120"].aos-animate { transition-delay: 120ms; }
.landing-page [data-aos-delay="160"].aos-animate { transition-delay: 160ms; }
.landing-page [data-aos-delay="180"].aos-animate { transition-delay: 180ms; }
.landing-page [data-aos-delay="200"].aos-animate { transition-delay: 200ms; }
.landing-page [data-aos-delay="240"].aos-animate { transition-delay: 240ms; }
.landing-page [data-aos-delay="280"].aos-animate { transition-delay: 280ms; }
.landing-page [data-aos-delay="300"].aos-animate { transition-delay: 300ms; }
.landing-page [data-aos-delay="360"].aos-animate { transition-delay: 360ms; }
.landing-page [data-aos-delay="440"].aos-animate { transition-delay: 440ms; }
.landing-page [data-aos-delay="520"].aos-animate { transition-delay: 520ms; }
.landing-page .hero h1[data-aos].aos-animate { transition-delay: 0ms; }

.landing-page .landing-reveal {
  opacity: 0;
  transform: translate3d(0, 24px, 0);
  transition: opacity .7s cubic-bezier(.22, 1, .36, 1), transform .7s cubic-bezier(.22, 1, .36, 1);
}
.landing-page .landing-reveal.is-visible {
  opacity: 1;
  transform: none;
  transition-delay: var(--landing-reveal-delay, 0ms);
}
@media (prefers-reduced-motion: reduce) {
  .landing-page [data-aos],
  .landing-page [data-aos].aos-animate,
  .landing-page .landing-reveal,
  .landing-page .landing-reveal.is-visible {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}


/* Keep landing section headings and their introductions on separate mobile rows. */
@media (max-width: 760px) {
  .landing-page .section-head {
    grid-template-columns: minmax(0, 1fr);
  }
}