/* Asset version: 2026.07.01-2 */

.hero-frame-sequence{
  position:relative;
  display:block;
  overflow:visible;
  background:transparent;
  transform:translateX(20%);
}

.hero-frame-picture{
  display:block;
}

.hero-frame-canvas,
.hero-frame-fallback{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1280 / 720;
  object-fit:contain;
}

.hero-frame-canvas{
  position:absolute;
  inset:0;
  height:100%;
  opacity:0;
  transition:opacity .44s ease 2s;
}

.hero-frame-fallback{
  position:relative;
  opacity:1;
  transition:opacity .36s ease 2s;
}

.js .hero-frame-sequence.is-ready:not(.is-reduced):not(.has-error) .hero-frame-fallback{
  opacity:0;
}

.hero-frame-sequence.is-ready .hero-frame-canvas{
  opacity:1;
}

.hero-frame-sequence.is-reduced .hero-frame-canvas,
.hero-frame-sequence.has-error .hero-frame-canvas{
  opacity:0;
}

.hero-frame-sequence.is-reduced .hero-frame-fallback,
.hero-frame-sequence.has-error .hero-frame-fallback{
  opacity:1;
}