/* Blog, Case Studies and FAQ: shared centered hero composition. */
.resource-archive :is(.ed-hero--blog,.ed-hero--work),
.faq-page .faq-hero {
  height:auto;
  min-height:clamp(680px,92svh,900px);
}

.resource-archive :is(.ed-hero--blog,.ed-hero--work) .ed-hero__media img,
.faq-page .faq-hero__media img {
  object-position:center;
}

.resource-archive .ed-hero--blog .ed-hero__shade {
  background:
    linear-gradient(180deg,rgba(4,10,18,.34),rgba(4,10,18,.62)),
    radial-gradient(circle at 50% 48%,rgba(4,10,18,.08),rgba(4,10,18,.34) 76%);
}

.resource-archive .ed-hero--work .ed-hero__shade {
  background:
    linear-gradient(180deg,rgba(2,8,11,.24),rgba(2,8,11,.62)),
    radial-gradient(circle at 50% 48%,rgba(2,8,11,.04),rgba(2,8,11,.32) 78%);
}

.faq-page .faq-hero__shade {
  background:
    linear-gradient(180deg,rgba(7,16,30,.26),rgba(7,16,30,.58)),
    radial-gradient(circle at 50% 48%,rgba(7,16,30,.04),rgba(7,16,30,.25) 78%);
}

.resource-archive :is(.ed-hero--blog,.ed-hero--work) .ed-hero__inner,
.faq-page .faq-hero__grid {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:clamp(680px,92svh,900px);
  padding-top:clamp(6.5rem,12vh,9rem);
  padding-bottom:clamp(3rem,7vh,5rem);
}

.resource-archive :is(.ed-hero--blog,.ed-hero--work) .ed-hero__content,
.faq-page .faq-hero__copy {
  width:min(100%,920px);
  max-width:920px;
  margin:auto!important;
  text-align:center!important;
}

.resource-archive :is(.ed-hero--blog,.ed-hero--work) .ed-eyebrow,
.faq-page .faq-hero__eyebrow {
  justify-content:center!important;
  margin-right:auto!important;
  margin-left:auto!important;
  text-align:center!important;
}

.resource-archive :is(.ed-hero--blog,.ed-hero--work) .ed-hero__title,
.faq-page .faq-hero__title {
  max-width:14ch!important;
  margin-right:auto!important;
  margin-left:auto!important;
  text-align:center!important;
}

.resource-archive :is(.ed-hero--blog,.ed-hero--work) .ed-hero__foot,
.resource-archive :is(.ed-hero--blog,.ed-hero--work) .ed-hero__support,
.faq-page .faq-hero__intro {
  margin-right:auto!important;
  margin-left:auto!important;
  text-align:center!important;
}

.resource-archive :is(.ed-hero--blog,.ed-hero--work) .ed-hero__foot {
  width:min(100%,68ch);
  max-width:68ch;
  border-top-color:rgba(255,255,255,.36);
}

.resource-archive :is(.ed-hero--blog,.ed-hero--work) .ed-hero__foot p {
  margin-right:auto!important;
  margin-left:auto!important;
  text-align:center!important;
}

.resource-archive :is(.ed-hero--blog,.ed-hero--work) .ed-hero__support>ul {
  justify-content:center!important;
  margin-right:auto!important;
  margin-left:auto!important;
  text-align:center!important;
}

.resource-archive :is(.ed-hero--blog,.ed-hero--work) .ed-scroll {
  margin-right:auto!important;
  margin-left:auto!important;
}

.faq-page .faq-hero__copy {
  background:linear-gradient(135deg,rgba(10,22,40,.6),rgba(17,28,49,.42));
}

@media(max-width:720px) {
  .resource-archive :is(.ed-hero--blog,.ed-hero--work),
  .resource-archive :is(.ed-hero--blog,.ed-hero--work) .ed-hero__inner,
  .faq-page .faq-hero,
  .faq-page .faq-hero__grid {
    min-height:680px;
  }

  .resource-archive :is(.ed-hero--blog,.ed-hero--work) .ed-hero__inner,
  .faq-page .faq-hero__grid {
    padding-top:6.5rem;
    padding-bottom:2.5rem;
  }
}