/*
 * Защита от горизонтальной прокрутки при полноширинном блоке.
 * Удалите эти два глобальных правила, если они уже заданы в основном CSS сайта.
 */
html,
body {
    max-width: 100%;
    overflow-x: clip;
}

@supports not (overflow: clip) {
    html,
    body {
        overflow-x: hidden;
    }
}

.om-section-video {
    position: relative;
    width: auto;
    max-width: none;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    overflow: hidden;
    box-sizing: border-box;
    aspect-ratio: 16 / 4;
    background: #000;
}

.om-section-video__media {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: cover;
    object-position: center;
}

@media (max-width: 767px) {
    .om-section-video {
        aspect-ratio: 4 / 3;
    }
}

.om-section-video__poster {
    display: block;
}