.hero-image.hero-motion {
  position: relative;
  isolation: isolate;
  background-position: center;
  background-size: cover;
}
.hero-image.hero-motion[data-hero-motion="team"] {
  background-image: url('../videos/vid_team.jpg');
}
.hero-image.hero-motion[data-hero-motion="club-rooftop"] {
  background-image: url('../videos/vid_club_rooftop.jpg');
}
.hero-motion > .hero-motion-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 0;
  opacity: 0;
  pointer-events: none;
}
.hero-motion-control,
.w-background-video--control {
  display: none !important;
}
.hero-motion.is-playing > .hero-motion-video { opacity: 1; }
.hero-motion > .overlay-hero { z-index: 1; pointer-events: none; }
.hero-image.hero-motion > .container.u-mt-auto { z-index: 2; }
.hero-motion-control {
  position: absolute;
  right: 20px;
  top: 96px;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 11px;
  border: 1px solid #ffffff80;
  border-radius: 50%;
  background: #1a1a1acc;
  color: #fff;
  cursor: pointer;
  display: none;
}
.hero-motion-control[hidden] { display: none; }
.hero-motion-control:focus-visible { outline: 3px solid #e7c176; outline-offset: 3px; }
.hero-motion-control svg { width: 20px; height: 20px; fill: currentColor; }
.hero-motion-control .icon-play, .hero-motion-control[data-paused="true"] .icon-pause { display: none; }
.hero-motion-control[data-paused="true"] .icon-play { display: block; }
@media (max-width: 991px) {
  .hero-motion-control { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-motion > .hero-motion-video { transition: none; }
}