/*
 * v0.5.09 — constant hero readability overlay during slide motion.
 *
 * Keep the outgoing slide above the incoming slide while only its artwork
 * moves away. Its shade remains stationary and therefore covers both images
 * throughout the 500 ms transition. At completion the outgoing slide is
 * hidden and the incoming slide's identical normal shade takes over.
 */
.z4-page .z4-hero .z4-hero-art.z4-hero-art-motion-v0508 {
    transition: transform 500ms cubic-bezier(.22,.61,.36,1);
    will-change: transform;
    backface-visibility: hidden;
}

/* Outgoing slide owns the stationary overlay during movement. */
.z4-page .z4-hero .z4-slide.z4-slide-outgoing-v0508 {
    z-index: 2;
}

.z4-page .z4-hero .z4-slide.z4-slide-incoming-v0508 {
    z-index: 1;
}

/* One constant overlay: outgoing shade ON, incoming duplicate OFF. */
.z4-page .z4-hero .z4-slide.z4-slide-outgoing-v0508 .z4-hero-shade {
    opacity: 1 !important;
}

.z4-page .z4-hero .z4-slide.z4-slide-incoming-v0508 .z4-hero-shade {
    opacity: 0 !important;
}

@media (prefers-reduced-motion: reduce) {
    .z4-page .z4-hero .z4-hero-art.z4-hero-art-motion-v0508 {
        transition: none !important;
    }
}