.lightbox{color:#e8dfd0;background:#0a0908f5;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0}.lightbox::backdrop{background:#0a0908f5}.lightbox[open]{grid-template-rows:auto minmax(0,1fr) auto;display:grid}.lightbox__bar{font:500 .7rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#c2b7a6;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem clamp(1rem,3vw,2rem);display:flex}.lightbox__stage{place-items:center;min-height:0;padding:0 clamp(3.5rem,7vw,6rem);display:grid;position:relative}.lightbox__stage img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.lightbox__cap{text-align:center;max-width:52rem;margin-inline:auto;padding:1rem clamp(1rem,3vw,2rem) 1.4rem}.lightbox__cap p{color:#d8cbb8;margin:.45rem 0 0;font-size:.98rem;line-height:1.5}.lightbox__meta{font:500 .64rem/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#c2b7a6}.lightbox button{color:#e8dfd0;border-radius:var(--radius);cursor:pointer;background:0 0;border:1px solid #e8dfd059;place-items:center;display:grid}.lightbox button:hover{border-color:#e8dfd0}.lightbox button:focus-visible{outline:2px solid var(--flag-yellow);outline-offset:2px}.lightbox__close{width:2.5rem;height:2.5rem}.lightbox__nav{width:2.8rem;height:2.8rem;position:absolute;top:50%;transform:translateY(-50%)}.lightbox__nav--prev{left:clamp(.5rem,2vw,1.5rem)}.lightbox__nav--next{right:clamp(.5rem,2vw,1.5rem)}.lightbox svg{width:1.1rem;height:1.1rem}@media (width<=40rem){.lightbox__stage{padding:0 .5rem}.lightbox__nav{top:auto;bottom:-3.4rem;transform:none}}
