/* @group Sticky Images & Text
------------------------------------ */

.sticky-images-text {
    position: relative;
}
.sticky-images-text .text-col .bp-multimedia {
    height: 3.5rem;
    margin: 0 auto;
}

.sticky-images-text .images-col .image-box .bp-multimedia {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.sticky-images-text .images-col .image-box p {
    --fs: 1.6rem;
    text-align: center;
}

@media only screen
and (min-width : 961px) {
    .sticky-images-text {
        --row-default: 100%;
    }
    .sticky-images-text :is(.images-col, #important) {
        padding-inline: 0;
    }
    .sticky-images-text :is(.text-col, #important) {
        position: sticky;
        top: var(--heightSiteNav);
        padding-top: 9.4rem;
        margin-left: calc(1440px / var(--row-columns));
        max-width: 52rem;
    }
    .sticky-images-text .text-col .bp-multimedia {
        height: 5.6rem;
    }
    .sticky-images-text .images-col :is(.images-group, .image-box) {
        width: 100%;
    }
    .sticky-images-text .images-col .image-box:not(:last-of-type) {
        margin-bottom: 10rem;
    }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .sticky-images-text > :is(.row, #important) {
        padding-inline: 0;
    }
    .sticky-images-text .row :is(.text-col, #important) {
        padding-inline: calc(var(--_row-extra-pad) * 0.5);
        order: -1;
        margin-bottom: 5rem;
    }
    .sticky-images-text .row :is(.images-col, #important) {
        padding-left: calc(var(--_row-extra-pad) * 0.5);
        padding-bottom: 1rem;
        overflow-x: auto;
    }
    .sticky-images-text .row .images-col .image-box {
        width: calc(100vw - 6rem);
    }
    .sticky-images-text .row .images-col .image-box:not(:last-of-type) {
        --_offset-custom-right-mobile: 2rem;
    }
    .sticky-images-text .row .images-col .image-box:is(:last-of-type) {
        --_offset-custom-right-mobile: calc(var(--_row-extra-pad) * 0.5);
    }

    .sticky-images-text .images-col .image-box .bp-multimedia .multimedia{
        height: 33rem;
    }
}

/* @end */


/* Animations
------------------------------------ */
:where(#wrapper) .sticky-images-text .image-box img {
	opacity: 0;
	--duration: 1.5s;
    --delay: 0.5s;
}
:where(#wrapper) .sticky-images-text[inited] .image-box img {
	animation: netflix var(--duration) forwards;
	animation-delay: var(--delay, 0);
}