/* The original illustration remains available when scripting or canvas is unavailable. */
.hero-art.hero-live .hero-drawing{visibility:hidden}.hero-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.hero-canvas[hidden]{display:none}.hero-motion-controls{position:absolute;left:24px;right:24px;bottom:60px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:2}.hero-motion-controls[hidden]{display:none}.hero-motion-controls button{border:1px solid var(--c-stage-control);background:rgb(var(--c-stage-hi-rgb)/.91);color:var(--c-stage-text);padding:10px 13px;font-size:10px;display:flex;align-items:center;gap:9px}.hero-motion-controls button:hover{background:var(--c-stage-hi)}.hero-motion-controls button span{font-size:16px}.hero-fold-label{display:flex;align-items:center;gap:13px;font:8px monospace;letter-spacing:.7px;color:var(--c-stage-muted)}.hero-fold-label input[type=range]{width:95px;margin:0;height:2px;background:linear-gradient(to right,var(--c-accent-bg) var(--progress,0%),var(--c-stage-control) var(--progress,0%))}.hero-fold-label input[type=range]::-webkit-slider-thumb{border-color:var(--c-stage);width:10px;height:10px}.hero-fold-label input[type=range]::-moz-range-thumb{border-color:var(--c-stage)}.hero-live .art-caption{font-size:8px;letter-spacing:.55px}.hero-live .art-corner span:last-child{font-size:8px}
@media(max-width:760px){.hero-motion-controls{left:20px;right:20px;bottom:53px;gap:10px}.hero-motion-controls button{padding:8px 10px;font-size:9px}.hero-fold-label{font-size:7px;gap:8px}.hero-fold-label input[type=range]{width:75px}.hero-live .art-caption{font-size:7px;letter-spacing:.2px}.hero-live .art-corner span:last-child{font-size:7px}}