/* =========================
   Reveal animations + utilities
   ========================= */

.reveal{
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .7s var(--ease), transform .7s var(--ease);
  will-change: transform, opacity;
}
.reveal.is-visible{
  opacity: 1;
  transform: translateY(0);
}

/* Optional delay helpers used in HTML */
.delay-1{ transition-delay: .08s; }
.delay-2{ transition-delay: .16s; }
.delay-3{ transition-delay: .24s; }
.delay-4{ transition-delay: .32s; }
.delay-5{ transition-delay: .40s; }
.delay-6{ transition-delay: .48s; }

/* Smooth scrolling */
html{ scroll-behavior:smooth; }