.block.block-hero {
  overflow: hidden;
  position: relative;
  height: 100vh;
}

.block.block-hero.has-bottom-bar {
  height: calc(100vh - var(--bottom-bar-height, 0px));
}

.block.block-hero .headline-1 {
  width: 100%;
  max-width: 1067px;
}

.block.block-hero .row-wrapper-no-text {
  margin-top: 248px;
}

.block.block-hero .hero-background .overlay {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0.3) 100%);
  z-index: 20;
  width: 100%;
  height: 100%;
  position: absolute;
}

.block.block-hero .hero-background {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: -1;
}

.block.block-hero .hero-background .hero-video,
.block.block-hero .hero-background .hero-image {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: 50% 50%;
}

.block.block-hero .hero-content {
  color: var(--white);
}