.video-stage {
    position: absolute;
    inset: 0;
    overflow: hidden;
    background-color: #0a0f1a;
    contain: layout paint;
}

#video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    background-color: #0a0f1a;
    opacity: 0;
    transform: translateZ(0);
    transition: opacity 0.65s ease-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

#video.active {
    opacity: 1;
}

.video-poster {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
    background-color: #0a0f1a;
    filter: blur(16px);
    transform: scale(1.06) translateZ(0);
    opacity: 1;
    transition: opacity 0.85s ease-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.video-poster.fading {
    will-change: opacity;
}

.video-poster.hidden {
    opacity: 0;
}