.NewsArchive {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}

.Card.NewsArchive-article {
  transition: box-shadow 0.3s ease-in-out;
}

.Card.NewsArchive-article:hover img {
    transform: scale(1.03);
  }

@media screen and (min-width: 769px) {

.Card.NewsArchive-article {
    flex-basis: calc(50% - 16px);
}
  }

@media screen and (min-width: 1026px) {

.Card.NewsArchive-article {
    flex-basis: calc(33.333% - 22px);
}
  }

.Card.NewsArchive-article:hover {
    box-shadow: var(--card-box-shadow);
  }

.Card.NewsArchive-article .Picture {
    overflow: hidden;
    height: 200px;
    border-radius: var(--card-border-radius) var(--card-border-radius) 0 0;
  }

.Card.NewsArchive-article .Picture img {
      transition: transform 0.3s ease;
    }

.Card.NewsArchive-article .Card-headline {
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    margin-bottom: 0;
    padding: 16px;
  }

.Card.NewsArchive-article .Card-headline-meta {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

.Card.NewsArchive-article .Headline {
    font-size: var(--font-size-xl);
    line-height: var(--font-line-height-xl);
  }

.Card.NewsArchive-article .Card-publicationDateTime {
    font-size: var(--font-size-sm);
    font-weight: 400;
    color: var(--clr-copy-900);
  }

.Card.NewsArchive-article .Card-category {
    font-size: var(--font-size-sm);
    font-weight: 400;
    color: var(--clr-primary-02);
  }

.Card.NewsArchive-article .Card-text {
    display: none;
  }

.Headline + .NewsArchive,
.Text + .NewsArchive {
  margin-top: var(--margin-m);
}

@media screen and (max-width: 768px) {

.Headline + .NewsArchive,
.Text + .NewsArchive {
    margin-top: var(--margin-m--mobile);
}
  }