/*
 * 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 .nova-parallax hook.
 */
.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. */
.nova-parallax > .wp-block-cover__image-background,
.nova-parallax > .wp-block-cover__video-background {
    will-change: transform;
    top: -15%;
    height: 130%;
}

@media (prefers-reduced-motion: reduce) {
    .nova-parallax > .wp-block-cover__image-background,
    .nova-parallax > .wp-block-cover__video-background {
        /* biome-ignore lint/complexity/noImportantStyles: must beat the inline transform parallax-cover-scroll.js sets on scroll */
        transform: none !important;
    }
}