/* Projects: match Zabala layout, but keep our brand colors */

/* Hero background color (Zabala uses red; we want our blue). */
body.page-projects .module.module--hero.hero--list > .img-wrap {
  background: #0047BB !important;
}

body.page-projects .module.module--hero.hero--list .intro h1 {
  color: #1a1a36;
}

body.page-projects .module.module--hero.hero--list .intro p {
  color: #1a1a36;
  max-width: 72ch;
}

body.page-projects .module.module--hero.hero--list .intro .back,
body.page-projects .module.module--hero.hero--list .intro .back .with-arrow {
  color: #1a1a36;
}

/* Mobile: keep filters panel spacing close to existing components. */
@media (max-width: 767px) {
  body.page-projects .module.module--filters .list .inner {
    padding: 4rem 0;
  }
}

body.single-project .module.module--hero.hero--detail .tophero .h1,
body.single-project .module.module--hero.hero--detail .tophero h1 {
  color: #fff;
}

/* Project detail: title in intro box, tighter spacing to body content */
body.single-project .module.module--hero.hero--detail:not(.hero--no-image) .intro::after {
  display: none;
}

body.single-project .module.module--hero.hero--detail:not(.hero--no-image) .intro::before {
  height: 100%;
}

body.single-project .module.module--hero.hero--detail .intro {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

body.single-project .module.module--hero.hero--detail .intro h1 {
  overflow-wrap: break-word;
  word-wrap: break-word;
  max-width: 100%;
}

body.single-project .module.module--hero.hero--detail .intro p.featured {
  margin-top: 2rem;
  margin-bottom: 4rem;
}

body.single-project .module.module--hero.hero--detail .project-detail-copy {
  max-width: 690px;
}

body.single-project .module.module--hero.hero--detail .intro > * {
  max-width: 560px;
}

body.single-project .module.module--hero.hero--detail .project-detail-copy,
body.single-project .module.module--hero.hero--detail .project-detail-copy > * {
  max-width: 560px;
}

body.single-project .module.module--hero.hero--detail .project-detail-copy p:first-child {
  margin-top: 0;
}

body.single-project .module.module--hero.hero--detail .project-detail-copy p:last-child {
  margin-bottom: 0;
}

body.single-project .module.module--hero.hero--detail .project-detail-copy .projects-back-link {
  margin-top: 4rem;
}

@media (max-width: 767px) {
  body.single-project .module.module--hero.hero--detail.hero--height-auto .container {
    padding-top: var(--header-height);
  }

  body.single-project .module.module--hero.hero--detail .tophero {
    min-height: 8rem;
  }

  body.single-project .module.module--hero.hero--detail .intro {
    padding-top: 2rem;
    padding-right: 0;
    padding-bottom: 3rem;
  }

  body.single-project .module.module--hero.hero--detail .intro h1 {
    font-size: 32px;
  }

  body.single-project .module.module--hero.hero--detail .intro > *,
  body.single-project .module.module--hero.hero--detail .project-detail-copy,
  body.single-project .module.module--hero.hero--detail .project-detail-copy > * {
    max-width: none;
  }

  body.single-project .module.module--hero.hero--detail .back {
    margin-bottom: 2rem;
  }

  body.single-project .module.module--hero.hero--detail .intro p.featured {
    margin-bottom: 3rem;
  }
}