.lightbox{position:fixed;inset:0;z-index:9999;background:color-mix(in srgb,var(--band) 95%,transparent);display:none;align-items:center;justify-content:center;padding:clamp(1rem,4vw,3rem)}.lightbox--open{display:flex}.lightbox__figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:.8em;max-width:95vw;max-height:95vh}.lightbox__img{display:block;max-width:100%;max-height:calc(95vh - 5rem);object-fit:contain;background:var(--paper);border:6px solid var(--paper);box-shadow:0 12px 50px rgba(0,0,0,.6)}.lightbox__caption{max-width:50rem;font-family:var(--font-sans);font-style:italic;font-size:var(--step--1);color:var(--paper);text-align:center;line-height:1.45}.lightbox__close,.lightbox__nav{position:absolute;background:0 0;color:var(--paper);border:1px solid color-mix(in srgb,var(--paper) 30%,transparent);width:44px;height:44px;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.lightbox__close:hover,.lightbox__nav:hover{background:color-mix(in srgb,var(--paper) 12%,transparent);border-color:var(--paper)}.lightbox__close:focus-visible,.lightbox__nav:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lightbox__close{top:1rem;right:1rem}.lightbox__prev{left:1rem;top:50%;transform:translateY(-50%)}.lightbox__next{right:1rem;top:50%;transform:translateY(-50%)}@media(max-width:640px){.lightbox__nav,.lightbox__close{width:36px;height:36px;font-size:20px}}