/* Home pop-up announcing a benchmarking session: one clickable banner in a native dialog. */
.bm-popup { padding:0; border:0; border-radius:10px; background:var(--paper); overflow:visible; box-shadow:0 24px 60px rgba(0,0,0,.35); max-width:none; max-height:none; }
.bm-popup::backdrop { background:rgba(0,0,0,.6); }
.bm-popup-link { display:block; border-radius:10px; overflow:hidden; }
.bm-popup-link:focus-visible { outline:2px solid var(--gold); outline-offset:4px; }
/* Sized by the artwork's ratio (3:2 desktop, 7:8 phone) so it always fits the viewport whole. */
.bm-popup img { display:block; width:min(900px, calc(100vw - 64px), calc((100dvh - 64px) * 1.5)); height:auto; }
@media (max-width:600px) { .bm-popup img { width:min(350px, calc(100vw - 32px), calc((100dvh - 32px) * .875)); } }
/* Quiet close control: a bare icon over the artwork's white corner, 44px hit area. */
.bm-popup:focus { outline:none; }
.bm-popup-close { position:absolute; top:6px; right:6px; z-index:1; width:44px; height:44px; display:grid; place-items:center; padding:0; border:0; border-radius:50%; background:transparent; color:rgba(0,0,0,.45); cursor:pointer; }
.bm-popup-close:hover { color:var(--ink); }
.bm-popup-close:focus-visible { outline:2px solid var(--gold); outline-offset:-4px; }
.bm-popup-close svg { width:18px; height:18px; }