/*
  Project detail scrolling correction.

  The base template applies sticky positioning to every HTML <header>.
  Project detail content must remain in normal document flow.
*/
.layout-project .project-detail,
.layout-project .project-detail__hero,
.layout-project .project-detail__intro,
.layout-project .project-detail__media {
  position: static !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  z-index: auto !important;
}

.layout-project .project-detail__hero {
  display: grid !important;
  grid-template-columns: minmax(320px, 0.9fr) minmax(0, 1.1fr);
  width: 100%;
  max-height: none !important;
  margin: 0;
  padding: 0;
  overflow: hidden;
  transform: none !important;
}

/* Prevent legacy global header rules from affecting an older cached layout. */
.layout-project header.project-detail__hero {
  position: static !important;
  top: auto !important;
  z-index: auto !important;
  flex-wrap: initial !important;
  gap: 0 !important;
  padding: 0 !important;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.07) !important;
}

/* Ensure all sections follow one another normally. */
.layout-project .project-detail__infographic,
.layout-project .project-detail__information,
.layout-project .project-detail__related {
  position: relative;
  z-index: 0;
  clear: both;
}

.layout-project main,
.layout-project main > section,
.layout-project .project-detail {
  overflow: visible;
}

@media (max-width: 900px) {
  .layout-project .project-detail__hero {
    grid-template-columns: 1fr !important;
  }
}

/*# sourceMappingURL=zzzzzzzzzzzzzzzzzz-project-scroll-fix.css.map */