/* ============================================================
   sebanim8 — hero-only animation styles
   ============================================================ */

/* Anti-flash: hide entry-animated elements before JS sets their state.
   Scoped under .sebanim8 (added by the inline <head> script) so that if
   JavaScript is fully disabled, the hero text/buttons stay visible. */
.sebanim8 [data-anim] { opacity: 0; }

/* Promote the parallax layer to its own compositor layer for smooth motion. */
[data-parallax] { will-change: transform; }

/* Accessibility: honor prefers-reduced-motion — show everything, no movement. */
@media (prefers-reduced-motion: reduce) {
  [data-anim] {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }
  [data-parallax] {
    transform: none !important;
    will-change: auto;
  }
}
