/* ring: commons
 * seed: silk (680ms — top of the 520-680 band; a draw is a slow reveal, never bounce)
 * still: ./still.md
 * reduced: replace (fully drawn still — reduced.css)
 * when-not: payload charts, numbers, receipts; logo assemble only if the door is synergymade
 *
 * C-DRAW-SVG — stroke draw via pathLength="1" normalization.
 * Mark paths with pathLength="1" in the SVG; arm by adding [data-drawn] (index.mjs or reveal).
 */

[data-c-draw] :is(path, line, circle, rect, polyline) {
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  transition: stroke-dashoffset var(--ss-silk-duration, 560ms) var(--ss-silk-easing, cubic-bezier(0.16, 1, 0.3, 1));
  transition-duration: 680ms;
}

[data-c-draw][data-drawn] :is(path, line, circle, rect, polyline) {
  stroke-dashoffset: 0;
}