/* 2026-11-05 static-export gallery fix.
   Squarespace's GalleryGrid + Lightbox JS chunks (/scripts/gallery-grid.*.js, /scripts/218.*.js)
   were never captured in the export and 404 — so item wrappers stayed at opacity:0 and
   multi-column grids collapsed to one column. This file restores both without Squarespace JS. */

/* 1. reveal (pure CSS — works even with JS disabled) */
.gallery-grid-item-wrapper{opacity:1 !important;animation:ggFade .7s ease both}
@keyframes ggFade{from{opacity:0}to{opacity:1}}

/* 2. columns from data-columns, responsive */
.gallery-grid[data-columns="2"] .gallery-grid-wrapper{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:0 !important}
.gallery-grid[data-columns="3"] .gallery-grid-wrapper{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:0 !important}
@media (max-width:900px){.gallery-grid[data-columns="3"] .gallery-grid-wrapper{grid-template-columns:repeat(2,1fr) !important}}
@media (max-width:560px){.gallery-grid[data-columns="2"] .gallery-grid-wrapper,.gallery-grid[data-columns="3"] .gallery-grid-wrapper{grid-template-columns:1fr !important}}

/* 3. lightbox */
.gallery-grid-lightbox-link{cursor:zoom-in}
#gg-lb{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.96);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s}
#gg-lb.open{opacity:1;visibility:visible}
#gg-lb img{max-width:92vw;max-height:88vh;object-fit:contain;box-shadow:0 8px 60px rgba(0,0,0,.6)}
#gg-lb button{position:absolute;background:none;border:0;color:#fff;cursor:pointer;font-family:inherit;opacity:.75;transition:opacity .2s;z-index:2}
#gg-lb button:hover{opacity:1}
#gg-lb .gg-close{top:14px;right:22px;font-size:34px;line-height:1}
#gg-lb .gg-prev,#gg-lb .gg-next{top:50%;transform:translateY(-50%);font-size:46px;padding:18px 20px;user-select:none}
#gg-lb .gg-prev{left:6px}
#gg-lb .gg-next{right:6px}
#gg-lb .gg-count{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);color:#fff;opacity:.6;font-size:13px;letter-spacing:.12em}
@media (max-width:560px){#gg-lb .gg-prev,#gg-lb .gg-next{font-size:34px;padding:14px 10px}}