/* ============================================================ */
/* Pages: PROJECTS */

/* ------------------------------ Main */
.page-projects main {
  /*  */
}

.page-projects main h1 {
  grid-column: span 2;
}

/* ------------------------------ List */
.page-projects--list {
  grid-column: span 2;
  display: flex;
  flex-wrap: wrap;
}

.page-projects--list .project {
  width: 25%;
  padding: 2rem;
}

.page-projects--list .project a,
.page-projects--list .project a img,
.page-projects--list .project a span {
  display: block;
  width: 100%;
}

.page-projects--list .project a {
  text-decoration: none;
}

.page-projects--list .project a img {
  border-radius: 0.5rem;
  transition: var(--transition-default);
}

.page-projects--list .project a:hover img {
  box-shadow: 0 0 5rem -2rem #fff;
}

.page-projects--list .project a span {
  text-align: center;
}

/* ------------------------------ Media queries */
@media screen and (max-width: 768px) {
  .page-projects--list .project {
    width: 33%;
    padding: 1.5rem;
  }

  .page-projects--list .project a {
    pointer-events: none;
  }
}

@media screen and (max-width: 576px) {
  .page-projects--list .project {
    width: 50%;
    padding: 1rem;
  }
}