/* Project detail page — layout modifiers for reused section templates */

.project-detail-page .breadcrumb {
  padding-top: 24px;
  padding-bottom: 0;
}

/* Gallery slider (related-news reused as image gallery) */
.project-detail-page .related-news--gallery {
  padding-top: 80px;
  padding-bottom: 80px;
}

.project-detail-page .related-news--gallery .related-news__card-title,
.project-detail-page .related-news--gallery .related-news__date {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.project-detail-page .related-news--gallery .related-news__media {
  margin-bottom: 0;
  height: 480px;
}

.project-detail-page .related-news--gallery .related-news__media::after {
  display: none;
}

/* Results & outcomes on light background */
.project-detail-page .golden-rules--project-outcomes {
  padding-top: 80px;
  padding-bottom: 100px;
  color: #171717;
}

.project-detail-page .golden-rules--project-outcomes .golden-rules__title {
  color: #171717;
}

.project-detail-page .golden-rules--project-outcomes .golden-rules__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

.project-detail-page .golden-rules--project-outcomes .golden-rules__card {
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  padding: 32px 28px;
  border: 0;
  border-radius: 20px;
  background-color: #002d72;
}

.project-detail-page .golden-rules--project-outcomes .golden-rules__card-icon-wrap {
  width: 56px;
  height: 56px;
  border-color: rgba(255, 255, 255, 0.35);
}

.project-detail-page .golden-rules--project-outcomes .golden-rules__card-icon {
  width: 28px;
  height: 28px;
}

.project-detail-page .golden-rules--project-outcomes .golden-rules__card-title {
  color: #ffffff;
  font-size: 22px;
}

.project-detail-page .golden-rules--project-outcomes .golden-rules__card-text p {
  color: rgba(255, 255, 255, 0.88);
  font-size: 15px;
  font-weight: 300;
  line-height: 1.5;
}

/* Related projects grid */
.project-detail-page .projects-grid--related {
  padding-top: 32px;
}

.project-detail-page .projects-grid--related .projects-grid__toolbar,
.project-detail-page .projects-grid--related .projects-grid__pagination,
.project-detail-page .projects-grid--related .projects-grid__empty {
  display: none !important;
}

.project-detail-page .two-column-intro + .projects-grid--related {
  padding-top: 24px;
}

@media (max-width: 1200px) {
  .project-detail-page .golden-rules--project-outcomes .golden-rules__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .project-detail-page .related-news--gallery .related-news__media {
    height: 360px;
  }
}

@media (max-width: 767px) {
  .project-detail-page .golden-rules--project-outcomes {
    padding-top: 50px;
    padding-bottom: 60px;
  }

  .project-detail-page .golden-rules--project-outcomes .golden-rules__grid {
    grid-template-columns: 1fr;
  }

  .project-detail-page .related-news--gallery {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .project-detail-page .related-news--gallery .related-news__media {
    height: 260px;
  }
}