/* Crop the hero's bottom while preserving the landscape's original frame. */
.opening, .home .opening { min-height: 42rem; }
.page-opening .eyebrow { color: #e3c2a5; }
.page-opening .lede { color: #f4f0e7; }
@media (max-width: 760px) {
  .opening, .home .opening { min-height: 49.5rem; }
}

.landscape-media { position: absolute; inset: 0; z-index: -2; }
.landscape-media .landscape { z-index: auto; }
.opening .landscape-media, .opening::after { height: 45rem; min-height: 100%; bottom: auto; }

/* Research needs only enough height for its introductory copy. */
.research-opening { min-height: 0; }
@media (max-width: 760px) {
  .opening .landscape-media, .opening::after { height: 52.5rem; }
}