/* ============================================================
   ANIMATIONS — LeaseBase Premium Marketing V2
   ============================================================ */

/* ── 1. Scroll Reveal ───────────────────────────────────── */

.lb-reveal {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 350ms ease-out, transform 350ms ease-out;
}

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

/* Staggered children — scoped per container */
.lb-reveal-stagger > .lb-reveal {
  transition-delay: calc(var(--lb-stagger, 0) * 60ms);
}

/* ── 2. Hero Entrance ───────────────────────────────────── */

.lb-hero-enter {
  opacity: 0;
  transform: translateY(12px);
  animation: lb-hero-in 600ms ease-out forwards;
}

.lb-hero-enter--delayed {
  animation-delay: 200ms;
}

@keyframes lb-hero-in {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ── 3. Fade In ─────────────────────────────────────────── */

.lb-fade-in {
  opacity: 0;
  transition: opacity 350ms ease-out;
}
.lb-fade-in--visible {
  opacity: 1;
}