/* ===========================
   ICOVRI 10 — Animations
   =========================== */

/* ---- Scroll-triggered fade ---- */
.fade-in {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.fade-in.visible {
  opacity: 1;
  transform: none;
}

/* ---- Hero scroll hint ---- */
@keyframes bounce {
  0%, 100% { transform: translateX(-50%) translateY(0); }
  50%       { transform: translateX(-50%) translateY(6px); }
}

/* ---- Floating particle ---- */
@keyframes float {
  0%   { transform: translateY(100vh) translateX(0); opacity: 0; }
  10%  { opacity: 0.3; }
  90%  { opacity: 0.3; }
  100% { transform: translateY(-10vh) translateX(40px); opacity: 0; }
}

.particle {
  position: absolute;
  width: 2px;
  height: 2px;
  background: var(--teal-bright);
  border-radius: 50%;
  animation: float linear infinite;
  opacity: 0.3;
}