.project-preview {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center;
  border: 1px solid rgba(242, 239, 232, .15);
  border-radius: 12px;
  margin: 0 0 1.35rem;
  background: #0b0d11;
}

.grid-3 .project .number {
  margin-bottom: 1rem;
}

.grid-3 .project h3 {
  min-height: 5.4rem;
  margin-bottom: 1.2rem;
}

.grid-2 .project h3 {
  margin-bottom: 1.2rem;
}

@media (min-width: 881px) {
  .home-trilogy .project .status { margin-top: 0; }
  @supports (grid-template-rows: subgrid) {
    .home-trilogy { row-gap: 0; }
    .home-trilogy > .project {
      display: grid;
      grid-row: span 7;
      grid-template-rows: subgrid;
    }
  }
}

@media (max-width: 880px) {
  .grid-3 .project h3 {
    min-height: 0;
  }
}