/* Frame the road markings within the large hero photograph. */
body.design-02 .graphite-photo #featured-image { object-position: center 75%; }

body.design-02 .gallery-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }

body.design-02 .thumb img[src$="marking-job-07.webp"] { object-position: center 40%; }

@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 .graphite-photo #featured-image { object-position: center bottom; }
  body.design-02 .gallery-grid { gap: 16px; }
}

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