anime.js の発火タイミングを遅らせたい

Question

前提・実現したいこと

jsのアニメーションを　anime.js　で実装しているのですが、
発火タイミングを遅らせたい場合の記述の仕方がわからず困っております。

参考にしたアニメーションサイト
anime.js

該当のソースコード

<h1 class="ml2">Sunny mornings</h1>

<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js"></script>

.ml16 {
  color: #402d2d;
  padding: 40px 0;
  font-weight: 800;
  font-size: 2em;
  text-transform: uppercase;
  letter-spacing: 0.5em;
  overflow: hidden;
}

.ml16 .letter {
  display: inline-block;
  line-height: 1em;
}

// Wrap every letter in a span
var textWrapper = document.querySelector('.ml2');
textWrapper.innerHTML = textWrapper.textContent.replace(/\S/g, "<span class='letter'>$&</span>");

anime.timeline({loop: true})
  .add({
    targets: '.ml2 .letter',
    scale: [4,1],
    opacity: [0,1],
    translateZ: 0,
    easing: "easeOutExpo",
    duration: 950,
    delay: (el, i) => 70*i
  }).add({
    targets: '.ml2',
    opacity: 0,
    duration: 1000,
    easing: "easeOutExpo",
    delay: 1000
  });

こちらを表示されてすぐにアニメーションが始まるのではなく、
ページが表示されて5秒後にアニメーションが始まるように
する場合に、どのように記載する必要があるのでしょうか？

おそらくdelayの部分に書くと言うことはわかるのですが、記載方法が調べてもどうしてもわからずこちらで質問をさせていただきました。
有識者の方がいらっしゃいましたら、教えていただけると幸いです。

宜しくお願い致します。

Answer 1

delay: (el, i) => 5000 + 70 * i

これで解決しました。