/* Reliable Parlo-style entrance choreography after the first browser paint. */

.js body:not([data-page="home"]):not([data-page="products"]) .hero .eyebrow,
.js body:not([data-page="home"]):not([data-page="products"]) .hero h1,
.js body:not([data-page="home"]):not([data-page="products"]) .hero .hero-lead,
.js body:not([data-page="home"]):not([data-page="products"]) .hero .hero-actions,
.js body:not([data-page="home"]):not([data-page="products"]) .hero .hero-media,
.js body:not([data-page="home"]):not([data-page="products"]) .hero .orbit-stage {
  opacity: 0 !important;
  filter: blur(4px) !important;
  transform: translateY(12px) !important;
  animation: none !important;
  transition:
    opacity .52s ease,
    filter .52s ease,
    transform .58s cubic-bezier(.16, 1, .3, 1) !important;
}

.js body:not([data-page="home"]):not([data-page="products"]) .hero h1 {
  transition-delay: .08s !important;
}

.js body:not([data-page="home"]):not([data-page="products"]) .hero .hero-lead {
  transition-delay: .16s !important;
}

.js body:not([data-page="home"]):not([data-page="products"]) .hero .hero-actions,
.js body:not([data-page="home"]):not([data-page="products"]) .hero .hero-media,
.js body:not([data-page="home"]):not([data-page="products"]) .hero .orbit-stage {
  transition-delay: .24s !important;
}

html.is-ready body:not([data-page="home"]):not([data-page="products"]) .hero .eyebrow,
html.is-ready body:not([data-page="home"]):not([data-page="products"]) .hero h1,
html.is-ready body:not([data-page="home"]):not([data-page="products"]) .hero .hero-lead,
html.is-ready body:not([data-page="home"]):not([data-page="products"]) .hero .hero-actions,
html.is-ready body:not([data-page="home"]):not([data-page="products"]) .hero .hero-media,
html.is-ready body:not([data-page="home"]):not([data-page="products"]) .hero .orbit-stage {
  opacity: 1 !important;
  filter: blur(0) !important;
  transform: translateY(0) !important;
}

@media (prefers-reduced-motion: reduce) {
  html.js.is-ready body:not([data-page="home"]):not([data-page="products"]) .hero .eyebrow,
  html.js.is-ready body:not([data-page="home"]):not([data-page="products"]) .hero h1,
  html.js.is-ready body:not([data-page="home"]):not([data-page="products"]) .hero .hero-lead,
  html.js.is-ready body:not([data-page="home"]):not([data-page="products"]) .hero .hero-actions,
  html.js.is-ready body:not([data-page="home"]):not([data-page="products"]) .hero .hero-media,
  html.js.is-ready body:not([data-page="home"]):not([data-page="products"]) .hero .orbit-stage {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }
}