/* Motion for the B3 concept site. Injected by build.py; the static page is the final state. */

/* Hold the hero until motion.js takes over (class set by a tiny head script, removed by motion.js or a 3 s fallback). */
html.mo-hold #top > *:not(header) { opacity: 0; }

@media (prefers-reduced-motion: no-preference) {
  /* Buttons and links: a gentle lift, the arrow nudges. */
  #canvas a > * {
    transition: transform 0.25s cubic-bezier(0.22, 0.61, 0.36, 1), box-shadow 0.25s cubic-bezier(0.22, 0.61, 0.36, 1);
  }
  #canvas a:hover > * { transform: translateY(-1px); }
  #canvas a svg { transition: transform 0.25s cubic-bezier(0.22, 0.61, 0.36, 1); }
  #canvas a:hover svg { transform: translateX(2px); }

  .mo-packet {
    position: absolute;
    width: 6px;
    height: 6px;
    margin: -3px 0 0 -3px;
    border-radius: 50%;
    background: #111312;
    box-shadow: 0 0 0 3px rgba(17, 19, 18, 0.08);
    pointer-events: none;
    opacity: 0;
  }
}