/* Animations — Subtle, professional motion */

/* Hero entrance — smooth staggered fade-up */
.hero__content .hero__eyebrow {
  opacity: 0;
  animation: fadeInUp 0.6s ease forwards;
  animation-delay: 0.2s;
}

.hero__content .hero__h1 {
  opacity: 0;
  animation: fadeInUp 0.6s ease forwards;
  animation-delay: 0.4s;
}

.hero__content .hero__sub {
  opacity: 0;
  animation: fadeInUp 0.6s ease forwards;
  animation-delay: 0.6s;
}

.hero__content .hero__ctas {
  opacity: 0;
  animation: fadeInUp 0.6s ease forwards;
  animation-delay: 0.8s;
}

/* Sub-page hero entrance */
.page-hero h1 {
  opacity: 0;
  animation: fadeInUp 0.5s ease forwards;
  animation-delay: 0.15s;
}

.page-hero p {
  opacity: 0;
  animation: fadeInUp 0.5s ease forwards;
  animation-delay: 0.3s;
}

/* Keyframes */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Scroll reveal — only on key sections, not everything */
.reveal {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.45s ease, transform 0.45s ease;
}

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

.reveal--delay-1 { transition-delay: 0.08s; }
.reveal--delay-2 { transition-delay: 0.16s; }
.reveal--delay-3 { transition-delay: 0.24s; }