/* Keep every project in the same poster frame as the viewport changes. */
.project-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: auto;
}

.project-grid .project,
.project-grid--category .project,
.project-grid:not(.project-grid--category) .project,
.project-grid:not(.project-grid--category) .project:nth-child(n) {
  grid-column: span 1 !important;
  grid-row: span 1 !important;
  aspect-ratio: 43 / 50;
}

@media (max-width: 800px) {
  .project-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}