.projects-list {
  margin-top: 3em;
}

.project li {
  display: flex;
  gap: 1em;

  max-height: 14em;
  border-top: 1px solid var(--chorus-dark-gray);
  padding: 1em 0;
}

.project:first-of-type li {
  border-top: none;
}

.project li div {
  width: 100%;

  display: grid;
  place-content: center;
  text-align: center;

  overflow: hidden;
}

.project .project-thumb {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 4 / 3;
  margin: 0 auto;
}

.project img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.project h2 {
  margin-bottom: 0;
  /* text-align: left; */
}

#show-more-projects {
  background: none;
  border: none;
  font-family: "adobe-caslon-pro", serif;
  font-size: 1em;
  color: var(--chorus-dark-gray);
  font-variant: small-caps;
  text-transform: lowercase;
  letter-spacing: 1.5px;
  cursor: pointer;
}

#show-more-projects:hover {
  color: var(--chorus-color-accent-light);
}

@media screen and (min-width: 1440px) {
  .project {
    max-height: 16em;
  }
}

@media screen and (min-width: 451px) and (max-width: 1140px) {
  .project {
    max-height: 16em;
  }
}