.video-banner{margin:0 1%;position:relative;width:98%}.video-banner__cover{align-items:center;display:flex;justify-content:center;margin:0 50px;overflow:hidden;position:relative}.video-banner__img{display:block;height:auto;width:100%}.video-banner__play-btn{background:none;border:0;cursor:pointer;display:grid;height:10vw;left:50%;place-items:center;position:absolute;top:50%;transform:translate(-50%,-50%);width:18vw;z-index:5}.video-banner__play-btn:hover{filter:brightness(1.2)}.video-banner__play-btn svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.video-banner__modal{background:rgba(0,0,0,.9);display:none;inset:0;position:fixed;z-index:99999}.video-banner__modal.is-active{align-items:center;display:flex;justify-content:center}.video-banner__backdrop{cursor:pointer;inset:0;position:absolute;z-index:1}.video-banner__dialog{aspect-ratio:16/9;background:#000;border-radius:8px;box-shadow:0 20px 50px rgba(0,0,0,.5);max-width:900px;overflow:hidden;position:relative;width:95%;z-index:2}.video-banner__frame,.video-banner__frame iframe,.video-banner__frame video{border:0;display:block;height:100%;width:100%}.video-banner__close{align-items:center;background:rgba(0,0,0,.8);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:fixed;right:20px;top:15px;width:40px;z-index:100000}.video-banner__close:hover{background:rgba(0,0,0,.95);transform:scale(1.1);transition:.2s ease}@media (max-width:768px){.video-banner__cover{margin:0 18px}.video-banner{margin:0;width:100%}.video-banner__dialog{border-radius:12px;width:92%}.video-banner__close{font-size:20px;height:36px;right:16px;top:16px;width:36px}}