/* ============================================================
   Eslancer — scroll-triggered title & text reveal.
   Section TITLES fade in slowly word-by-word; supporting
   LEAD text fades up — each triggered only when scrolled
   into view. Paired with reveal-text.js. Adapted from the
   T.Finch reveal effect.
   ============================================================ */

/* Titles: each word starts hidden, then fades in staggered. */
.rd-wf .rd-wf-word { opacity: 0; }
.rd-wf-go .rd-wf-word {
    animation: rd-wf-in 0.7s ease forwards;
    animation-delay: var(--d, 0s);
}
@keyframes rd-wf-in {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Supporting / lead text: fade + rise on the same per-section trigger. */
.rd-fade {
    opacity: 0;
    transform: translateY(22px);
    transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-delay: 0.12s;
    will-change: opacity, transform;
}
.rd-fade.rd-in { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
    .rd-wf .rd-wf-word { opacity: 1; }
    .rd-fade { opacity: 1; transform: none; }
}