/* Full-screen frame viewer (see lightbox.js). Light surface to match the site chrome. */
[data-lightbox] img{cursor:zoom-in}
[data-lightbox] [role=button]:focus-visible{outline:3px solid var(--accent,#09090b);outline-offset:3px}
html.lb-open{overflow:hidden}

.lb{position:fixed;inset:0;z-index:300;display:flex;flex-direction:column;
  background:linear-gradient(180deg,var(--canvas,#f4f4f5),var(--pebble,#e4e4e7))}
.lb[hidden]{display:none}
.lb-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:28px 20px 8px}
.lb-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:14px;
  background:var(--fog,#ececee);box-shadow:0 18px 50px rgba(9,9,11,.18);cursor:default;animation:lb-in .18s ease-out}
.lb-cap{margin:0;padding:6px 20px 0;text-align:center;font:700 14px/1.3 var(--ui,'Manrope',sans-serif);color:var(--text-strong,#09090b)}
.lb-cta{display:block;width:fit-content;margin:12px auto 0;padding:11px 20px;border-radius:999px;background:var(--text,#09090b);color:var(--bg,#f4f4f5);
  font:700 14px/1.2 var(--ui,'Manrope',sans-serif);text-decoration:none;transition:transform .15s}
.lb-cta[hidden]{display:none}
.lb-cta:hover{transform:translateY(-1px)}
.lb-cta:focus-visible{outline:3px solid var(--accent,#09090b);outline-offset:3px}
.lb-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 20px calc(16px + env(safe-area-inset-bottom,0px))}
.lb-count{font:600 13px/1 var(--ui,'Manrope',sans-serif);color:var(--muted,#52525b);font-variant-numeric:tabular-nums}
.lb-nav{display:flex;gap:10px}
.lb-btn{width:44px;height:44px;border-radius:12px;border:1px solid var(--line,#e4e4e7);background:var(--snow,#fff);
  color:var(--text,#09090b);font:600 18px/1 var(--ui,'Manrope',sans-serif);cursor:pointer;
  transition:border-color .15s,transform .15s}
.lb-btn:hover{border-color:var(--accent-2,#3f3f46)}
.lb-btn:focus-visible{outline:3px solid var(--accent,#09090b);outline-offset:2px}
.lb-single .lb-nav{display:none}

@keyframes lb-in{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.lb-img{animation:none}.lb-btn{transition:none}.lb-cta{transition:none}.lb-cta:hover{transform:none}}