.mkamg-grid{
  display:grid;
  width:100%;
  grid-auto-flow:dense;
  grid-auto-rows: var(--mkamg-row-h, 260px);
  gap:0;
}

.columns-1{grid-template-columns:repeat(1,1fr);}
.columns-2{grid-template-columns:repeat(2,1fr);}
.columns-3{grid-template-columns:repeat(3,1fr);}
.columns-4{grid-template-columns:repeat(4,1fr);}

@media (max-width: 1024px){
  .columns-3,.columns-4{grid-template-columns:repeat(2,1fr);}
}
@media (max-width: 767px){
  .columns-2,.columns-3,.columns-4{grid-template-columns:repeat(1,1fr);}
  .mkamg-grid{grid-auto-rows: calc(var(--mkamg-row-h, 260px) * 0.8);}
}

/* base tile */
.mkamg-item{
  position:relative;
  display:block;
  overflow:hidden;
  background:#111;
}
.mkamg-item img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .45s ease;
}
.mkamg-item:hover img{ transform:scale(1.03); }

/* auto metro sizes */
.mkamg-normal{ grid-column:span 1; grid-row:span 1; }
.mkamg-wide  { grid-column:span 2; grid-row:span 1; }
.mkamg-tall  { grid-column:span 1; grid-row:span 2; }
.mkamg-big   { grid-column:span 2; grid-row:span 2; }

/* responsive fallbacks */
@media (max-width: 767px){
  .mkamg-wide,.mkamg-big{ grid-column:span 1; }
  .mkamg-tall,.mkamg-big{ grid-row:span 1; }
}