.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

.home-hero {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100svh;
  display: flex;
  position: relative;
}

.background-video {
  width: 100%;
  height: 100%;
}

.image {
  width: 100%;
  position: absolute;
}

.heading {
  z-index: 9;
  color: #fff;
  text-align: left;
  -webkit-text-stroke-width: .02em;
  -webkit-text-stroke-color: #fff;
  mix-blend-mode: exclusion;
  font-family: transducer-extended, sans-serif;
  font-size: 13.65vw;
  font-style: italic;
  font-weight: 900;
  line-height: .75;
  display: inline-block;
}

.text-span {
  color: #fff0;
  font-style: italic;
}

.body {
  background-color: #000;
}

.play-pause-button {
  display: none;
}

.holding-page_background {
  z-index: 1;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.hero-image {
  mix-blend-mode: exclusion;
  width: 100vw;
  margin-top: 3rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.website-coming-soon {
  margin-top: 3rem;
  font-family: Montserrat, sans-serif;
}

@media screen and (max-width: 991px) {
  .hero-image {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media screen and (max-width: 767px) {
  .hero-image {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}