.dc-video-scene{
    --dc-video-pos-x:50%;
    --dc-video-pos-y:100%;
    --dc-video-fade-height:207px;
    --dc-video-fade-color:#fff;
    --dc-video-fade-opacity:1;
    --dc-video-overlay-color:#000;
    --dc-video-overlay-opacity:0;
    --dc-video-duration:900ms;
    --dc-video-delay:0ms;
    --dc-video-easing:cubic-bezier(.22,1,.36,1);
    --dc-video-start-scale:1.035;
    --dc-video-start-y:18px;
    position:relative;
    width:100%;
    height:901px;
    overflow:hidden;
    isolation:isolate;
    background:#dcecf6;
}
.dc-video-scene--full{
    width:100vw;
    max-width:100vw;
    left:50%;
    margin-left:-50vw;
}
.dc-video-scene__poster,
.dc-video-scene__video{
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    height:100%;
}
.dc-video-scene__poster{z-index:0;overflow:hidden}
.dc-video-scene__poster img,
.dc-video-scene__video{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:var(--dc-video-pos-x) var(--dc-video-pos-y);
}
.dc-video-scene__video{z-index:1;background:transparent}
.dc-video-scene__overlay{
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    background:var(--dc-video-overlay-color);
    opacity:var(--dc-video-overlay-opacity);
}
.dc-video-scene__top-fade{
    position:absolute;
    z-index:3;
    top:0;
    left:0;
    right:0;
    height:var(--dc-video-fade-height);
    pointer-events:none;
    opacity:var(--dc-video-fade-opacity);
    background:linear-gradient(180deg,var(--dc-video-fade-color) 0%,color-mix(in srgb,var(--dc-video-fade-color) 0%,transparent) 100%);
}
@supports not (background:color-mix(in srgb,#fff 0%,transparent)){
    .dc-video-scene__top-fade{background:linear-gradient(180deg,var(--dc-video-fade-color) 0%,transparent 100%)}
}
.dc-video-scene--no-fade .dc-video-scene__top-fade{display:none}

/* Entrance motion is visual-only; video playback is managed independently in JS. */
.dc-video-scene--animate:not(.is-visible) .dc-video-scene__poster,
.dc-video-scene--animate:not(.is-visible) .dc-video-scene__video{
    opacity:0;
    transform:translate3d(0,var(--dc-video-start-y),0) scale(var(--dc-video-start-scale));
}
.dc-video-scene--animate .dc-video-scene__poster,
.dc-video-scene--animate .dc-video-scene__video{
    transition:
        opacity var(--dc-video-duration) var(--dc-video-easing) var(--dc-video-delay),
        transform var(--dc-video-duration) var(--dc-video-easing) var(--dc-video-delay);
    transform-origin:center bottom;
    will-change:opacity,transform;
}
.dc-video-scene--animate.is-visible .dc-video-scene__poster,
.dc-video-scene--animate.is-visible .dc-video-scene__video{
    opacity:1;
    transform:translate3d(0,0,0) scale(1);
}
.dc-video-scene--animate:not(.is-visible) .dc-video-scene__top-fade{opacity:0}
.dc-video-scene--animate .dc-video-scene__top-fade{
    transition:opacity var(--dc-video-duration) var(--dc-video-easing) var(--dc-video-delay);
}
.dc-video-scene--animate.is-visible .dc-video-scene__top-fade{opacity:var(--dc-video-fade-opacity)}

@media (max-width:1024px){
    .dc-video-scene{height:620px}
}
@media (max-width:767px){
    .dc-video-scene{height:440px}
}
@media (prefers-reduced-motion:reduce){
    .dc-video-scene *,
    .dc-video-scene *::before,
    .dc-video-scene *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
    .dc-video-scene--animate .dc-video-scene__poster,
    .dc-video-scene--animate .dc-video-scene__video,
    .dc-video-scene--animate .dc-video-scene__top-fade{opacity:1;transform:none}
}