/* La signature Purisgn : l'arche se trace bande par bande, puis le point se pose. */
.purisgn { display: inline-flex; align-items: center; gap: .65rem; color: inherit; text-decoration: none; font-size: .9em; }
.purisgn svg { width: 34px; height: 34px; flex: none; }
.purisgn path { fill: none; stroke-width: 10; stroke-dasharray: 100; stroke-dashoffset: 0; }
.purisgn .a1 { stroke: #e0352b; } .purisgn .a2 { stroke: #f9a60a; } .purisgn .a3 { stroke: #86be2b; } .purisgn .a4 { stroke: #2168c4; }
.purisgn circle { fill: currentColor; transform-box: fill-box; transform-origin: center; }
.js .purisgn path { stroke-dashoffset: 100; }
.js .purisgn circle { transform: scale(0); }
.js .purisgn.vu path { stroke-dashoffset: 0; transition: stroke-dashoffset .9s cubic-bezier(.65,0,.35,1); }
.js .purisgn.vu .a2 { transition-delay: .12s; } .js .purisgn.vu .a3 { transition-delay: .24s; } .js .purisgn.vu .a4 { transition-delay: .36s; }
.js .purisgn.vu circle { transform: scale(1); transition: transform .5s cubic-bezier(.34,1.56,.64,1) .95s; }
.purisgn b { font-weight: 500; }