/* Homepage project layout; keep the existing stylesheets intact. */
.homepage-project-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.homepage-project-grid > .project-card {
  grid-column:auto;
  min-width:0;
}
.homepage-project-grid > .project-card .project-visual {
  height:300px;
  padding:24px;
}
.homepage-project-grid > .project-card .project-meta {
  margin-top:24px;
}
@media(max-width:900px) {
  .homepage-project-grid {
    grid-template-columns:1fr;
  }
}
@media(max-width:600px) {
  .homepage-project-grid > .project-card .project-visual {
    height:auto;
    aspect-ratio:1.33;
    padding:24px;
  }
  .homepage-project-grid > .project-card .project-meta {
    margin-top:19px;
  }
}