/* ============================================================
   animations.css — Animations & Transitions
   ============================================================ */

/* ============================================================
   FLOATING ANIMATION
   6-second cycle, ease-in-out, infinite
   ============================================================ */
@keyframes float {
  0%   { transform: translateY(0px); }
  50%  { transform: translateY(-10px); }
  100% { transform: translateY(0px); }
}

.floating {
  animation: float 6s ease-in-out infinite;
  will-change: transform;
}

/* Staggered delays for each card */
.floating-delay-0   { animation-delay: 0s; }
.floating-delay-1   { animation-delay: 0.5s; }
.floating-delay-2   { animation-delay: 1.2s; }
.floating-delay-3   { animation-delay: 0.8s; }
.floating-delay-4   { animation-delay: 1.5s; }
.floating-delay-5   { animation-delay: 0.3s; }

/* ============================================================
   CARD ACCENT COLORS (for ::after border on hover)
   ============================================================ */
.card--accent-secondary { color: var(--secondary); }
.card--accent-primary   { color: var(--primary); }
.card--accent-tertiary  { color: var(--tertiary); }

/* ============================================================
   SCROLL REVEAL — Fade-in on scroll
   ============================================================ */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.reveal {
  opacity: 0;
}

.reveal.is-visible {
  animation: fadeInUp 600ms cubic-bezier(0.2, 0, 0.2, 1) forwards;
}

/* Stagger reveal for gallery cards */
.gallery__item.reveal.is-visible:nth-child(1) { animation-delay: 0ms; }
.gallery__item.reveal.is-visible:nth-child(2) { animation-delay: 100ms; }
.gallery__item.reveal.is-visible:nth-child(3) { animation-delay: 200ms; }
.gallery__item.reveal.is-visible:nth-child(4) { animation-delay: 300ms; }
.gallery__item.reveal.is-visible:nth-child(5) { animation-delay: 400ms; }
.gallery__item.reveal.is-visible:nth-child(6) { animation-delay: 500ms; }

/* ============================================================
   SHIMMER — Holographic progress bar (for future use)
   ============================================================ */
@keyframes shimmer {
  0%   { background-position: -200% center; }
  100% { background-position: 200% center; }
}

.shimmer {
  background: linear-gradient(
    90deg,
    var(--secondary) 0%,
    var(--primary) 50%,
    var(--secondary) 100%
  );
  background-size: 200% 100%;
  animation: shimmer 3s ease-in-out infinite;
}