.modal {
    position: fixed;
    inset: 0;
    display: grid;
    place-items: center;
    z-index: 9999;
}
.modal[hidden] { display: none; }
.modal__backdrop {
    position: absolute; inset: 0;
    background: rgba(0,0,0,.6);
}
.modal__dialog {
    position: relative;
    background: #000;
    border-radius: 12px;
    max-width: 960px;
    width: 90%;
    aspect-ratio: 16/9;
    box-shadow: 0 10px 40px rgba(0,0,0,.4);
    overflow: hidden;
}
.modal__close {
    position: absolute; top: 8px; right: 8px;
    border: 0; background: #fff;
    border-radius: 999px; padding: 6px;
    cursor: pointer;
}
.video-wrap { width:100%; height:100%; }