/* Words: dim by default, brighten on scroll */
[data-nl-reveal] .nl-word {
  display: inline;
  color: var(--nl-reveal-dim, var(--black-trans-10, rgba(0, 0, 0, 0.1)));
  transition: color 0.08s ease;
}

[data-nl-reveal] .nl-word.nl-lit {
  color: var(--nl-reveal-lit, var(--secondary, currentColor));
}

/* Images: hidden by default, fade up on scroll (add class nl-img) */
[data-nl-reveal] .nl-img {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.75s ease, transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);
}

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

/* CTA: hidden by default, fades in at the end (add class nl-cta) */
[data-nl-reveal] .nl-cta {
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}

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

@media (prefers-reduced-motion: reduce) {
  [data-nl-reveal] .nl-word { color: var(--nl-reveal-lit, var(--secondary, currentColor)); transition: none; }
  [data-nl-reveal] .nl-img,
  [data-nl-reveal] .nl-cta { opacity: 1; transform: none; transition: none; }
}