.collection .grid {
  --col-gap: calc(var(--grid-gap) / 2);
  column-gap: var(--col-gap);
  row-gap: var(--grid-gap);
}

@media screen and (min-width: 1024px) {
  .collection .grid {
    --col-gap: var(--grid-gap);
    row-gap: var(--col-gap);
  }
}