.page-hero.page-hero-photo {
  position: relative;
  min-height: 100vh;
  min-height: 100svh;
  display: grid;
  place-items: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
  isolation: isolate;
}
.page-hero.page-hero-photo::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.30);
  z-index: 0;
}
.page-hero.page-hero-photo > .hero-text {
  position: relative;
  z-index: 1;
  text-align: center;
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.7);
}
.page-hero.page-hero-photo .crumb a { color: #fff; }
@media screen and (max-width: 760px) {
  .page-hero.page-hero-photo { min-height: 100svh; }
}