.gallery-main { max-width:1500px; margin-inline:auto; }
.gallery-grid { columns:3; column-gap:1.5rem; }
.gallery-photo { break-inside:avoid; margin:0 0 1.5rem; padding:0; background:var(--paper-2); border:1px solid var(--line); border-radius:8px; overflow:hidden; }
.gallery-photo a { display:block; }
.gallery-photo a:focus-visible { outline:3px solid var(--brand-pink); outline-offset:-3px; }
.gallery-photo img { display:block; width:100%; height:auto; }
.gallery-photo figcaption { padding:.9rem 1rem 1rem; color:var(--muted); font:400 .85rem/1.5 "Archivo",system-ui,sans-serif; }
@media(max-width:1050px) { .gallery-grid { columns:2; } }
@media(max-width:600px) { .gallery-grid { columns:1; } }
.gallery-viewer-open { overflow:hidden; }
.gallery-viewer { width:100vw; height:100dvh; max-width:none; max-height:none; padding:3.5rem 1rem 1rem; margin:0; border:0; background:transparent; color:var(--ink); }
.gallery-viewer::backdrop { background:rgba(8,5,5,.94); }
.gallery-viewer[open] { display:flex; align-items:center; justify-content:center; }
.gallery-viewer figure { margin:0; max-width:100%; text-align:center; }
.gallery-viewer img { display:block; max-width:100%; max-height:calc(100dvh - 10rem); width:auto; height:auto; margin:auto; object-fit:contain; }
.gallery-viewer figcaption { margin-top:1rem; font:400 .9rem/1.5 "Archivo",system-ui,sans-serif; color:var(--muted); }
.gallery-close { position:fixed; top:1rem; right:1rem; width:44px; height:44px; border:1px solid var(--line); border-radius:50%; background:var(--paper-2); color:var(--ink); font:32px/1 system-ui,sans-serif; cursor:pointer; }
.gallery-close:focus-visible { outline:2px solid var(--brand-pink); outline-offset:3px; }