.homepage-hero-banner {
  position: relative;
  height: 48rem;
  margin-top: -5.6rem;
  background-color: var(--black);
}
.homepage-hero-banner:before {
  background: linear-gradient(12deg, rgba(0, 0, 0, 0.40) 9.87%, rgba(0, 0, 0, 0.00) 51.63%), linear-gradient(180deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.00) 17.44%), linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
  content: '';
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.homepage-hero-banner + .main-content-wrapper {
  background-color: var(--white);
  position: relative;
  top: 0;
  left: 0;
  z-index: 0;
  display: inline-block;
  width: 100%;
}
.homepage-hero-banner__inner-content {
  position: absolute;
  bottom: calc(var(--sm-2) + var(--md-4) + var(--xs-1) + 16px);
  left: 0;
  width: 100%;
  z-index: 1
}
.homepage-hero-banner__cta-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.homepage-hero-banner__cta-wrapper a:first-child {
  margin-bottom: var(--sm-1)
}
.homepage-hero-banner .video__iframe {
  height: 48rem;
  overflow: hidden
}
.homepage-hero-banner .video iframe {
  width: 100%;
  height: 100%;
  -webkit-transform: scale(2.5);
  -ms-transform: scale(2.5);
  transform: scale(2.5)
}
.homepage-hero-banner .background-video__overlay {
  inset: auto 1.6rem var(--md-4) auto
}
.homepage-hero-banner .background-video__iframe::after {
  background: linear-gradient(12deg,rgba(0,0,0,.4) 9.87%,rgba(0,0,0,0) 51.63%),linear-gradient(180deg,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 17.44%),linear-gradient(0deg,rgba(0,0,0,.2) 0,rgba(0,0,0,.2) 100%)
}
@media (min-width:768px) {
  .homepage-hero-banner {
    height: calc((100vw - 20px) * .5625)
  }
  .homepage-hero-banner__cta-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }
  .homepage-hero-banner__cta-wrapper a:first-child {
    margin-bottom: 0
  }
  .homepage-hero-banner .background-video__overlay {
    right: 4.8rem
  }
 @media (max-aspect-ratio:16/9) {
  .homepage-hero-banner .background-video__iframe iframe {
     height: calc(100% + 16px); 
  }
  }
 
}
@media (min-width:1200px) {
.homepage-hero-banner + .main-content-wrapper {
  margin-top: 100vh;

}
  .homepage-hero-banner {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    margin-top: 0
  }
  .homepage-hero-banner .video__iframe {
    height: 100vh
  }
  .homepage-hero-banner .video__iframe iframe {
    height: auto;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }
  .contentcontent {
    margin-top: 100vh;
    z-index: 2;
    position: relative;
    background: var(--bs-white)
  }
}
@media (min-width:768px) and (max-width:1199.98px) {
  .homepage-hero-banner .video__iframe {
    height: 77.8rem
  }
  .homepage-hero-banner .video__iframe iframe {
    height: 100%;
    -webkit-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5)
  }
}
@media (min-width:1400px) {
  .homepage-hero-banner .background-video__overlay {
    right: calc(16px + (100% - 1272px)/ 2)
  }
}
.ip3-edit .homepage-hero-banner {
  position: relative
}