/* Standalone SVG animation. Without motion, every part is visible from the start. */
@media (prefers-reduced-motion: no-preference) {
  #hanger path:first-child { stroke-dasharray: 1 1.01; animation: draw-arm .75s ease-in-out both; }
  #hanger path + path { stroke-dasharray: 1 1.01; animation: draw-arm .75s .35s ease-in-out both; }
  #letters path { animation: letters .5s .75s ease-out both; }
  #letters path:nth-child(2) { animation-delay: .87s; }
  #letters path:nth-child(3) { animation-delay: .99s; }
  #letters path:nth-child(4) { animation-delay: 1.11s; }
  #letters path:nth-child(5) { animation-delay: 1.23s; }
  #rule { stroke-dasharray: 1; animation: underline .7s 1.3s ease-out both; }
}
@keyframes draw-arm { from { stroke-dashoffset: 1.005; opacity: 0 } 1% { opacity: 1 } to { stroke-dashoffset: 0; opacity: 1 } }
@keyframes letters { from { opacity: 0 } to { opacity: 1 } }
@keyframes underline { from { stroke-dashoffset: 1 } to { stroke-dashoffset: 0 } }