/* ============================================================
   components/animations.css
   AOS helpers, float, fades
   ============================================================ */

/* Will hook directly into AOS library attributes safely */
[data-aos] {
  opacity: 0;
  transition-property: opacity, transform;
  will-change: opacity, transform;
}

.plx-anim-float {
  animation: plx-float 6s ease-in-out infinite;
}

@keyframes plx-float {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-6px); }
}

.plx-anim-fade-in-up {
  animation: plx-fade-in-up 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes plx-fade-in-up {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}