/* Minimal custom layer — everything else is Tailwind utility classes. */

html { scroll-behavior: smooth; }

/* Gradient text (Tailwind's bg-clip-text + text-transparent handle the rest,
   this just keeps the exact multi-stop gradient used in the hero headline) */
.grad-text {
  background-image: linear-gradient(100deg, #5cb3ef, #f2a93b);
}

/* Hero slider cross-fade */
.hero-slide { opacity: 0; transition: opacity 1.4s ease; }
.hero-slide.is-active { opacity: 1; z-index: 2; }

/* Scroll reveal */
[data-reveal] { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s ease; }
[data-reveal].is-visible { opacity: 1; transform: translateY(0); }

/* Mobile nav slide-in */
.nav-links { transition: transform .4s ease; }

@media (prefers-reduced-motion: reduce) {
  [data-reveal] { opacity: 1; transform: none; transition: none; }
  .hero-slide { transition: none; }
}