/*
 * Split video on standard pages: video-desk.mp4 plays in two separate places —
 * the header area (.banner-top: top bar + header + everything above the white
 * content) and the footer (.video-footer) — instead of one video stretched
 * behind the whole page.
 *
 * The white content section normally has a top margin, and the video showed
 * through that gap. The gap is recreated inside the header video area with a
 * 1px spacer whose top margin merges with the content above it exactly the
 * way the original margin did, so the layout stays pixel-identical.
 */
.split-video > .banner-top + .white-bg {
    margin-top: 0 !important;
}
.split-video > .banner-top::after {
    content: "";
    display: block;
    height: 1px;
    margin-top: calc(13.7rem - 1px);     /* .white-bg margin-top (style.css) */
}
@media only screen and (max-width: 991px) {
    .split-video > .banner-top::after {
        margin-top: calc(7.3rem - 1px);  /* .white-bg margin-top (responsive.css) */
    }
}

/* Pages where the white section has no top gap: just keep inner margins inside the video area */
.split-video.gap-none > .banner-top { display: flow-root; }
.split-video.gap-none > .banner-top::after { display: none; }
@media only screen and (max-width: 991px) {
    /* Homepage: its inline CSS sets .white-bg margin-top to 0 at 991px and below */
    .split-video.gap-mobile0 > .banner-top { display: flow-root; }
    .split-video.gap-mobile0 > .banner-top::after { display: none; }
}