/* ===========================================================================
   Motion. Everything here FAILS OPEN: content is visible by default and is
   only hidden under `html.js` — a class set by assets/js/main.js, the same
   file that reveals it again. No main.js, nothing hidden.
   =========================================================================== */

.reveal{opacity:1;transform:none}
html.js .reveal{
  opacity:0;transform:translateY(26px);
  transition:opacity .7s var(--ease-out),transform .8s var(--ease-out);
}
html.js .reveal.in{opacity:1;transform:none}
/* the builder canvas never runs the observer */
body.elementor-editor-active .reveal,
body.elementor-editor-active .reveal.in{opacity:1 !important;transform:none !important}

@keyframes pbg-marquee{to{transform:translateX(-50%)}}

/* the ticker runs only when motion is welcome; otherwise it is a static row */
@media (prefers-reduced-motion:no-preference){
  .ticker-track{animation:pbg-marquee 38s linear infinite}
  .ticker:hover .ticker-track{animation-play-state:paused}
}
body.elementor-editor-active .ticker-track{animation:none}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;
    transition-duration:.001ms !important;scroll-behavior:auto !important}
}
