/* Every project uses the same card as its parent collection. */
.gal.project-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.project-card { min-width: 0; }
.project-card[hidden] { display: none; }
.project-open.category-card { width: 100%; height: 100%; font: inherit; text-align: start; cursor: pointer; }
@media (min-width: 601px) {
  .project-card:last-child:nth-child(odd):not([hidden]) { grid-column: 1 / -1; width: calc((100% - 20px) / 2); justify-self: center; }
}
@media (max-width: 600px) {
  .gal.project-gallery { grid-template-columns: minmax(0, 1fr); gap: 16px; }
}
