/* experiences.css — bespoke hero motion layered on industry.css (scope
   .p-industry--experiences). The film strip's frames are four complete
   tiles at the art's own 316.18px period, clipped to the strip's frame
   band, drifting left → right exactly one period per loop — the wrap is
   pixel-invisible, so the film advances forever. The rest pose matches
   the original illustration exactly (the old baked partial frames were
   the tiles cut by the same window). */

.p-industry--experiences .ex-film {
  --ih-ambient: ex-film 6s linear 2.4s infinite;
}
@keyframes ex-film {
  from { transform: translateX(0); }
  to { transform: translateX(316.182px); }
}

/* nested tag takes the template's entrance+ambient dual declaration */
.p-industry--experiences .ih-hero__art svg .ex-film {
  transform-box: fill-box;
  animation:
    ih-el 0.55s var(--ease-out-expo, ease) var(--ih-el-delay, 0.12s) both,
    var(--ih-ambient, ih-none);
}
html[data-ih-skip] .p-industry--experiences .ih-hero__art svg .ex-film {
  animation: var(--ih-ambient, ih-none);
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  .p-industry--experiences .ex-film {
    animation: none;
    opacity: 1;
    transform: none;
  }
}