/* Motion is progressive enhancement; all content is visible without JavaScript. */
.scroll-progress{position:fixed;left:0;top:0;width:100%;height:3px;background:var(--acid);transform:scaleX(0);transform-origin:left;z-index:20;pointer-events:none}
@media all{
 .motion-ready .reveal{opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .8s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)}
 .motion-ready .reveal.is-visible{opacity:1;transform:translateY(0)}
 .motion-ready .hero-visual{transform:translateY(var(--hero-shift,0px));will-change:transform}
 .hero-switch button{transition:background .25s,color .25s,transform .25s}.hero-switch button:hover{transform:translateY(-3px)}
 .hero-visual img.image-enter{animation:product-enter .55s cubic-bezier(.22,1,.36,1) both}
 .ribbon.motion-ribbon{display:flex;overflow:hidden}.motion-ribbon .ribbon-track{display:flex;flex:0 0 auto;gap:0;width:max-content;animation:ribbon-flow 38s linear infinite}.motion-ribbon .ribbon-track>div{flex:0 0 auto;padding-right:38px}.motion-ribbon:hover .ribbon-track,.motion-paused .ribbon-track{animation-play-state:paused}
 .footer-signature{transform:translateX(var(--signature-shift,0px));will-change:transform}
 @keyframes product-enter{from{opacity:.2;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
 @keyframes ribbon-flow{to{transform:translateX(-50%)}}
}
.motion-control{position:fixed;bottom:16px;right:16px;z-index:15;border:1px solid #657044;background:#15180fed;color:#e5eddb;border-radius:30px;padding:10px 14px;font:500 12px Arial,sans-serif;cursor:pointer;min-height:40px;box-shadow:0 3px 20px #0004}.motion-control:focus-visible{outline:3px solid var(--acid);outline-offset:3px}.motion-paused .reveal{opacity:1!important;transform:none!important;transition:none!important}.motion-paused .hero-visual,.motion-paused .footer-signature{transform:none!important}.motion-paused .image-enter{animation:none!important}
@media(max-width:760px){.motion-control{bottom:10px;right:10px;font-size:11px;padding:9px 12px}.motion-ready .hero-visual{transform:none}.footer-signature{transform:none}}
.motion-paused .ribbon-track{animation-play-state:paused!important}