/* The approved vector lettering stays still; only its speed lines and blue knot move. */
.brand-animated { display:block;max-width:100%;height:auto;flex-shrink:0;overflow:visible; }
.brand-animated .logo-speed,.brand-animated .logo-symbol { transform-box:fill-box;transform-origin:center; }
.brand-animated .logo-speed { transform-origin:right center; }
.logo-speed-1 { --line-opacity:1; }.logo-speed-2 { --line-opacity:.55; }.logo-speed-3 { --line-opacity:.32; }
.wordmark:hover .logo-symbol { filter:drop-shadow(0 0 4px #2855ff38); }
@keyframes brand-speed-line {
  0%,18%,100% { transform:translateX(0) scaleX(1);opacity:var(--line-opacity); }
  5% { transform:translateX(-7px) scaleX(.7);opacity:.18; }
  11% { transform:translateX(1px) scaleX(1.1);opacity:1; }
}
@keyframes brand-knot-turn {
  0%,19%,100% { transform:rotate(0deg) scale(1); }
  7% { transform:rotate(-12deg) scale(.96); }
  12% { transform:rotate(7deg) scale(1.07); }
}
@media(prefers-reduced-motion:no-preference){
  .brand-animated .logo-speed { animation:brand-speed-line 8s ease-in-out infinite;animation-play-state:paused; }
  .brand-animated .logo-speed-2 { animation-delay:.12s; }.brand-animated .logo-speed-3 { animation-delay:.24s; }
  .brand-animated .logo-symbol { animation:brand-knot-turn 8s ease-in-out infinite;animation-delay:.18s;animation-play-state:paused; }
  html.motion-ready:not(.motion-paused) .brand-in-view .logo-speed,html.motion-ready:not(.motion-paused) .brand-in-view .logo-symbol,
  html.ev-motion-ready:not(.ev-motion-paused) .brand-in-view .logo-speed,html.ev-motion-ready:not(.ev-motion-paused) .brand-in-view .logo-symbol { animation-play-state:running; }
}
@media(prefers-reduced-motion:reduce){
  html.motion-opt-in:not(.motion-paused) .brand-in-view .logo-speed,html.ev-motion-opt-in:not(.ev-motion-paused) .brand-in-view .logo-speed { animation:brand-speed-line 8s ease-in-out infinite!important; }
  html.motion-opt-in:not(.motion-paused) .brand-in-view .logo-symbol,html.ev-motion-opt-in:not(.ev-motion-paused) .brand-in-view .logo-symbol { animation:brand-knot-turn 8s ease-in-out infinite!important; }
}