Как реализовать fullscreen плавную прокрутку внутри sticky спозиционированного блока?

Question

[this0what]

В общем есть страница которая скроллится до определенной секции(sticky) и по достижению её начинает работать fullscreen scroll, после последнего экрана опять обычная прокрутка.
https://codepen.io/clxxiii/pen/ExEWNwW вот пример того как должны проскроливаться section внутри sticky блока.

вот структура - где section = 100vh, а sticky__container = сумма всех section + еще 100vh чтобы блоки прилипали пока не проскроллим все sections.
<div class="wrapper">
  <div class="sticky__container">
    <div class="fullscreen-scroll">
      <section class="snap" style="background: #000">1</section>
      <section class="snap" style="background: #f00">2</section>
      <section class="snap" style="background: #0f0">3</section>
    </div>
  </div>
</div>

Как можно такое реализовать подскажите?