How it works

• Uses SVG stroke-dasharray with pathLength="1" for normalized length.
• Animates stroke-dashoffset 1 → 0 to simulate a pen tracing the path.
• Sequential mode: layer 1 strokes, then layer 2, then fills fade in.
• Mirrored mode: both layers stroke at once — one clockwise, one counter-clockwise (offset 1→0 vs −1→0 reverses which end the stroke grows from).