/* Only the animation layout is overridden; content and visual classes stay in Oxygen. */
.rozo-story[data-story-motion] {
    position: relative;
    height: var(--story-distance);
}
.rozo-story[data-story-motion] > .rozo-story-stage {
    position: sticky;
    top: var(--story-top);
    height: var(--story-height);
    overflow: hidden;
    isolation: isolate;
}
.rozo-story[data-story-motion] .rozo-story-slide {
    position: absolute;
    inset: 0;
    top: 0;
    height: 100%;
    min-height: 0;
    margin: 0;
    background: transparent !important;
    pointer-events: none;
    padding-block: clamp(20px, 4svh, 60px);
}
.rozo-story[data-story-motion] .rozo-story-text-column {
    visibility: hidden;
    transition: none;
}
.rozo-story[data-story-motion] .rozo-story-slide[data-story-active] .rozo-story-text-column {
    visibility: visible;
    pointer-events: auto;
}
.rozo-story[data-story-motion] .rozo-story-photos {
    height: min(68svh, 680px);
    overflow: hidden;
    opacity: var(--story-opacity, 0);
    transform: translateY(var(--story-shift, 0%));
    will-change: transform, opacity;
}
.rozo-story[data-story-motion] .rozo-story-portrait {
    height: 100%;
    min-height: 0;
    object-fit: cover;
    transform: scale(1.06) translateY(var(--story-image-shift, 0%));
}
.rozo-story[data-story-motion] .rozo-story-portrait:nth-child(2) {
    transform: scale(1.06) translateY(calc(-1 * var(--story-image-shift, 0%)));
}
@media (max-width: 767px), (prefers-reduced-motion: reduce), (max-height: 599px) {
    .rozo-story > .rozo-story-slide {
        position: relative;
        top: auto;
    }
}