.video-shot{position:relative;margin:0;background:#0d0c0f}
.video-shot video{display:block;width:100%;height:100%;object-fit:cover;object-position:left center}
.video-shot-open{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in}
.video-shot-open:focus-visible{outline:2px solid #c0a1ff;outline-offset:-4px}
.video-shot-icon{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:#0d0c0fcc;border:1px solid #ffffff24;color:#f0ede8;transition:background .2s,border-color .2s}
.video-shot-open:hover .video-shot-icon{background:#8b5cf6cc;border-color:#c0a1ff}
.video-lightbox{position:fixed;inset:0;z-index:10001;display:none;align-items:center;justify-content:center;padding:clamp(12px,3vw,40px);background:#050407ee;backdrop-filter:blur(6px)}
.video-lightbox.is-open{display:flex}
.video-lightbox video{max-width:100%;max-height:100%;border-radius:10px;background:#000;box-shadow:0 20px 80px #000a}
.video-lightbox-close{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:8px;border:1px solid #ffffff30;background:#141316;color:#f0ede8;font-size:22px;line-height:1;cursor:pointer}
.video-lightbox-close:hover{border-color:#c0a1ff}
.video-lightbox-close:focus-visible{outline:2px solid #c0a1ff;outline-offset:2px}
body.video-lightbox-open{overflow:hidden}