/* Screen coordinates measured from the unchanged 1536 x 1024 hands render. */
.held-stage{position:relative;width:100%;isolation:isolate}
.held-stage #hands-cutout{width:100%;height:auto;display:block}
.held-screen{position:absolute;left:36.1979167%;top:11.23046875%;width:26.953125%;height:23.92578125%;border-radius:3.38% / 5.71%;overflow:hidden;background:transparent;z-index:1}
.held-screen video{display:block;width:100%;height:100%;object-fit:cover;background:#fff;opacity:0;pointer-events:none}
.held-screen.has-frame video{opacity:1}
.held-screen-toggle{position:absolute;inset:0;width:100%;height:100%;display:grid;place-items:center;padding:0;border:0;background:transparent;color:#fff;cursor:pointer}
.held-screen-toggle .held-play-mark{width:clamp(24px,4vw,48px);height:clamp(24px,4vw,48px);display:grid;place-items:center;border-radius:50%;background:#682c3fe8;box-shadow:0 2px 9px #0003;transition:opacity .2s}
.held-screen-toggle svg{width:55%;height:55%;fill:currentColor}
.held-screen.is-playing .held-play-mark{opacity:0}
.held-screen.is-playing:hover .held-play-mark,.held-screen-toggle:focus-visible .held-play-mark{opacity:1}
.held-screen-toggle:focus-visible{outline:2px solid #fc9d0b;outline-offset:-4px}
.held-video-status{font-size:12px;line-height:1.8;margin-top:12px;color:#682c3f}
.held-video-status:empty{display:none}
.held-restart{background:transparent;border:0;padding:10px 0;color:#682c3f;font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:4px}
.hero-watch{margin-top:20px;font:inherit;font-size:13px;color:#682c3f}
.hero-watch .play{width:32px;height:32px;flex-basis:32px}
.hero-watch+.hero-play{margin-top:8px}
/* Avoid a click target moving during the initial reveal. */
.motion-ready #experience.reveal-on-scroll{transform:none}
@media(prefers-reduced-motion:reduce){.held-screen-toggle .held-play-mark{transition:none}}
