.lightbox{--lb-chrome:170px;width:100%;max-width:none;height:100dvh;max-height:none;padding:max(16px, env(safe-area-inset-top,0px)) var(--gutter) max(16px, env(safe-area-inset-bottom,0px));color:var(--cream);overscroll-behavior:contain;background:0 0;border:0;margin:0}.lightbox[open]{place-items:center;display:grid}.lightbox::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05100be6}.lightbox__figure{grid-template:"img img"minmax(0,1fr)"cap ctl"/minmax(0,1fr) auto;gap:16px 24px;width:min(1200px,100%);height:100%;margin:0;display:grid}.lightbox__img{width:auto;max-width:100%;height:auto;max-height:calc(100vh - var(--lb-chrome));max-height:calc(100dvh - var(--lb-chrome));object-fit:contain;border-radius:10px;grid-area:img;place-self:center;animation:.35s cubic-bezier(.2,.7,.2,1) lightbox-in}.lightbox__caption{grid-area:cap;min-width:0}.lightbox__caption p{max-width:60ch;margin:4px 0 0}.lightbox__title{margin:0;font-size:1.4rem;font-weight:700;font-stretch:125%;line-height:1.1}.lightbox__controls{grid-area:ctl;align-self:start;align-items:center;gap:8px;display:flex}.lightbox__count{color:var(--sand);font-variant-numeric:tabular-nums;margin-right:8px;font-size:.875rem}@keyframes lightbox-in{0%{opacity:0;transform:scale(.98)}}@media (width<=720px){.lightbox{--lb-chrome:220px}.lightbox__figure{grid-template:"img"minmax(0,1fr)"ctl""cap"/minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.lightbox__img{animation:none}}
