/* Start the first view at first paint. Further sections enter as they approach the viewport. */
@media (prefers-reduced-motion: no-preference) {
  body[data-global-signal-motion]:not(:has(:target:not(#home):not(#main))) .market-hero :is(.hero-copy h1, .hero-search-summary, .relay-tagline, .relay-stage) {
    animation: astralx-home-enter 760ms cubic-bezier(.22,.72,.27,1) var(--home-enter-delay, 0ms) backwards;
  }

  body[data-global-signal-motion] .market-hero :is(.hero-search-summary, .relay-tagline) { --home-enter-delay: 80ms; }
  body[data-global-signal-motion] .market-hero .relay-stage { --home-enter-delay: 155ms; }

  body[data-global-signal-motion] .market-hero :is(.relay-stage, #registration):focus-within {
    opacity: 1 !important;
    translate: none !important;
  }
}

@media (min-width: 761px) and (prefers-reduced-motion: no-preference) {
  body[data-global-signal-motion]:not(:has(:target:not(#home):not(#main))) .market-hero #registration {
    animation: astralx-home-enter 760ms cubic-bezier(.22,.72,.27,1) 235ms backwards;
  }
}

@keyframes astralx-home-enter {
  from { opacity: 0; translate: 0 12px; }
  to { opacity: 1; translate: 0 0; }
}