.subpagehero {
  position: relative;
  height: 100%;
  min-height: 605px;
}
@media (max-width: 767px) {
  .subpagehero {
    height: auto;
  }
}

.subpagehero__cards,
.subpagehero__main-content {
  padding-right: var(--wp--style--root--padding-right);
  padding-left: var(--wp--style--root--padding-left);
}

.subpagehero__cards-container,
.subpagehero__container {
  width: 100%;
  max-width: var(--wp--style--global--content-size);
  margin-left: auto;
  margin-right: auto;
}

.subpagehero .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  top: 0;
  left: 0;
}
.subpagehero .overlay__dark {
  background: linear-gradient(90deg, #333 0, rgba(51, 51, 51, 0) 100%);
}
.subpagehero .overlay__grey {
  background: linear-gradient(90deg, #333 0, rgba(51, 51, 51, 0) 100%);
}
.subpagehero .overlay__white {
  background: linear-gradient(90deg, #fff 0, rgba(255, 255, 255, 0) 100%);
}
.subpagehero__background {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 1071px) {
  .subpagehero__background {
    height: 605px;
  }
}
.subpagehero__pretitle {
  text-transform: uppercase;
  font-weight: var(--thm-bold);
  font-size: var(--thm-pre-title);
  margin-bottom: var(--thm-content-block-margin-xs);
  line-height: 1;
}
@media (max-width: 767px) {
  .subpagehero__pretitle {
    text-align: center;
    margin: 0 auto;
  }
}
.subpagehero__title {
  margin-bottom: var(--thm-content-block-margin-xs);
  max-width: 14ch;
  font-weight: var(--thm-bold);
  font-size: var(--thm-title-lg);
  text-transform: uppercase;
  margin-bottom: var(--thm-content-block-margin-xs);
  line-height: 1;
}
@media (max-width: 767px) {
  .subpagehero__title {
    text-align: center;
    margin: 0 auto;
    font-size: var(--thm-title-sm);
  }
}
.subpagehero .container {
  padding: var(--thm-container-padding-inline);
}
@media (max-width: 767px) {
  .subpagehero .container {
    text-align: center;
    margin: 0 auto;
  }
}
.subpagehero__btn-wrapper {
  padding-block: 11px 12px;
}
.subpagehero__btn-wrapper .button {
  padding: 10px 30px;
  background:
    linear-gradient(to right, #ff9e16 0, #fb637e 100%) padding-box,
    linear-gradient(to right, #ff9e16 0, #fb637e 100%) border-box;
}
.subpagehero__btn-wrapper .button:focus-visible,
.subpagehero__btn-wrapper .button:hover {
  background:
    linear-gradient(white, #fff) padding-box,
    linear-gradient(to right, #ff9e16 0, #fb637e 100%) border-box;
}
.subpagehero__subcontent {
  margin-bottom: var(--thm-content-block-margin-sm);
}
.subpagehero__container {
  position: relative;
  z-index: 2;
  min-height: 605px;
}
.subpagehero__main-content {
  font-size: 16px;
}
.subpagehero__content-wrapper {
  margin-top: var(--thm-container-top-margin);
  max-width: 605px;
}

.subpagehero .color-black {
  color: var(--thm-black);
}

.subpagehero .color-white,
.subpagehero .color-white-a {
  color: #fff;
}

.subpagehero .subpagehero__pretitle {
  color: var(--thm-resource-card-news);
}

.acf-block-preview .subpagehero__background {
  z-index: 0;
}