.top-hero {
  position: relative;
}
.top-hero .top-hero-image-container {
  position: absolute;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .renaissance .top-hero {
    --min-desktop-top-hero-height: 443px;
    --flash-banner-above-top-hero-height: var(--flash-banner-height, 0px);
    --navbar-above-top-hero-height: var(--navbar-height, 0px);
    --top-hero-min-height: calc(var(--min-desktop-top-hero-height) - var(--flash-banner-above-top-hero-height) - var(--navbar-above-top-hero-height));
    height: calc(100dvh - var(--flash-banner-above-top-hero-height) - var(--navbar-above-top-hero-height)) !important;
    min-height: var(--top-hero-min-height);
  }
  .renaissance .top-hero .top-hero-image-container .top-hero-image {
    height: calc(100dvh - var(--flash-banner-above-top-hero-height) - var(--navbar-above-top-hero-height)) !important;
    min-height: var(--top-hero-min-height);
  }
  .renaissance.transparent-navbar .top-hero {
    --navbar-above-top-hero-height: 0px;
  }
}