/* Entrance reveal, orchestrated by js/hero.js adding [data-reveal].is-in
   and .hero__wordmark-line span.is-in */

.hero__wordmark-line span {
  transition: transform 1.1s var(--ease-out);
  transition-delay: var(--reveal-delay, 0s);
}

.hero__wordmark-line span.is-in {
  transform: translateY(0);
}

[data-reveal] {
  transition: opacity 0.9s var(--ease-out), transform 0.9s var(--ease-out);
  transform: translateY(14px);
}

[data-reveal].is-in {
  opacity: 1;
  transform: translateY(0);
}

.hero__tagline[data-reveal] {
  transition-delay: 0.5s;
}

.hero__bar[data-reveal] {
  transition-delay: 0.7s;
}

/* Scroll-triggered reveal for below-the-fold content (js/scroll-reveal.js) */
[data-inview] {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.9s var(--ease-out), transform 0.9s var(--ease-out);
  transition-delay: var(--reveal-delay, 0s);
}

[data-inview].is-in {
  opacity: 1;
  transform: translateY(0);
}

.reveal-image[data-inview] {
  transform: scale(1.08);
  transition: opacity 1s var(--ease-out), transform 1.4s var(--ease-out);
}

.reveal-image[data-inview].is-in {
  transform: scale(1);
}

@media (prefers-reduced-motion: reduce) {
  .hero__wordmark-line span,
  [data-reveal],
  [data-inview] {
    transition: none !important;
    animation: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}