*{box-sizing:border-box} body{margin:0;background:#eeeae5}
.hero{min-height:100svh;padding:24px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hero-art{display:block;width:100%;max-width:800px;overflow:visible;isolation:isolate}
.hero-art .piece{opacity:0}
.hero-art .complete-image{opacity:0}
.hero-art.is-complete .complete-image{opacity:1}
.hero-art.is-complete .piece{display:none}
@media(max-width:760px){.hero-art{width:100%}}
@media(prefers-reduced-motion:reduce){.hero-art .complete-image{opacity:1}.hero-art .piece{display:none}}