/* Keep the supporting photos evenly spaced, including the final partial row. */
body.design-02 .gallery-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }

body.design-02 .thumb img[src$="asphalt-paving-gallery-09.jpg"] {
  object-position: center 25%;
}

body.design-02 .thumb img[src$="asphalt-paving-gallery-16.jpg"] {
  object-position: center 20%;
}

@media (min-width: 801px) {
  body.design-02 .gallery-grid > .thumb:nth-last-child(2):nth-child(4n + 1) { grid-column: 2; }
  body.design-02 .gallery-grid > .thumb:last-child:nth-child(4n + 2) { grid-column: 3; }
}

@media (max-width: 800px) {
  body.design-02 .gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  body.design-02 .gallery-grid {
    --paving-gallery-gap: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--paving-gallery-gap);
  }
  body.design-02 .gallery-grid > .thumb:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    justify-self: center;
    width: calc((100% - var(--paving-gallery-gap)) / 2);
  }
}

@media (max-width: 560px) {
  body.design-02 .gallery-grid { --paving-gallery-gap: 12px; }
}