.hfp-page-hero {
  min-height: 480px;
}

.hfp-page-hero > .hfp-container {
  width: min(100%, var(--content-width));
}

.hfp-page-hero h1 {
  max-width: 900px;
}

.hfp-page-hero__intro {
  max-width: 760px;
}

.hfp-page-hero--sustainability,
.hfp-page-hero--sustainability .hfp-page-hero__eyebrow,
.hfp-page-hero--sustainability .hfp-page-hero__intro {
  color: var(--white);
}

.hfp-page-hero.hfp-page-hero--sustainability h1 {
  color: var(--white);
}

.hfp-page-hero.hfp-page-hero--news-archive,
.hfp-page-hero.hfp-page-hero--news-archive h1,
.hfp-page-hero--news-archive .hfp-page-hero__eyebrow,
.hfp-page-hero--news-archive .hfp-page-hero__intro {
  color: var(--white);
}

.hfp-page-hero.hfp-page-hero--contact,
.hfp-page-hero.hfp-page-hero--contact h1,
.hfp-page-hero--contact .hfp-page-hero__eyebrow,
.hfp-page-hero--contact .hfp-page-hero__intro {
  color: var(--white);
}

.hfp-page-hero.hfp-page-hero--about,
.hfp-page-hero.hfp-page-hero--about h1,
.hfp-page-hero--about .hfp-page-hero__eyebrow,
.hfp-page-hero--about .hfp-page-hero__intro {
  color: var(--white);
}

.hfp-page-hero.hfp-page-hero--services,
.hfp-page-hero.hfp-page-hero--services h1,
.hfp-page-hero--services .hfp-page-hero__eyebrow,
.hfp-page-hero--services .hfp-page-hero__intro {
  color: var(--white);
}

.hfp-page-hero.hfp-page-hero--services {
  align-items: center;
}

@media (max-width: 768px) {
  .hfp-page-hero h1,
  .hfp-page-hero__intro {
    max-width: 100%;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 1600px) {
  .hfp-main .hfp-page-hero--services {
    position: relative;
    isolation: isolate;
    padding: 0;
    background-position: center;
  }

  .hfp-main .hfp-page-hero--services::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(90deg, #051f19e7 0%, #063c2fb7 50%, #063c2f22);
    pointer-events: none;
  }

  .hfp-main .hfp-page-hero--services > .hfp-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .hfp-main .hfp-page-hero.hfp-page-hero--services .hfp-page-hero__eyebrow {
    margin-bottom: 0;
    color: #b8d3c8;
    font-weight: 700;
  }

  .hfp-main .hfp-page-hero--services h1 {
    max-width: 760px !important;
    margin: 21px 0;
  }

  .hfp-main .hfp-page-hero--services .hfp-page-hero__intro {
    max-width: 690px !important;
    margin: 0;
    color: #d9e5df;
  }
}

@media (min-width: 1025px) and (max-width: 1600px) {
  .hfp-main .hfp-page-hero.hfp-page-hero--services .hfp-page-hero__eyebrow { font-size: 8px !important; }
  .hfp-main .hfp-page-hero--services h1 { font-size: 56px !important; }
}

@media (max-width: 768px) {
  .hfp-main .hfp-page-hero--services > .hfp-container {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .hfp-main .hfp-page-hero--services h1,
  .hfp-main .hfp-page-hero--services .hfp-page-hero__intro { max-width: 100% !important; }
}