/* filmstrip.css — scrolling strip of MAXUS vehicle films.
   Tiles are duplicated in markup so the loop has no visible seam; the second
   set is aria-hidden so assistive tech announces each vehicle once. */
.vstrip { background: var(--strip-bg, #05070d); padding: clamp(48px,7vw,88px) 0; overflow: hidden; }
.vstrip__head { max-width: 1200px; margin: 0 auto clamp(24px,3vw,40px); padding: 0 24px; }
.vstrip__head h2 { color: #fff; margin: 0 0 8px; }
.vstrip__head p { color: rgba(255,255,255,.66); max-width: 62ch; margin: 0; }
.vstrip__viewport { overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 6%, #000 94%, transparent);
  mask-image: linear-gradient(to right, transparent, #000 6%, #000 94%, transparent); }
.vstrip__track { display: flex; gap: 14px; width: max-content; animation: vstrip-scroll 48s linear infinite; }
.vstrip__viewport:hover .vstrip__track,
.vstrip__viewport:focus-within .vstrip__track { animation-play-state: paused; }
/* The track holds exactly two copies of the tile set, so travelling half its
   width lands on an identical frame. */
@keyframes vstrip-scroll { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }
.vstrip__tile { position: relative; flex: 0 0 auto; width: clamp(240px,30vw,420px);
  aspect-ratio: 16/9; border-radius: 8px; overflow: hidden; background: #0d1018; }
.vstrip__tile video, .vstrip__tile img { width: 100%; height: 100%; object-fit: cover; display: block; }
.vstrip__cap { position: absolute; inset: auto 0 0 0; padding: 26px 14px 12px; color: #fff;
  background: linear-gradient(to top, rgba(3,6,14,.88), transparent); }
.vstrip__cap b { display: block; font-size: .92rem; }
.vstrip__cap span { font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; opacity: .72; }
@media (prefers-reduced-motion: reduce) {
  .vstrip__track { animation: none; flex-wrap: wrap; width: 100%; }
  .vstrip__tile video { display: none; }
  .vstrip__tile img.vstrip__poster { display: block; }
}
.vstrip__tile img.vstrip__poster { display: none; }