/* CP17: map the approved 1920 × 1080 AE canvas to the existing 1040 × 941 art box.
   Source frame in AE: x470.6404 y21.9888, scale1.124325. Do not crop the light. */
.checkpoint-one .hero-artwork[data-hero-video] { isolation:isolate; }
.checkpoint-one .hero-motion-surface {
  position:absolute; left:-40.249%; top:-2.078%; width:164.196%; max-width:none;
  height:auto; aspect-ratio:16 / 9; display:block; object-fit:contain; pointer-events:none;
}
.hero-motion-video { visibility:hidden; }
.hero-motion-poster { visibility:visible; }
[data-hero-video][data-video-state="playing"] .hero-motion-video,
[data-hero-video][data-video-state="paused"] .hero-motion-video { visibility:visible; }
[data-hero-video][data-video-state="playing"] .hero-motion-poster,
[data-hero-video][data-video-state="paused"] .hero-motion-poster { visibility:hidden; }
.hero-motion-toggle {
  position:absolute; z-index:7; left:24px; bottom:18px; width:36px; height:36px;
  display:grid; place-items:center; border:1px solid #ffffff80; border-radius:50%;
  background:#464350; color:#fff; font:14px/1 system-ui; cursor:pointer;
}
.hero-motion-toggle[hidden] { display:none; }
.hero-motion-toggle:is(:hover,:focus-visible) { color:#464350; background:#fff; }
.hero-motion-toggle:focus-visible { outline:3px solid #00b3a7; outline-offset:4px; }
@media (max-width:720px) { .hero-motion-toggle { left:16px; bottom:16px; } }
@media (prefers-reduced-motion:reduce), print {
  .hero-motion-video,.hero-motion-toggle { display:none!important; }
  .hero-motion-poster { visibility:visible!important; }
}