.projects-page main.section { max-width: 1180px !important; margin-inline: auto; }
.projects-page .work-intro { margin-bottom: 20px; }
.projects-page .project-index {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 28px;
  margin-bottom: 28px;
}
.projects-page .project-index a {
  padding: 8px 0;
  color: #155486;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 5px;
}
.projects-page .site-project { align-items: center; }
.projects-page .site-project > div { min-width: 0; }
.projects-page .project-gallery {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-column: 1 / -1;
  align-items: start;
  gap: 24px;
}
.projects-page .project-gallery a,
.projects-page .site-project > figure a { display: block; }
.projects-page .project-gallery img { border-radius: 4px; }
.projects-page .project-measurement-note {
  border-left: 4px solid #e9b446;
  background: #f3f6f8;
  padding: 16px 20px;
  color: #354652;
  margin: 0 0 48px;
}
.projects-page .more-inspections-title {
  color: #173c5d;
  font-size: 30px;
  line-height: 1.5;
  margin: 0 0 20px;
  scroll-margin-top: 180px;
}
@media (max-width: 600px) {
  .projects-page .project-index { display: grid; gap: 4px; }
  .projects-page .project-gallery { grid-template-columns: 1fr; gap: 24px; }
  .projects-page .more-inspections-title { font-size: 26px; }
}
