.video-popup-open{overflow:hidden}.video-popup{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:24px}.video-popup-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(20,19,18,.82);backdrop-filter:blur(12px);cursor:pointer}.video-popup-panel{position:relative;z-index:1;width:min(430px,calc(100vw - 48px));max-height:calc(100vh - 48px);background:#252525;border:1px solid rgba(227,221,209,.35);box-shadow:0 35px 100px rgba(0,0,0,.58);overflow:visible}.video-popup-panel video{width:100%;max-height:calc(100vh - 108px);display:block;object-fit:contain;background:#171717}.video-popup-panel p{margin:0;padding:15px 20px;color:#f6f5f0;font-size:9px;font-weight:700;letter-spacing:.18em;text-align:center;text-transform:uppercase}.video-popup-close{position:absolute;z-index:2;top:-17px;right:-17px;width:42px;height:42px;border:1px solid rgba(227,221,209,.6);border-radius:50%;background:#f6f5f0;color:#333;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 25px rgba(0,0,0,.34)}.video-popup-close span{display:block;font-size:29px;font-weight:300;line-height:1;transform:translateY(-1px)}.video-popup-close:focus-visible{outline:2px solid #e3ddd1;outline-offset:4px}@media(max-width:620px){.video-popup{padding:18px}.video-popup-panel{width:min(370px,calc(100vw - 36px));max-height:calc(100vh - 36px)}.video-popup-panel video{max-height:calc(100vh - 94px)}.video-popup-close{top:-12px;right:-8px;width:40px;height:40px}}