.ds-article-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: calc(var(--ds-spacing-unit) * 6);
}

.ds-article-card {
  display: grid;
  grid-template-rows: auto 1fr;
  text-decoration: none;
  color: inherit;
}

.ds-article-card__image {
  aspect-ratio: 16 / 9;
}

.ds-article-card__content {
  padding: calc(var(--ds-spacing-unit) * 6);
}

.ds-article-card__title {
  margin: 0;
  font-size: 1.15rem;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.ds-article-card__excerpt {
  margin: calc(var(--ds-spacing-unit) * 3) 0 0;
  color: var(--ds-color-secondary);
}

.ds-article-card__meta {
  margin-top: calc(var(--ds-spacing-unit) * 4);
  color: var(--ds-color-secondary);
  font-size: 0.85rem;
}

.ds-article-card__placeholder {
  display: grid;
  place-items: center;
  color: var(--ds-color-secondary);
  background: color-mix(in srgb, var(--ds-color-text) 3%, transparent);
  height: 100%;
}