.modal-overlay{z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;width:100dvw;height:100dvh;display:flex;position:fixed;inset:0}.modal-content{justify-content:center;align-items:center;width:fit-content;margin:0 auto;display:flex}
.video-header{justify-content:center;align-items:center;margin-bottom:32px;display:flex}.video-title.title{text-align:center}.video-wrapper{cursor:pointer;border-radius:12px;height:550px;position:relative;overflow:hidden}.video-wrapper:hover .video-play-icon{transform:translate(-50%,-50%)scale(1.06)}.video-wrapper:hover .video-image{transform:scale(1)}.video-image{object-fit:cover;will-change:transform;width:100%;height:100%;transition:all .5s ease-in-out;transform:scale(1.02)}.video-play-icon{object-fit:cover;will-change:transform;width:92px;height:92px;transition:all .3s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.video-wrapper-mobile{cursor:pointer;border-radius:12px;display:none;position:relative;overflow:hidden}@media (max-width:1280px){.video-wrapper{height:450px}}@media (max-width:1024px){.video-wrapper-mobile{height:400px;display:block}.video-wrapper{display:none}}@media (max-width:640px){.video-wrapper-mobile{height:250px}.video-play-icon{width:72px;height:72px}}
.video-modal{width:min(1000px,90dvw);position:relative}.video-modal-close{cursor:pointer;transition:opacity .2s ease-in-out;position:absolute;top:-24px;right:-24px}.video-modal-close:hover{opacity:.8}.video-modal-content{aspect-ratio:16/9;justify-content:center;align-items:center;width:100%;display:flex}.video-modal-iframe{border:0;border-radius:12px;width:100%;height:100%;display:block;overflow:hidden}@media (max-width:1280px){.video-modal{width:80dvw}}