/* ─────────────────────────────────────────
   ANIMATIONS — Keyframes + scroll-triggered
   entrance (.fu / .fu.on)
───────────────────────────────────────── */

/* ── Scroll-triggered fade-up ── */
.fu {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.fu.on {
  opacity: 1;
  transform: none;
}

/* ── FAB entrance ── */
@keyframes fab-in {
  from { transform: scale(0) rotate(-15deg); opacity: 0; }
  to   { transform: scale(1) rotate(0deg);  opacity: 1; }
}