/* ───── MODAL ───── */
.modal{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.9);padding:clamp(14px,3vw,40px);backdrop-filter:blur(4px)}
.modal.open{display:flex;animation:fade .3s var(--ease)}
@keyframes fade{from{opacity:0}to{opacity:1}}
.modal-card{width:100%;max-width:1040px;background:var(--panel);border-radius:10px;overflow:hidden;box-shadow:0 40px 90px -30px rgba(0,0,0,.9);animation:pop .35s var(--ease)}
@keyframes pop{from{transform:scale(.94) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}
.modal-vid{position:relative;aspect-ratio:16/9;background:#000}
.modal-vid iframe{width:100%;height:100%;border:0;display:block}
.modal-close{position:absolute;top:14px;right:14px;z-index:5;width:42px;height:42px;border-radius:50%;background:rgba(8,8,8,.8);display:flex;align-items:center;justify-content:center;transition:background .2s var(--ease),transform .25s var(--ease)}
.modal-close:hover{background:var(--red);transform:rotate(90deg)}
.modal-close svg{width:20px;height:20px;fill:#fff}
.modal-body{padding:clamp(20px,2.6vw,30px)}
.modal-body .mtag{display:inline-block;font-size:.66rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#fff;background:var(--red);padding:3px 9px;border-radius:3px;margin-bottom:12px}
.modal-body h3{font-family:'Anton',sans-serif;font-size:clamp(1.5rem,3vw,2.2rem);text-transform:uppercase;line-height:1}
.modal-body p{color:var(--muted);margin-top:12px;font-size:.98rem;line-height:1.7}