/* Versioned separately so existing production asset URLs keep their bytes. */
.homepage-public .home-hero-poster {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.homepage-public .home-hero-poster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.homepage-public .home-background-video { opacity: 0; }
.homepage-public .home-background-video[data-playing] { opacity: 1; }

.homepage-public .home-ripple-media {
  position: relative;
  overflow: hidden;
  border-radius: 1.35rem;
}

.homepage-public .home-ripple-poster {
  display: block;
  width: 100%;
  height: auto;
  max-height: 460px;
  object-fit: cover;
}

.homepage-public .home-ripple-media video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.homepage-public .home-motion-toggle {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  z-index: 3;
  border: 1px solid rgba(255, 255, 255, .75);
  border-radius: 2rem;
  padding: .55rem .85rem;
  color: #fff;
  background: rgba(0, 0, 0, .7);
  font: inherit;
  font-size: .8rem;
  cursor: pointer;
}

.homepage-public .home-motion-toggle[hidden] { display: none; }
.homepage-public .home-motion-toggle:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}