/* AX Models: isolated video styles, used only by the home page. */
#main .hero.ax-video-hero {
  position: relative !important;
  isolation: isolate;
  display: block !important;
  width: 100%;
  height: calc(100vh - var(--ax-video-header-height, 0px)) !important;
  height: calc(100svh - var(--ax-video-header-height, 0px)) !important;
  min-height: 320px !important;
  max-height: none !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  background: #171717 var(--ax-video-poster) center / cover no-repeat;
}
#main .hero.ax-video-hero::before,
#main .hero.ax-video-hero::after { content: none !important; }
#main .hero.ax-video-hero > picture,
#main .hero.ax-video-hero > .hero-copy,
#main .hero.ax-video-hero > .hero-bottom,
#main .hero.ax-video-hero + .hero-caption {
  display: none !important;
}
.ax-video-hero .ax-hero-film {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  opacity: 0;
  transition: opacity .3s ease;
  pointer-events: none;
}
.ax-video-hero .ax-hero-film.ax-film-ready { opacity: 1; }
.ax-video-hero .ax-film-toggle {
  position: absolute;
  z-index: 2;
  bottom: max(20px, env(safe-area-inset-bottom));
  right: 20px;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(255,255,255,.65);
  border-radius: 50%;
  background: rgba(0,0,0,.18);
  color: #fff;
  display: grid;
  place-items: center;
  cursor: pointer;
  padding: 0;
}
.ax-video-hero .ax-film-toggle svg { width: 14px; height: 14px; fill: currentColor; }
.ax-video-hero .ax-film-toggle:focus-visible { outline: 2px solid white; outline-offset: 4px; }
.ax-video-hero .ax-film-toggle[hidden] { display: none; }
@media (prefers-reduced-motion: reduce) {
  .ax-video-hero .ax-hero-film { transition: none; }
}