/* Stroke-draw icons: the motion is Web Animations in part.js (each stroke dashed to its own length and drawn by
   stroke-dashoffset). This file only keeps an icon hidden between first paint and part.js measuring it (part.js in
   <head> adds .sdi-js to <html>), with a failsafe that shows it at 4 s if the script never arrives.
   --sdi-ease: the stroke ease (default cubic-bezier(.44,0,.56,1), ClipCut's / Framer's default ease-in-out). */
.sdi-js [data-sdi]:not([data-sdi-state]) {
  visibility: hidden;
  animation: sdi-failsafe 0s 4s forwards;
}
@keyframes sdi-failsafe { to { visibility: visible; } }

@media (prefers-reduced-motion: reduce) {
  .sdi-js [data-sdi]:not([data-sdi-state]) { visibility: visible; animation: none; }
}