/* ==========================================================================
   animations.css — keyframes, reveal, stagger
   Kafić — Specialty kava (Kairos Digital demo)
   ========================================================================== */

@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(40px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Hero — fade-in-up na load (0.8s ease-out) */
.hero__inner > .eyebrow {
  animation: fadeIn 0.8s ease-out both;
}

.hero__inner > .h1-hero {
  animation: fadeInUp 0.8s ease-out both;
}

.hero__inner > .hero__sub {
  animation: fadeInUp 0.8s ease-out 0.2s both;
}

.hero__inner > .btn-row {
  animation: fadeInUp 0.8s ease-out 0.4s both;
}

/* Reveal on scroll (Intersection Observer dodaje .is-visible) */
.reveal {
  opacity: 0;
  transform: translateY(36px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
  will-change: opacity, transform;
}

.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Stagger djece — 100ms (JS postavlja --i) */
.stagger > * {
  opacity: 0;
  transform: translateY(36px);
  transition: opacity 0.7s ease-out, transform 0.7s ease-out;
  transition-delay: calc(var(--i, 0) * 100ms);
}

.stagger.is-visible > * {
  opacity: 1;
  transform: translateY(0);
}