/* Black Watch — generic card popup (platforms + team) */
.plat[data-bwmodal],
.inst[data-bwmodal]{cursor:pointer}
.plat[data-bwmodal]:focus-visible,
.inst[data-bwmodal]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.inst[data-bwmodal]{transition:border-color .3s,transform .3s}
.inst[data-bwmodal]:hover{border-color:var(--accent);transform:translateY(-3px)}
.bwm-hint{position:absolute;top:14px;right:14px;z-index:3;font-family:var(--display);text-transform:uppercase;letter-spacing:.12em;font-size:.6rem;color:var(--ink);background:rgba(0,0,0,.45);border:1px solid var(--line);border-radius:99px;padding:5px 11px;opacity:0;transition:.3s}
.plat:hover .bwm-hint,.inst:hover .bwm-hint{opacity:1;border-color:var(--accent);color:var(--accent)}
.inst{position:relative}

.bwm{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:24px}
.bwm.open{display:flex}
.bwm-back{position:absolute;inset:0;background:rgba(5,6,4,.8);backdrop-filter:blur(3px)}
.bwm-dialog{position:relative;z-index:1;width:min(1000px,96vw);max-height:92vh;overflow:auto;display:grid;grid-template-columns:330px 1fr;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 30px 80px rgba(0,0,0,.6);transform:translateY(14px) scale(.98);opacity:0;transition:transform .25s ease,opacity .25s ease}
.bwm.open .bwm-dialog{transform:none;opacity:1}
.bwm-media{position:relative;min-height:240px}
.bwm-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bwm-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,12,9,0) 60%,rgba(10,12,9,.5) 100%)}
.bwm-body{padding:32px 34px 34px}
.bwm-kicker{font-family:var(--display);text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--accent);margin-bottom:10px}
.bwm-title{font-family:var(--display);text-transform:uppercase;font-size:1.9rem;line-height:1.05;margin-bottom:14px}
.bwm-lead{color:var(--muted);font-size:.95rem;line-height:1.6;margin-bottom:20px}
.bwm-lead p{margin:0 0 14px}
.bwm-lead p:last-child{margin-bottom:0}
.bwm-points{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:10px}
.bwm-points li{position:relative;padding-left:22px;color:var(--ink);font-size:.9rem}
.bwm-points li::before{content:"";position:absolute;left:0;top:.45em;width:9px;height:9px;background:var(--accent);transform:rotate(45deg)}
.bwm-quote{margin:0 0 22px;padding:14px 18px;border-left:3px solid var(--accent);background:var(--accent-soft);color:var(--ink);font-family:var(--display);font-size:1.05rem;line-height:1.4;font-style:normal}
.bwm-note{color:var(--muted);font-size:.84rem;line-height:1.5;margin:0 0 22px;padding-top:14px;border-top:1px solid var(--line)}
.bwm-ctas{display:flex;flex-wrap:wrap;gap:12px}
.bwm-cta,.bwm-cta2{margin:0}
.bwm-x{position:absolute;top:12px;right:14px;z-index:4;background:rgba(0,0,0,.5);border:1px solid var(--line);color:var(--ink);width:34px;height:34px;border-radius:50%;font-size:1.25rem;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center}
.bwm-x:hover{border-color:var(--accent);color:var(--accent)}
@media(max-width:640px){.bwm-dialog{grid-template-columns:1fr}.bwm-media{min-height:190px}.bwm-media img{position:relative}}
