/* Keep both faces above the heading in a full-width photograph. */
.bhero--family { min-height: max(min(78vh, 760px), calc(48vw + 300px)); }
.bhero--family > picture { position: absolute; inset: 0; }
.bhero--family > picture > img { object-position: center 15%; }
.bhero--family::after {
  background: linear-gradient(0deg, rgb(10 8 6 / .97), rgb(10 8 6 / .82) 140px, rgb(10 8 6 / .2) 290px, transparent 420px);
  pointer-events: none;
}
@media (max-width: 860px) {
  .bhero--family .wrap { padding-block: 48px; }
  .bhero--family h1 { font-size: clamp(2.5rem, 8vw, 4.5rem); }
}