.hero-inner {
  padding: clamp(4.375rem, 15.28vw, 13.75rem) 0 clamp(5.9375rem, 18.75vw, 16.875rem);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  position: relative;
  color: #F6F2EE;
}
@media (max-width: 575px) {
  .hero-inner {
    background-position: var(--background-mobile-position, 50% 50%);
  }
}
.hero-inner__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 0;
}
@media (max-width: 575px) {
  .hero-inner__video {
    -o-object-position: var(--background-mobile-position, 50% 50%);
       object-position: var(--background-mobile-position, 50% 50%);
  }
}
.hero-inner--packages {
  padding: clamp(40px, 12vw, 100px) 0 clamp(70px, 12vw, 90px);
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hero-inner--packages + section .cutout-bg {
  opacity: 0;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media (max-width: 575px) {
  .hero-inner--packages {
    padding-top: 20vh;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .hero-inner--packages + section .cutout-bg {
    opacity: 1;
  }
}
.hero-inner .container {
  position: relative;
}
.hero-inner__content {
  max-width: 92%;
}
@media (max-width: 991px) {
  .hero-inner__content {
    max-width: 400px;
  }
}
@media (max-width: 575px) {
  .hero-inner__content {
    max-width: 360px;
  }
}
.hero-inner__title {
  font-size: clamp(2.125rem, 3.33vw, 4.125rem);
  margin-bottom: clamp(1.25rem, 2.71vw, 3.35rem);
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1.2;
}
@media (max-width: 350px) {
  .hero-inner__title br {
    display: none;
  }
}
.hero-inner__text {
  font-size: clamp(1rem, 1.39vw, 1.5rem);
  line-height: 1.5;
}
.hero-inner__text p {
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .hero-inner__text {
    max-width: 240px;
  }
}
.hero-inner__text-larger {
  font-size: clamp(16px, 3vw, 24px);
}
@media (max-width: 575px) {
  .hero-inner__text-larger {
    max-width: 360px;
  }
}
.hero-inner__button-wrapper {
  margin-top: clamp(1.25rem, 2.78vw, 3.4375rem);
}
@media (max-width: 575px) {
  .hero-inner__button-wrapper {
    margin-top: clamp(15px, 3vw, 30px);
  }
}