/* Content stays visible unless the scroll observer has been installed. */
@media screen and (prefers-reduced-motion: no-preference) {
    :is(.wm-landing, .wm-about-story) .wl-scroll-reveal {
        opacity: 0;
        translate: var(--wl-reveal-x, 0) 24px;
        transition: opacity .7s ease, translate .8s cubic-bezier(.22, 1, .36, 1);
        transition-delay: 0s;
    }

    .wm-landing .wl-position-concern.wl-scroll-reveal {
        --wl-reveal-x: -18px;
        transition-duration: .85s, .95s;
    }

    .wm-landing .wl-position-concern.wl-scroll-reveal:nth-child(even) { --wl-reveal-x: 18px; }

    :is(.wm-landing, .wm-about-story) .wl-scroll-reveal.is-scroll-visible {
        opacity: 1;
        translate: 0 0;
    }

    :is(.wm-landing, .wm-about-story) .wl-scroll-reveal:focus-within {
        opacity: 1;
        translate: 0 0;
        transition: none;
    }
}

@media screen and (max-width: 767px) and (prefers-reduced-motion: no-preference) {
    :is(.wm-landing, .wm-about-story) .wl-scroll-reveal { translate: 0 16px; }
    :is(.wm-landing, .wm-about-story) .wl-scroll-reveal.is-scroll-visible,
    :is(.wm-landing, .wm-about-story) .wl-scroll-reveal:focus-within { translate: 0 0; }
}

@media print, (prefers-reduced-motion: reduce), (forced-colors: active) {
    :is(.wm-landing, .wm-about-story) .wl-scroll-reveal {
        opacity: 1 !important;
        translate: none !important;
        transition: none !important;
    }
}