/* Alle projecten (projecten.html), gegenereerd door dashboard/build.py. Bouwt op css/project.css (vlak, stippen, kaders).
   Álle projecten in de volgorde van het dashboard, in rijen van drie (leesvolgorde = volgorde van het dashboard); elke cover in haar eigen verhouding (nooit bijgesneden). */

.ov { padding-bottom: 160px; }
.ov__head { padding-top: 200px; row-gap: 24px; }
.ov__head .pj__title { grid-column: 1 / -1; }

.ov__grid { margin-top: 96px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: calc(var(--g) * 2); align-items: start; }
.ov__card { display: grid; gap: 6px; margin-bottom: 64px; color: var(--white); }
.ov__card .shot { width: 100%; translate: none; }
.ov__card .shot img { width: 100%; height: auto; max-height: none; }
.ov__card .shot { margin-bottom: 10px; }
.ov__name { font-size: 22px; line-height: 1.15; transition: color .2s; }
.ov__card:hover .ov__name { color: var(--yellow); }

@media (max-width: 900px) {
  .ov__head { padding-top: 140px; }
  .ov__grid { grid-template-columns: minmax(0, 1fr); margin-top: 48px; }
  .ov__card { margin-bottom: 48px; }
}