/* Resource mastheads open into a scene; the search and factual copy stay still. */
.bc-site .bc-resource-hero {
  position: relative;
  display: block;
  isolation: isolate;
  overflow: clip;
  background: var(--ivory);
}
body.family-faq #main .faq-hero.bc-resource-hero,
body.family-eligibility #main .elig-hero.bc-resource-hero {
  padding-bottom: 0;
  border: 0;
}
.bc-site .bc-resource-scene {
  position: relative;
  display: block;
  width: 100%;
  max-width: 1920px;
  height: clamp(210px, 25vw, 360px);
  margin: 0 auto;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: transparent;
  pointer-events: none;
  mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 86%, transparent);
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 86%, transparent);
}
.bc-site .bc-resource-hero .bc-resource-scene img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  margin: 0;
  border: 0;
  border-radius: 0;
  object-fit: cover;
  object-position: 50% 64%;
}
.bc-site [data-resource-art="faq"] .bc-resource-scene {
  margin-top: 2px;
}
.bc-site [data-resource-art="eligibility"] .bc-resource-scene {
  margin-top: 12px;
}
.family-blog .bc-blog-opening.bc-resource-hero {
  padding-bottom: 0 !important;
}
.family-blog .bc-blog-opening.bc-resource-hero .bc-blog-container {
  padding-bottom: 22px;
  border: 0;
}
.family-blog .bc-blog-opening.bc-resource-hero .bc-resource-scene {
  height: clamp(210px, 25vw, 360px);
  margin-bottom: 32px;
}
.family-blog .bc-blog-opening.bc-resource-hero .bc-resource-scene img {
  object-position: 50% 75%;
}
@media (min-width: 1921px) {
  .bc-site .bc-resource-scene {
    mask-image: radial-gradient(ellipse 65% 80% at center, #000 45%, transparent 100%);
    -webkit-mask-image: radial-gradient(ellipse 65% 80% at center, #000 45%, transparent 100%);
  }
}
@media (max-width: 650px) {
  .bc-site .bc-resource-scene {
    height: 210px;
    margin-top: 0;
    mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent);
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent);
  }
  .bc-site [data-resource-art="faq"] .bc-resource-scene img {
    object-position: 48% 70%;
  }
  .family-blog .bc-blog-opening.bc-resource-hero .bc-resource-scene {
    height: 220px;
    margin-bottom: 28px;
  }
  .family-blog .bc-blog-opening.bc-resource-hero .bc-blog-container {
    padding-bottom: 8px;
  }
}