/* COLORS */
/* TYPOGRAPHY */
/* ---- MEDIA QUERIES ----- */
.previous-work .heading {
  max-width: 90.8rem;
}
.previous-work .text {
  font-size: 2.4rem;
  line-height: 3.6rem;
  max-width: 70.8rem;
  margin: 1.6rem 0 0;
}
.previous-work .filter {
  margin: 6.4rem 0 0;
}
.previous-work .works-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4.2rem 6rem;
  margin: 4.8rem 0 0;
}
.previous-work .works-load-more {
  margin: 5.5rem auto 0;
  display: flex;
  justify-content: center;
}
.previous-work .works-load-more .button {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

@media (max-width: 768px) {
  .previous-work .text {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .previous-work .filter {
    margin: 2.4rem 0 0;
  }
  .previous-work .works-grid {
    grid-template-columns: 1fr;
    gap: 2.4rem;
    margin: 4rem 0 0;
  }
  .previous-work .works-load-more {
    margin: 5.6rem auto 0;
  }
}