/* Minimal AOS-compatible CSS (local replacement).
   Important: elements MUST remain visible if JS fails to init.
   We only apply "hidden until animated" when html.aos-init is present. */

[data-aos]{
  opacity:1;
  transform:none;
  transition:none;
}

html.aos-init [data-aos]{
  opacity:0;
  transform:translate3d(0, 16px, 0);
  transition-property:opacity, transform;
  transition-duration:650ms;
  transition-timing-function:cubic-bezier(.2,.8,.2,1);
  will-change:opacity, transform;
}

html.aos-init [data-aos].aos-animate{
  opacity:1;
  transform:none;
}

html.aos-init [data-aos="fade-up"]{transform:translate3d(0, 16px, 0)}
html.aos-init [data-aos="fade-right"]{transform:translate3d(-16px, 0, 0)}
html.aos-init [data-aos="fade-left"]{transform:translate3d(16px, 0, 0)}
html.aos-init [data-aos="zoom-in"]{transform:scale(.98); opacity:0}
html.aos-init [data-aos="zoom-in"].aos-animate{transform:scale(1); opacity:1}

@media (prefers-reduced-motion: reduce){
  html.aos-init [data-aos]{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }
}