/* Photo strips (pages/*.html .gal). Only .gal- classes. */
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.gal-i{display:block;position:relative;overflow:hidden;aspect-ratio:3/2;background:var(--ink-d,#0d0f12)}
.gal-i img{width:100%;height:100%;object-fit:cover;transition:transform .5s,opacity .3s}
.gal-i:hover img{transform:scale(1.04);opacity:.92}
@media(max-width:600px){.gal{grid-template-columns:repeat(2,1fr);gap:8px}}