#lightbox{display:none;position:fixed;inset:0;z-index:1000;justify-content:center;align-items:center;background:var(--col-shadow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;transition:opacity var(--ref-duration-slower)ease}#lightbox.is-open{display:flex;overscroll-behavior:contain;touch-action:none}#lightbox.is-visible{opacity:1}#lightbox-wrapper{display:flex;flex-direction:column;align-items:center;transform:scale(.92);transition:transform var(--ref-duration-slower)var(--ref-ease-inout)}#lightbox.is-visible #lightbox-wrapper{transform:scale(1)}#lightbox-inner{position:relative;overflow:visible;box-shadow:0 30px 80px var(--col-shadow);border-radius:4px}.lightbox-video{display:block;width:min( calc(var(--lightbox-size) * 1vw),calc(var(--lightbox-size) * 1vh * 16/9) );aspect-ratio:16/9;border:none;border-radius:4px;background:var(--col-bg-overlay)}.lightbox-image{display:block;max-width:calc(var(--lightbox-size) * 1vw);max-height:calc(var(--lightbox-size) * 1vh);width:auto;height:auto;border-radius:4px;object-fit:contain}#lightbox-close{position:absolute;top:20px;right:20px;width:40px;height:40px;background:0 0;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;z-index:1}#lightbox-close span,#lightbox-close span::before,#lightbox-close span::after{display:block;background:var(--col-on-bg-strong);height:2px;width:24px;position:relative;transition:all var(--ref-duration-slow)ease}#lightbox-close span{background:0 0}#lightbox-close span::before{content:"";position:absolute;transform:rotate(45deg);top:0}#lightbox-close span::after{content:"";position:absolute;transform:rotate(-45deg);top:0}#lightbox-close:hover span::before,#lightbox-close:hover span::after{background:var(--col-primary)}.lightbox-carousel-imgwrap{position:relative}.lightbox-carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background:var(--col-shadow-soft);color:var(--col-on-bg);border:1px solid var(--col-on-bg);width:var(--carousel-nav-size);height:var(--carousel-nav-size);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all var(--ref-duration-base)ease;z-index:1}.lightbox-carousel-nav.prev{left:calc(-1 * var(--carousel-nav-size) - 12px)}.lightbox-carousel-nav.next{right:calc(-1 * var(--carousel-nav-size) - 12px)}.lightbox-carousel-nav svg{width:24px;height:24px;transition:transform var(--ref-duration-base)ease}.lightbox-carousel-nav:hover{background:var(--col-on-bg);color:var(--col-bg)}.lightbox-carousel-nav.next:hover svg{transform:translateX(2px)}.lightbox-carousel-nav.prev:hover svg{transform:translateX(-2px)}.lightbox-carousel-footer{display:flex;flex-direction:column;align-items:center;gap:0;margin-top:0}.lightbox-carousel-counter{font-size:var(--txt-body-sm);color:var(--col-on-bg);opacity:.6;font-variant-numeric:tabular-nums;text-align:center}.lightbox-carousel-caption{max-width:calc(var(--lightbox-size) * 1vw);font-size:var(--txt-body-sm);color:var(--col-on-bg);opacity:.8;font-style:italic;text-align:center}.lightbox-carousel-caption[hidden]{display:none}.img-zoomable{cursor:zoom-in;transition:transform var(--ref-duration-slow)ease}.img-zoomable:hover{transform:scale(1.02)}@media(max-width:768px){.img-zoomable{cursor:default;pointer-events:none}.img-zoomable:hover{transform:none}}