.article-grid__heading {
  margin: 0 0 var(--sp-6);
}

.article-grid__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--sp-6) var(--grid-gap);
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .article-grid__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 990px) {
  .article-grid__grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.article-grid__item .article-card-wrapper {
  height: 100%;
}