/* Image popup: click any content image to see it whole. */
img.lb-zoomable{cursor:zoom-in}
.lb{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;
  background:rgba(8,9,14,.92);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s linear .2s;
  padding:clamp(16px,4vw,56px) clamp(56px,7vw,96px)}
.lb.open{opacity:1;visibility:visible;transition:opacity .2s ease}
.lb figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px;max-width:100%;max-height:100%}
.lb img{max-width:100%;max-height:calc(100vh - 120px);width:auto;height:auto;object-fit:contain;display:block;
  box-shadow:0 20px 60px rgba(0,0,0,.5);background:#fff;transform:scale(.97);transition:transform .25s ease}
.lb.open img{transform:none}
.lb figcaption{color:#e9e6df;font-family:var(--mono,"IBM Plex Mono",monospace);font-size:.8rem;letter-spacing:.03em;text-align:center;max-width:70ch}
.lb button{position:absolute;border:0;background:rgba(255,255,255,.1);color:#fff;width:48px;height:48px;border-radius:50%;
  font-size:1.4rem;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background .15s}
.lb button:hover,.lb button:focus-visible{background:rgba(255,255,255,.25);outline:none}
.lb .lb-close{top:16px;right:16px}
.lb .lb-prev{left:16px;top:50%;transform:translateY(-50%)}
.lb .lb-next{right:16px;top:50%;transform:translateY(-50%)}
.lb .lb-count{position:absolute;top:28px;left:24px;color:#ffffff99;font-family:var(--mono,monospace);font-size:.75rem}
@media (max-width:640px){.lb{padding:64px 12px 24px}.lb .lb-prev,.lb .lb-next{top:auto;bottom:16px;transform:none}}
@media (prefers-reduced-motion:reduce){.lb,.lb img{transition:none}}