.section-articles {
  margin-bottom: var(--mobile-spacing, 0px);

  @media (min-width: 768px) {
    margin-bottom: var(--desktop-spacing, 0px);
  }

  .article-card {
    padding-bottom: 80px;
  }

  .article-card:nth-child(even) {
    margin-top: 56px;

    @media (min-width: 768px) {
      margin-top: 140px;
    }
  }
}

.section-articles__inner {
  max-width: 113rem;
  margin-inline: auto;
  display: grid;
  grid-template-columns: 1fr;

  @media (min-width: 768px) {
    grid-template-columns: 1fr 1fr;
    gap: 60px;
  }
}

.article-card__image {
  display: block;
  margin: 0 -15px 32px;
  transition: opacity .3s;
  width: calc(100% + 30px);

  @media (min-width: 768px) {
    margin: 0 0 32px;
    width: auto;
  }

  img {
    display: block;
    width: 100%;
  }

  &:hover {
    opacity: 0.6;
  }
}

.section-articles .article-card__content {
  h2 {
    margin: 0 0 25px;
    font-family: var(--font-lyon);
  }

  h2 a {
    text-decoration: none;
    color: var(--color-brand-blue);
    transition: color .3s;

    &:hover {
      color: var(--color-propolis);
    }
  }
}