.video-modal{position:fixed;inset:0;z-index:var(--z-video);background:rgba(0,0,0,.88);display:flex;align-items:center;justify-content:center;padding:24px;animation:video-modal-fade .2s ease both}.video-modal__shell{position:relative;width:100%;max-width:min(960px,calc((100dvh - 140px) * 16 / 9));animation:video-modal-pop .25s cubic-bezier(.32,.72,0,1) both}@keyframes video-modal-fade{0%{opacity:0}to{opacity:1}}@keyframes video-modal-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.video-modal,.video-modal__shell{animation:none}}.video-modal__inner{position:relative;width:100%;aspect-ratio:16/9;border-radius:var(--radius-lg);overflow:hidden;background:#000;box-shadow:0 24px 80px rgba(0,0,0,.6)}.video-modal__close{--video-close-offset:44px;position:absolute;top:calc(-1 * var(--video-close-offset));right:0;width:32px;height:32px;background:rgba(0,0,0,.45);border:none;border-radius:50%;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1;opacity:.8;transition:opacity .2s ease}.video-modal__close:hover{opacity:1}.video-modal__player{position:absolute;inset:0;width:100%;height:100%;border:none;display:block}@media (max-width:768px){.video-modal{padding:16px}.video-modal__close{top:calc(-1 * var(--space-2xl) + var(--space-sm));right:0}}@media (max-width:480px){.video-modal{padding:12px}}