/* Keep service photo grids compact and consistent. The older galleries used
   staggered spans that left large holes on narrow screens. */
.dem-gallery,
.dem-gallery.electrical-gallery-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-auto-flow:row;
  grid-auto-rows:clamp(170px,16vw,245px);
  gap:10px;
  align-items:stretch;
}
.dem-gallery .dem-photo-card:nth-child(n){
  grid-column:auto!important;
  grid-row:auto!important;
  width:100%;
  min-width:0;
  min-height:0;
  height:100%;
  aspect-ratio:auto;
}
.dem-gallery .dem-photo-card img{width:100%;height:100%;object-fit:cover}
@media(max-width:1000px){
  .dem-gallery,
  .dem-gallery.electrical-gallery-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-auto-rows:clamp(175px,21vw,220px);
    gap:9px;
  }
}
@media(max-width:600px){
  .dem-gallery,
  .dem-gallery.electrical-gallery-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-auto-rows:clamp(160px,42vw,220px);
    gap:8px;
  }
}