aiから書き出したSVGで、animationが２周してしまう

Question

こんにちは。
aiデータから、パスをsvgを書き出しstrokeをanimationさせて四角い線を描かせたいのですが、
実行すると開始点から２方向に線が伸びてゆき、１周目で想定の半分程度の細さの線が描かれ、２周目で想定したwidthの線になり終了します。
1方向に線が伸び、１周で想定したwidthの線で終了させるにはどうすればよいでしょうか。

svgのパス

<svg viewBox="0 0 1000 521">
  <g id="box01">
    <path class="box" d="M999,49V167H741V49H999m1-1H740V168h260V48Z"/>
  </g>
</svg>

css

.box {
  fill:none;
  stroke:#FFFFFF;
  stroke-width: 1;
  stroke-dashoffset:10px;
  stroke-dasharray: 4000;
  stroke-dashoffset: 4000;
  animation: SVG-anim 10s 3s ease forwards;
}

@keyframes SVG-anim {
 0% {
 stroke-dashoffset: 4000;
 }
 100% {
  stroke-dashoffset: 0;
 }
}

Answer 1

https://fuuno.net/ani/ani16/ani16.html
こちらの記事を参考に、自己解決しました。
パスに開始点、終了点が定まっていないことが原因でしたので、aiデータのパスをハサミツールで切ることで解決しました。