/* ExitRiders network loop box. Give the .er-loop element the same size rules as the picture it replaces
   (on the site: the .media-img rules: width 100%, aspect-ratio, border-radius, border, box-shadow). */
.er-loop { position: relative; overflow: hidden; background: #0b0a08; isolation: isolate; }
.er-loop video {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block;
  opacity: 0; transition: opacity var(--er-fade, 0.9s) ease-in-out; pointer-events: none;
}
.er-loop video.er-on { opacity: 1; }
.er-loop[data-transition="dip"] video { transition: none; }
/* reduced motion or autoplay refused: the first video's poster stays, nothing moves */
.er-loop.er-static video { transition: none; }
.er-loop.er-static video:first-child { opacity: 1; }