/* gallery.css — the mosaic of shop photographs. */

.gal{display:grid;gap:clamp(12px,1.5vw,18px);grid-template-columns:repeat(12,1fr);
  grid-auto-rows:clamp(60px,8vh,92px);margin-top:24px}
.gal .ph{grid-row:span 3}
.gal .ph:nth-child(1){grid-column:span 5}
.gal .ph:nth-child(2){grid-column:span 4}
.gal .ph:nth-child(3){grid-column:span 3}
.gal .ph:nth-child(4){grid-column:span 4}
.gal .ph:nth-child(5){grid-column:span 5}
.gal .ph:nth-child(6){grid-column:span 3}

@media(max-width:860px){
  .gal{grid-auto-rows:70px}
  .gal .ph:nth-child(1){grid-column:span 7}
  .gal .ph:nth-child(2){grid-column:span 5}
  .gal .ph:nth-child(3){grid-column:span 5}
  .gal .ph:nth-child(4){grid-column:span 7}
  .gal .ph:nth-child(5){grid-column:span 6}
  .gal .ph:nth-child(6){grid-column:span 6}
}