.video-lightbox{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:rgba(22,29,30,.97);color:#fff;overflow:hidden}
.video-lightbox::backdrop{background:rgba(22,29,30,.82);backdrop-filter:blur(5px)}
.video-lightbox-shell{position:relative;display:grid;place-items:center;width:100%;height:100%;padding:clamp(66px,8vw,104px) clamp(18px,6vw,96px) clamp(48px,6vw,76px)}
.video-lightbox-content{width:min(100%,1440px)}
.video-lightbox-player{position:relative;width:100%;aspect-ratio:16/9;background:#101515;box-shadow:0 30px 90px rgba(0,0,0,.35)}
.video-lightbox-player iframe{display:block;width:100%;height:100%;border:0}
.video-lightbox-title{margin:18px 0 0;color:#d7e9e9;font:500 10px/1.5 Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.video-lightbox-close{position:absolute;z-index:2;top:18px;right:22px;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(15,23,24,.55);color:#fff;font:400 27px/1 Manrope,sans-serif;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.video-lightbox-close:hover,.video-lightbox-close:focus-visible{background:rgba(255,255,255,.12);border-color:#fff;transform:rotate(4deg)}
.video-lightbox[open]{animation:video-lightbox-open .2s ease-out}
.video-lightbox-lock{overflow:hidden}
@keyframes video-lightbox-open{from{opacity:0}to{opacity:1}}
@media(max-width:700px){.video-lightbox-shell{padding:64px 10px 50px}.video-lightbox-close{top:10px;right:10px;width:44px;height:44px}.video-lightbox-title{margin:13px 5px 0}}