/* Projects grid container */
ul.projects {
  margin: 0;
  padding: var(--pad);        /* bring back top+side spacing */
  list-style: none;
  box-sizing: border-box;     /* prevents padding from pushing past the viewport */
}

ul.projects figure { margin: 0; } /* avoid figure’s default margins */

@media (max-width: 60rem) {
  ul.projects {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--gap);
  }
}

/* let children shrink instead of widening the track */
ul.projects > li,
ul.projects a,
ul.projects figure,
ul.projects .img,
ul.projects .img-caption,
ul.projects h3,
ul.projects .details { min-width: 0; }

/* images should never exceed their cell */
.projects .img { width: 100%; display: block; }
.projects .img img { display:block; width:100%; height:auto; object-fit:cover; }

/* wrap long titles/metadata */
.projects .img-caption,
.projects h3,
.projects .details { overflow-wrap: anywhere; }