/* Empower scroll motion. Only applies once motion.js has added html.mo */
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
.mo-progress{position:fixed;left:0;top:0;height:3px;width:100%;background:#3b82f6;transform:scaleX(0);transform-origin:0 50%;z-index:9999;pointer-events:none}
html.mo nav{transition:box-shadow .3s ease,background-color .3s ease}
html.mo nav.mo-scrolled{box-shadow:0 6px 24px rgba(15,23,42,.08)}
html.mo .mo-in{transform:translateY(22px);transition:transform .9s cubic-bezier(.16,1,.3,1)}
html.mo .mo-up{opacity:0;transform:translateY(34px) scale(.985);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
html.mo .mo-in.mo-on,html.mo .mo-up.mo-on{opacity:1;transform:none}