.current-projects {
  margin-top: 80px;
}

.project-card {
  margin-bottom: 120px;
}

.project-card__thumb-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.project-card__thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.article-content_wrapper {
  display: flex;
  margin-top: 48px;
  gap: 32px;
}

.article-content_wrapper > div {
  flex: 1;
}

.project-card__title {
  margin: 0 0 24px;
  font-size: 64px;
  line-height: 64px;
  font-weight: var(--fw-regular);
  color: var(--primary-color);
}

.project-card__short {
  margin: 0;
}

.project-card__excerpt {
  margin: 0 0 24px;
  font-size: 18px;
  line-height: 25px;
}

.project-card__socials {
  margin: 24px 0 0;
  display: flex;
  list-style: none;
  padding: 0;
}

.project-card__socials li {
  margin-right: 16px;
}

.project-card__socials li:last-child {
  margin-right: 0;
}

.projects-prev {
  margin-top: 160px;
}

.projects-prev h2 {
  margin: 0 0 64px;
  font-size: 72px;
  line-height: 72px;
  font-weight: var(--fw-regular);
  color: var(--primary-color);
}

@media (max-width: 996px) {
  .current-projects {
    margin-top: 80px;
  }

  .project-card__title {
    font-size: 48px;
    line-height: 48px;
    margin-bottom: 16px;
  }

  .project-card__short {
    font-size: var(--fs-small);
  }

  .projects-prev h2 {
    font-size: 48px;
    margin: 0 0 48px;
  }

  .project-card {
    margin-bottom: 80px;
  }

  .projects-prev {
    margin-top: 80px;
  }
}

@media (max-width: 692px) {
  .article-content_wrapper {
    flex-direction: column;
  }
  
  .article-content_wrapper {
    margin-top: 40px;
  }

  .project-card {
    margin-bottom: 68px;
  }

  .article-content_wrapper {
    margin-top: 24px;
  }

  .project-card__short {
    margin-bottom: 16px;
  }

  .projects-prev h2 {
    line-height: 53px;
  }

  .prev-project-card {
    margin-bottom: 68px;
  }

  .prev-project-card__thumb {
    width: 100%;
    height: 300px;
    background-size: cover;
    background-position: center center;
  }

  .projects-prev__list .prev-project-card:last-child {
    margin-bottom: 0;
  }
}