main{overflow:clip}.scroll-piece{translate:var(--assemble-x,0px) var(--assemble-y,0px);rotate:var(--assemble-r,0deg);scale:var(--assemble-s,1);opacity:var(--assemble-o,1);transform-origin:50% 55%}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#d9be80,#e44132);z-index:30;pointer-events:none}.scroll-cue{display:flex;align-items:center;gap:12px;margin-top:27px;font-size:7px;letter-spacing:.17em;color:#99988f;line-height:1.8}.scroll-cue>span{font-size:20px;color:var(--gold)}.scroll-cue i{width:27px;height:1px;background:#ffffff33}.record-scene.scroll-piece{transform-origin:50% 50%}.motion-paused .scroll-piece{translate:0 0!important;rotate:0deg!important;scale:1!important;opacity:1!important}@media(max-width:720px){.scroll-cue{font-size:6px;gap:9px;margin-top:18px}.hero{padding-bottom:15px}}@media(prefers-reduced-motion:reduce){.scroll-piece{translate:none!important;rotate:none!important;scale:none!important;opacity:1!important}.scroll-cue{opacity:1!important}}

.motion-control{position:fixed;right:16px;bottom:102px;z-index:9;background:#1b1b18eb;border:1px solid #d9be8055;color:#d9be80;font-size:10px;padding:9px 13px;border-radius:25px;backdrop-filter:blur(10px)}