/* 8-scene films on /guides (resident email, 2026-10-11). The shared stylesheet stops at film-7. */
.product-film.film-8.film-at-step-1 .motion-progress i { transform: scaleX(.125); }
.product-film.film-8.film-at-step-2 .motion-progress i { transform: scaleX(.25); }
.product-film.film-8.film-at-step-3 .motion-progress i { transform: scaleX(.375); }
.product-film.film-8.film-at-step-4 .motion-progress i { transform: scaleX(.5); }
.product-film.film-8.film-at-step-5 .motion-progress i { transform: scaleX(.625); }
.product-film.film-8.film-at-step-6 .motion-progress i { transform: scaleX(.75); }
.product-film.film-8.film-at-step-7 .motion-progress i { transform: scaleX(.875); }
.product-film.film-8.film-at-step-8 .motion-progress i { transform: scaleX(1); }
.product-film.film-8.film-at-step-8 .film-dark-wash { opacity: 1; }
.product-film.film-8 .film-dot { width: 36px; }
/* 8 dots + arrows must stay clear of the phone (verify ctlOverPhone at 1024-1366) */
@media (max-width: 1439px) { .product-film.film-8 .film-dot { width: 30px; } }
@media (max-width: 1279px) { .product-film.film-8 .film-dot { width: 22px; } }
@media (max-width: 640px) { .product-film.film-8 .film-dot { width: 24px; } }
@media (max-width: 360px) { .product-film.film-8 .film-dot { width: 20px; } }
@media (prefers-reduced-motion: reduce) {
  .product-film .film-screen.film-frame-8,
  .product-film .film-copy.film-frame-8 { display: grid !important; opacity: 0 !important; transform: none !important; }
  .product-film .film-step-current.film-frame-8 { display: inline !important; opacity: 0 !important; transform: none !important; }
  .product-film .film-screen.is-current,
  .product-film .film-copy.is-current,
  .product-film .film-step-current.is-current { opacity: 1 !important; }
}