/* Product demo playback: team review loops; the assembly pair alternates. */
.motion-canvas > img,
.motion-canvas > video { grid-area: 1 / 1; }
.motion-video { z-index: 1; opacity: 0; min-width: 0; min-height: 0; width: 100%; height: 100%; object-fit: contain; background: white; border-radius: 2px; pointer-events: none; }
.motion-canvas.has-video .motion-video { opacity: 1; }
.motion-toggle { flex: none; display: grid; place-items: center; width: 30px; height: 30px; padding: 5px; border: 1px solid transparent; border-radius: 3px; background: transparent; color: #527562; cursor: pointer; }
.motion-toggle[hidden] { display: none; }
.motion-toggle:hover { background: #edf4eb; color: var(--deep); }
.motion-toggle:focus-visible { outline: 2px solid var(--green); outline-offset: 2px; }
.motion-toggle .motion-pause-icon { display: none; }
.motion-toggle.is-playing .motion-pause-icon { display: block; }
.motion-toggle.is-playing .motion-play-icon { display: none; }
[data-motion-sequence] .is-sequence-playing { border-color: #8fad98; }
[data-motion-sequence] .is-sequence-playing figcaption { background: #f1f7ed; }
.assembly-workflow-visuals { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
.assembly-workflow-visuals .stacked-stage { height: 376px; }
.assembly-workflow-visuals .screen-canvas { padding-bottom: 0; }
.assembly-support-copy { flex: none; padding: 10px 16px 16px; color: #52705c; font-size: 14px; line-height: 1.75; }
@media (max-width: 850px) {
  .assembly-workflow-visuals { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .motion-canvas:not(.motion-opt-in) .motion-video { opacity: 0; }
}