.arc-logo { display: inline-flex; line-height: 0; color: currentColor; }
.arc-logo svg { display: block; overflow: visible; }
.arc-logo path { fill: currentColor; stroke: currentColor; stroke-width: 2.4; transition: fill .4s ease, stroke .4s ease; }
.arc-logo--animate path {
  fill-opacity: 0;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  animation: adsLogoDash 1.1s cubic-bezier(.65, 0, .35, 1) forwards, adsLogoFill .6s ease .95s forwards;
}
.arc-logo--animate path:nth-child(2) { animation-delay: .38s, 1.33s; }
@keyframes adsLogoDash { to { stroke-dashoffset: 0; } }
@keyframes adsLogoFill { to { fill-opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .arc-logo--animate path { animation: none; fill-opacity: 1; stroke-dashoffset: 0; } }