.lightbox{position:fixed;z-index:200;inset:0;display:flex;flex-direction:column;background:rgba(8,7,7,.95);backdrop-filter:blur(8px);color:var(--paper);touch-action:pan-y;animation:lightboxIn .2s ease}@keyframes lightboxIn{0%{opacity:0}to{opacity:1}}.lightbox-bar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:max(14px,env(safe-area-inset-top)) 18px 10px 22px;font-size:.78rem;letter-spacing:.12em;color:#cfc9c0}.lightbox-close{width:44px;height:44px;border-radius:50%;border:0;background:var(--wine);color:#fff;display:grid;place-items:center;flex-shrink:0}.lightbox-close svg{width:22px;height:22px}.lightbox-stage{position:relative;flex:1 1 auto;min-height:0;margin:0 72px}.lightbox-stage img{-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.lightbox-stage video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:transparent}.lightbox-yt{left:0;right:0;width:100%;aspect-ratio:16/9;max-height:100%;border:0}.lightbox-nav,.lightbox-yt{position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav{width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.45);color:#fff;display:grid;place-items:center;transition:background .2s}.lightbox-nav:hover{background:rgba(0,0,0,.75)}.lightbox-nav.prev{left:-64px}.lightbox-nav.next{right:-64px}.lightbox-caption{flex:0 0 auto;max-width:720px;width:100%;margin:0 auto;padding:14px 22px max(22px,env(safe-area-inset-bottom));text-align:center}.lightbox-caption h3{font-family:Georgia,serif;font-size:1.15rem;margin-bottom:4px}.lightbox-caption p{font-size:.82rem;line-height:1.5;color:#cfc9c0;max-height:5.2em;overflow-y:auto}@media (max-width:700px){.lightbox-stage{margin:0}.lightbox-nav{width:40px;height:40px;background:rgba(0,0,0,.35);border-color:rgba(255,255,255,.25)}.lightbox-nav.prev{left:8px}.lightbox-nav.next{right:8px}}