/* Keep the two-row project column stable at all desktop widths. */
@media (min-width: 751px) {
  .project-grid {
    grid-template-rows: auto 300px 300px auto;
  }

  .project-selfproof {
    height: 616px;
    min-height: 0;
    overflow: hidden;
  }

  .project-selfproof .project-media {
    flex: 0 0 380px;
    min-height: 0;
  }

  .project-selfproof .project-body { min-height: 0; }

  .project-commercial,
  .project-shortfilm {
    height: 300px;
    min-height: 0;
    overflow: hidden;
  }

  .project-commercial .project-body,
  .project-shortfilm .project-body { min-height: 0; }
}
