.modal{position:fixed;inset:0;z-index:200}.modal__backdrop{position:absolute;inset:0;background:#05070cb3;backdrop-filter:blur(6px);opacity:0;transition:opacity .25s var(--ease-out)}.modal[data-open=true] .modal__backdrop{opacity:1}.modal__panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.96);width:min(900px,92vw);max-height:88vh;background:var(--bg-elevated);border:1px solid var(--line-strong);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 40px 100px #0009;opacity:0;transition:opacity .25s var(--ease-out),transform .25s var(--ease-out)}.modal[data-open=true] .modal__panel{opacity:1;transform:translate(-50%,-50%) scale(1)}.modal__panel--video{padding:0;background:#000}.modal__close{position:absolute;top:.6rem;right:.8rem;z-index:2;background:#00000080;border:0;color:#fff;font-size:1.8rem;line-height:1;width:40px;height:40px;border-radius:50%;cursor:pointer}.modal__close:hover{background:#000000b3}.modal__video{aspect-ratio:16 / 9;width:100%}.modal__video iframe{width:100%;height:100%;border:0}.modal__video-empty{width:100%;height:100%;display:grid;place-items:center;background:#000;color:var(--text-muted)}