.lightbox-overlay{display:none;position:fixed;inset:0;z-index:300;background-color:rgba(0,0,0,.95)}.lightbox-overlay.is-active{display:flex}.lightbox-inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative}.lightbox-toolbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);z-index:10;background:linear-gradient(to bottom,rgba(0,0,0,.6),transparent)}.lightbox-counter{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);color:rgba(255,255,255,.7);margin-left:auto;margin-right:var(--space-2)}.lightbox-btn{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;background:0 0;border:1px solid rgba(255,255,255,.25);cursor:pointer;color:#fff;flex-shrink:0;transition:background-color 100ms,border-color 100ms}.lightbox-btn:hover{background-color:rgba(255,255,255,.15);border-color:rgba(255,255,255,.5)}.lightbox-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:0 0;border:1px solid rgba(255,255,255,.25);cursor:pointer;color:#fff;z-index:10;transition:background-color 100ms,border-color 100ms}.lightbox-prev{left:var(--space-4)}.lightbox-next{right:var(--space-4)}.lightbox-nav:hover{background-color:rgba(255,255,255,.15);border-color:rgba(255,255,255,.5)}.lightbox-nav:focus-visible{outline:2px solid #fff;outline-offset:2px}.lightbox-stage{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:4rem var(--space-16) var(--space-16);overflow:hidden;position:relative}.lightbox-figure{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);max-width:100%;max-height:100%}.lightbox-img{max-width:100%;max-height:calc(100vh - 10rem);object-fit:contain;will-change:transform,opacity;touch-action:none;user-select:none;-webkit-user-drag:none;filter:grayscale(100%);opacity:0;transition:opacity 300ms ease,transform 100ms}.lightbox-img.is-visible{opacity:1}.lightbox-img.loaded{filter:grayscale(0%);transition:opacity 300ms ease,transform 100ms,filter 800ms ease}.lightbox-img.is-exiting{opacity:0;transition:opacity 150ms ease}.lightbox-stage.is-loading::after{display:none}.lightbox-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none;z-index:2}.lightbox-stage.is-loading .lightbox-spinner{display:block}.lightbox-spinner::before{content:"";display:block;width:2.5rem;height:2.5rem;border:2px solid rgba(255,255,255,.12);border-top-color:rgba(255,255,255,.8);animation:lightbox-spin .7s linear infinite}.lightbox-spinner::after{content:"Loading";display:block;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:rgba(255,255,255,.4);text-align:center;margin-top:var(--space-4)}@keyframes lightbox-spin{to{transform:rotate(360deg)}}.lightbox-caption{font-family:var(--font-body);font-size:var(--text-sm);color:rgba(255,255,255,.7);text-align:center;max-width:40rem;line-height:var(--leading-relaxed)}.img-lightbox{cursor:zoom-in}@media (max-width:767px){.lightbox-stage{padding:3.5rem var(--space-4) var(--space-12)}.lightbox-nav{width:2.5rem;height:2.5rem}.lightbox-prev{left:var(--space-2)}.lightbox-next{right:var(--space-2)}.lightbox-btn{width:2.5rem;height:2.5rem}.lightbox-img{max-height:calc(100vh - 8rem)}}@media (prefers-reduced-motion:reduce){.lightbox-img{transition:none!important}.lightbox-spinner::before{animation:none}}