@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
  html.mo body { animation: mo-enter .55s cubic-bezier(.2,.7,.2,1) both; }
  @keyframes mo-enter { from { opacity: 0; } to { opacity: 1; } }
  .mo-r { opacity: 0; transform: translate3d(0,16px,0); transition: opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1); transition-delay: var(--mo-d, 0ms); }
  .mo-r.mo-in { opacity: 1; transform: none; }
  html.mo header [class*="lockup"], html.mo .bx-lockup-head { animation: mo-lock .9s cubic-bezier(.2,.7,.2,1) .05s both; }
  @keyframes mo-lock { from { opacity: 0; transform: translate3d(0,-6px,0); letter-spacing: .02em; } to { opacity: 1; transform: none; } }
  .bx-foot.mo-in [class*="lockup"], .bx-foot.mo-in .bx-foot-mark { animation: mo-lock .9s cubic-bezier(.2,.7,.2,1) both; }
  :where(a, button, [role="button"], summary) { transition: color .18s, background-color .18s, border-color .18s, opacity .18s, transform .12s cubic-bezier(.2,.7,.2,1); }
  :where(button, [role="button"], .btn, .v2-btn, .ob-go, .ob-path):active { transform: scale(.975); }
  :where(main, article, footer) a:not([class]):hover { text-decoration-thickness: 2px; text-underline-offset: 4px; }
}
:target { scroll-margin-top: 80px; }
.mo-bar { position: fixed; inset: 0 0 auto 0; height: 2px; z-index: 9999; pointer-events: none; transform-origin: 0 50%; transform: scaleX(0); background: linear-gradient(90deg, #e09830, #f5d27a); opacity: .9; }
@media (prefers-reduced-motion: reduce) { .mo-bar { transition: none; } }