@media (width >= 982px) and (hover: hover) and (pointer: fine) {
  .bp-home-hero--immersive {
    --hero-intent: .5;
    --hero-left-intent: 0;
    --hero-right-intent: 0;
    cursor: ew-resize;
  }

  .bp-home-hero--immersive:after {
    background: linear-gradient(
      90deg,
      rgba(23, 21, 18, calc(.88 - var(--hero-left-intent) * .5)) 0%,
      rgba(23, 21, 18, calc(.66 - var(--hero-left-intent) * .42 - var(--hero-right-intent) * .26)) 42%,
      rgba(23, 21, 18, calc(.18 + var(--hero-right-intent) * .3)) 100%
    );
  }

  .bp-home-hero--immersive.bp-home-hero--primed:after {
    transition: background .45s ease;
  }

  .bp-home-hero--immersive .bp-home-hero__background {
    opacity: calc(1 - var(--hero-right-intent) * .86);
    transform: translate3d(var(--hero-pan-x), 0, 0) scale(calc(1.02 + var(--hero-left-intent) * .035));
  }

  .bp-home-hero--immersive.bp-home-hero--primed .bp-home-hero__background {
    transition: opacity .55s ease, transform .65s cubic-bezier(.22, .61, .36, 1);
  }

  .bp-home-hero--immersive .bp-home-hero__stage {
    grid-template-columns: minmax(18rem, .85fr) minmax(31rem, 1.15fr);
    position: relative;
    z-index: 1;
  }

  .bp-home-hero--immersive .bp-home-hero__intro {
    opacity: calc(1 - var(--hero-right-intent) * .82 - var(--hero-left-intent) * .28);
    transform: translate3d(calc(var(--hero-right-intent) * -1.5rem + var(--hero-left-intent) * 1rem), 0, 0);
  }

  .bp-home-hero--immersive.bp-home-hero--primed .bp-home-hero__intro {
    transition: opacity .45s ease, transform .55s cubic-bezier(.22, .61, .36, 1);
  }

  .bp-home-hero--immersive .bp-home-hero__video-wrap {
    z-index: 2;
    position: absolute;
    top: clamp(3.25rem, 7vh, 5.5rem);
    bottom: clamp(3.25rem, 7vh, 5.5rem);
    left: calc(50% - var(--hero-right-intent) * 50% + var(--hero-left-intent) * 6%);
    right: calc(clamp(1.5rem, 3vw, 3.5rem) - var(--hero-right-intent) * clamp(1.5rem, 3vw, 3.5rem));
    opacity: max(0, calc(.92 - var(--hero-left-intent) * .94 + var(--hero-right-intent) * .08));
    transform: translate3d(calc(var(--hero-left-intent) * 1.25rem), 0, 0) scale(calc(1 + var(--hero-right-intent) * .035));
    pointer-events: none;
  }

  .bp-home-hero--immersive.bp-home-hero--video-ready .bp-home-hero__video-wrap {
    pointer-events: auto;
  }

  .bp-home-hero--immersive.bp-home-hero--primed .bp-home-hero__video-wrap {
    transition: left .55s cubic-bezier(.22, .61, .36, 1), right .55s cubic-bezier(.22, .61, .36, 1), opacity .45s ease, transform .55s cubic-bezier(.22, .61, .36, 1);
  }

  .bp-home-hero--immersive .bp-home-hero__video-wrap:before {
    content: "";
    pointer-events: none;
    z-index: 1;
    background: linear-gradient(
      90deg,
      rgba(23, 21, 18, calc(.74 - var(--hero-right-intent) * .68)) 0%,
      rgba(23, 21, 18, calc(.38 - var(--hero-right-intent) * .32)) 38%,
      rgba(23, 21, 18, .08) 100%
    );
    position: absolute;
    inset: 0;
  }

  .bp-home-hero--immersive .bp-home-hero__video-label {
    z-index: 2;
    position: relative;
  }

  .bp-home-hero--immersive .bp-home-hero__video {
    height: calc(100% - 1.65rem);
    aspect-ratio: auto;
    box-shadow: 0 1.25rem 3rem #00000040;
    position: relative;
  }

  .bp-home-hero--immersive .bp-home-hero__video .bp-video__embed--underlay {
    opacity: max(0, calc(.16 - var(--hero-left-intent) * .18 + var(--hero-right-intent) * .84));
    filter: saturate(.9) contrast(1.06);
    pointer-events: none;
  }

  .bp-home-hero--immersive.bp-home-hero--primed .bp-home-hero__video .bp-video__embed--underlay {
    transition: opacity .45s ease, filter .45s ease;
  }

  .bp-home-hero--immersive .bp-home-hero__video .bp-video__play-trigger {
    opacity: max(0, calc(.88 - var(--hero-left-intent) * .90 - var(--hero-right-intent) * .76));
    background-blend-mode: multiply;
  }

  .bp-home-hero--immersive.bp-home-hero--primed .bp-home-hero__video .bp-video__play-trigger {
    transition: opacity .45s ease, transform .5s, filter .5s;
  }

  .bp-home-hero--immersive.bp-home-hero--video-ready .bp-home-hero__video .bp-video__play-trigger {
    opacity: .08;
  }

  .bp-home-hero--immersive.bp-home-hero--video-ready .bp-home-hero__video .bp-video__play-icon,
  .bp-home-hero--immersive.bp-home-hero--video-ready .bp-home-hero__video .bp-video__play-label {
    opacity: 0;
  }

  .bp-home-hero--immersive .bp-home-hero__video .bp-video__sound-control {
    z-index: 4;
    position: absolute;
    top: clamp(.75rem, 1.3vw, 1.1rem);
    right: clamp(.75rem, 1.3vw, 1.1rem);
    width: 3.25rem;
    min-height: 3.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .65rem;
    padding: .45rem;
    border-radius: 999px;
    background: rgba(18, 17, 15, .62);
    border: 1px solid rgba(255, 255, 255, .5);
    backdrop-filter: blur(.55rem);
    box-shadow: 0 .75rem 1.75rem rgba(0, 0, 0, .28);
    opacity: 0;
    transform: translate3d(0, -.35rem, 0);
    pointer-events: none;
    transition: opacity .28s ease, transform .28s ease, background .2s ease;
  }

  .bp-home-hero--immersive.bp-home-hero--video-ready .bp-home-hero__video .bp-video__sound-control {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    pointer-events: auto;
  }

  .bp-home-hero--immersive .bp-home-hero__video .bp-video__sound-toggle {
    width: 2.35rem;
    height: 2.35rem;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, .12);
    color: #fff;
    cursor: pointer;
  }

  .bp-home-hero--immersive .bp-home-hero__video .bp-video__sound-icon {
    width: 1.05rem;
    height: 1.05rem;
    position: relative;
    display: block;
  }

  .bp-home-hero--immersive .bp-home-hero__video .bp-video__sound-icon:before {
    content: "";
    position: absolute;
    left: .05rem;
    top: .34rem;
    width: .38rem;
    height: .38rem;
    border-radius: .08rem;
    background: currentColor;
    box-shadow: .31rem -.24rem 0 .06rem currentColor, .31rem .24rem 0 .06rem currentColor;
  }

  .bp-home-hero--immersive .bp-home-hero__video .bp-video__sound-icon:after {
    content: "";
    position: absolute;
    right: .02rem;
    top: .18rem;
    width: .55rem;
    height: .7rem;
    border: 2px solid currentColor;
    border-left: 0;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-radius: 0 999px 999px 0;
  }

  .bp-home-hero--immersive .bp-home-hero__video .bp-video__sound-control:not(.bp-video__sound-control--on) .bp-video__sound-icon:after {
    transform: scaleX(.45);
    opacity: .6;
  }

  .bp-home-hero--immersive .bp-home-hero__video .bp-video__volume-slider {
    position: absolute;
    top: 5.25rem;
    right: -1.75rem;
    width: 6.75rem;
    height: 1.5rem;
    accent-color: #fff;
    opacity: 0;
    transform: rotate(-90deg) translate3d(-.25rem, 0, 0);
    transform-origin: center;
    pointer-events: none;
    cursor: pointer;
    transition: opacity .24s ease, transform .24s ease;
  }

  .bp-home-hero--immersive .bp-home-hero__video .bp-video__sound-control:hover .bp-video__volume-slider,
  .bp-home-hero--immersive .bp-home-hero__video .bp-video__sound-control:focus-within .bp-video__volume-slider {
    opacity: 1;
    transform: rotate(-90deg) translate3d(0, 0, 0);
    pointer-events: auto;
  }

  .bp-home-hero--immersive .bp-home-hero__video .bp-video__sound-control:hover,
  .bp-home-hero--immersive .bp-home-hero__video .bp-video__sound-control:focus-within {
    background: rgba(18, 17, 15, .78);
  }

  .bp-home-hero--immersive .bp-home-hero__video .bp-video__sound-toggle:hover,
  .bp-home-hero--immersive .bp-home-hero__video .bp-video__sound-toggle:focus-visible {
    background: rgba(255, 255, 255, .9);
    color: #171512;
    outline: none;
  }

  .bp-home-hero--immersive .bp-home-hero__scroll-cue {
    z-index: 3;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bp-home-hero--immersive .bp-home-hero__background,
  .bp-home-hero--immersive .bp-home-hero__intro,
  .bp-home-hero--immersive .bp-home-hero__video-wrap,
  .bp-home-hero--immersive .bp-home-hero__video .bp-video__embed--underlay,
  .bp-home-hero--immersive .bp-home-hero__video .bp-video__play-trigger,
  .bp-home-hero--immersive .bp-home-hero__video .bp-video__sound-control,
  .bp-home-hero--immersive .bp-home-hero__video .bp-video__volume-slider {
    transition: none;
  }
}