.sh-home-hero-image {
  isolation: isolate;
}

.sh-home-hero-image::before {
  content: "";
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(ellipse at 22% 48%, rgba(176, 199, 195, .25) 0%, rgba(176, 199, 195, .1) 38%, transparent 72%),
    radial-gradient(ellipse at 76% 18%, rgba(201, 150, 50, .075) 0%, transparent 58%);
  position: absolute;
  inset: -4% -3% -5% -7%;
  filter: blur(16px);
}

.sh-inline-home {
  background-image: none;
}

.sh-inline-home::before {
  content: "";
  z-index: 0;
  pointer-events: none;
  background-color: #073b53;
  background-image: url("https://cdn.prod.website-files.com/6a7e6b0bf2f9f21d7e584c2d/6a865c1a76f98d861c604f27_leia-bentley-no-one-else-living-poster-wide-1080p.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0;
}

.sh-inline-home::before,
.sh-inline-home__motion,
.sh-inline-home__shade {
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .84) 2.2%, #000 5.4%, #000 100%);
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .84) 2.2%, #000 5.4%, #000 100%);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.sh-inline-home.is-performance-active::before,
.sh-inline-home.is-performance-active .sh-inline-home__motion,
.sh-inline-home.is-performance-active .sh-inline-home__shade {
  -webkit-mask-image: linear-gradient(#000, #000);
  mask-image: linear-gradient(#000, #000);
}

.sh-inline-home__preparing {
  z-index: 7;
  pointer-events: none;
  color: #f7f1e7;
  letter-spacing: .035em;
  text-shadow: 0 1px 10px rgba(7, 59, 83, .72);
  align-items: center;
  gap: 11px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  display: none;
  position: absolute;
  bottom: clamp(18px, 3vw, 30px);
  left: clamp(18px, 3vw, 34px);
}

.sh-inline-home.is-preparing .sh-inline-home__preparing {
  display: flex;
}

.sh-inline-home__preparing::before {
  content: "";
  background-color: #c99632;
  width: clamp(34px, 5vw, 58px);
  height: 1px;
  transform-origin: left center;
  animation: shvs-performance-hairline 1.35s ease-in-out infinite;
}

@keyframes shvs-performance-hairline {
  0%, 100% { opacity: .38; transform: scaleX(.62); }
  50% { opacity: 1; transform: scaleX(1); }
}

@media screen and (max-width: 767px) {
  .sh-inline-home::before,
  .sh-inline-home__motion,
  .sh-inline-home__shade {
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .84) 3%, #000 7%, #000 100%);
    mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .84) 3%, #000 7%, #000 100%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .sh-inline-home__preparing::before {
    opacity: .72;
    transform: none;
    animation: none;
  }
}