/*
 * Nova prepared effect: parallax-cover-scroll (nova/parallax-cover-scroll in the effects catalog).
 * Ships with every site's child theme and is conditionally enqueued via functions.php — only on a
 * page whose post_content actually contains a [data-nova-parallax] hook.
 */
[data-nova-parallax] {
    overflow: hidden;
}

/* Overscan: the layer is sized larger than its cover and centered, so parallax-cover-scroll.js's
 * translateY has travel room in both directions without ever sliding the layer's edge past its
 * container and exposing the flat .wp-block-cover__background dim/gradient layer underneath. The
 * JS clamps its offset to this same 15% margin — keep the two in sync if either changes. */
[data-nova-parallax] > .wp-block-cover__image-background,
[data-nova-parallax] > .wp-block-cover__video-background {
    will-change: transform;
    top: -15%;
    height: 130%;
}

@media (prefers-reduced-motion: reduce) {
    [data-nova-parallax] > .wp-block-cover__image-background,
    [data-nova-parallax] > .wp-block-cover__video-background {
        transform: none !important;
    }
}