.footer-motion-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 500 / 430;
}
.footer-motion-frame > .footer-motion-poster,
.footer-motion-frame > #lottie-animation {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.footer-motion-poster { display: block; object-fit: contain; }
.footer-motion-ready > .footer-motion-poster { visibility: hidden; }

/* Only the illustration fades; surrounding footer content keeps its own motion. */
.footer-reveal-enabled .footer-motion-frame {
  opacity: 0;
  filter: blur(5px);
  transition: opacity 650ms ease, filter 650ms ease;
}
.footer-reveal-enabled .footer-motion-frame.footer-motion-entered {
  opacity: 1;
  filter: none;
}
@media (prefers-reduced-motion: reduce) {
  .footer-reveal-enabled .footer-motion-frame {
    opacity: 1;
    filter: none;
    transition: none;
  }
}