/* Image lightbox: case-study images open full size (created by assets/js/lightbox.js). */

/* Image lightbox (created by main.js) */
.lightbox { border: 0; padding: 0; max-width: 94vw; max-height: 92vh; background: transparent; overflow: visible; }
.lightbox::backdrop { background: rgba(10, 10, 12, 0.88); backdrop-filter: blur(4px); }
.lightbox img { max-width: 94vw; max-height: 84vh; width: auto; height: auto; border-radius: 6px; cursor: zoom-out; }
.lightbox p { margin: var(--space-3) 0 0; color: rgba(255, 255, 255, 0.8); font-size: var(--text-xs); max-width: 80ch; }
.lightbox button { position: fixed; top: var(--space-5); right: var(--space-5); background: none; border: 1px solid rgba(255, 255, 255, 0.6); color: #fff; font: inherit; font-size: var(--text-xs); padding: 0.7em 1em; cursor: pointer; }