.assembly-stage{filter:grayscale()brightness(1.07);mix-blend-mode:multiply;height:clamp(520px,44vw,700px);position:relative}.assembly-source,.assembly-layers{object-fit:contain;width:100%;height:100%;display:block}.assembly-layers{pointer-events:none;display:none;position:absolute;inset:0;overflow:visible}.assembly-art:is([data-phase=playing],[data-phase=paused]) .assembly-layers{display:block}.assembly-art:is([data-phase=playing],[data-phase=paused]) .assembly-source{z-index:1;animation:.8s 5.7s both assembly-finish;position:relative}.assembly-piece{transform-box:fill-box;transform-origin:50%}.assembly-art:is([data-phase=playing],[data-phase=paused]) .assembly-piece{animation:assembly-arrive 1.25s cubic-bezier(.22, .75, .22, 1) var(--part-delay) both}.assembly-art:is([data-phase=playing],[data-phase=paused]) .assembly-margins{animation:1.3s 4.05s both assembly-study}.assembly-construction{stroke-dasharray:1;stroke-dashoffset:1px}.assembly-art:is([data-phase=playing],[data-phase=paused]) .assembly-construction{animation:4.5s both assembly-guides}.assembly-art:is([data-phase=playing],[data-phase=paused]) .eink-annotation{animation:.5s 4.8s both assembly-note}.assembly-art:is([data-phase=playing],[data-phase=paused]) .assembly-handwriting{animation:1.1s ease-out 4.85s both assembly-write}.assembly-handwriting{display:block}.assembly-art:is([data-phase=playing],[data-phase=paused]) .movement{animation-delay:5.35s}.assembly-art:is([data-phase=playing],[data-phase=paused]) .movement .assembly-handwriting{animation-delay:5.4s}.assembly-art:is([data-phase=playing],[data-phase=paused]) .eink-art-note{animation:.6s 5.7s both assembly-note}.assembly-art[data-phase=paused] .assembly-sequence *{animation-play-state:paused!important}.assembly-control{color:#55584e;z-index:2;background:0 0;align-items:center;gap:7px;min-height:36px;padding:5px 0;font-size:11px;display:inline-flex;position:absolute;bottom:-20px;left:7%}.assembly-control:hover{color:#20231d;text-underline-offset:4px;text-decoration:underline}.assembly-control:focus-visible{outline-offset:4px;border-radius:2px;outline:2px solid #857230}@keyframes assembly-arrive{0%{opacity:0;transform:translate(var(--part-x), var(--part-y)) rotate(var(--part-angle))}18%{opacity:1}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes assembly-study{0%{opacity:0;clip-path:inset(0 0 100%)}to{opacity:1;clip-path:inset(0)}}@keyframes assembly-guides{0%{stroke-dashoffset:1px;opacity:0}20%{opacity:.24}80%{stroke-dashoffset:0;opacity:.18}to{stroke-dashoffset:0;opacity:0}}@keyframes assembly-note{0%{opacity:0}to{opacity:1}}@keyframes assembly-write{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes assembly-finish{0%{opacity:0}to{opacity:1}}@media (max-width:1000px){.assembly-stage{height:520px}.eink-home .assembly-art .eink-annotation{font-size:14px;display:block}.assembly-art .eink-annotation.curiosity{max-width:120px;left:1%}.assembly-art .eink-annotation.movement{right:0}}@media (max-width:680px){.eink-home .assembly-art{width:100%;max-width:none;margin:16px 0 26px}.assembly-stage{aspect-ratio:1;height:auto}.eink-home .assembly-art .eink-annotation{font-size:12px}.assembly-art .eink-annotation.curiosity{max-width:95px;top:22%;left:-1%}.assembly-art .eink-annotation.movement{bottom:12%;right:0}.assembly-art .eink-art-note{bottom:-4px;right:0;font-size:8px!important}.assembly-control{min-height:40px;bottom:-30px;left:0}}@media (prefers-reduced-motion:reduce){.assembly-art .assembly-layers,.assembly-art .assembly-control{display:none!important}.assembly-art .assembly-source,.assembly-art figcaption span{opacity:1!important;clip-path:none!important;animation:none!important}}.eink-home .eink-hero-art.assembly-art{width:100%;margin-left:0}
