.mt .nav{position:sticky}
.mt .nav::after{
  content:"";position:absolute;left:0;bottom:-1px;height:2px;
  width:100%;background:var(--pop-1,var(--jade));
  transform:scaleX(var(--read,0));transform-origin:left center;
}
:root{
  --arc-draw-at:.62;
  --step-lit-top:.72;
  --step-lit-bot:.18;
  --payoff-at:.90;
  --step-dim:.42;
  --step-past:.82;
  --step-rise:14px;
  --step-dur:.6s;
  --step-move-dur:.7s;
  --step-ease:cubic-bezier(.22,1,.28,1);
  --num-scale:1.14;
  --num-dur:.45s;
  --io-stagger:90ms;
}
.mt .arc-line::after{
  height:100% !important;
  transform:scaleY(var(--arc,0));
  transform-origin:top center;
  transition:none;
}
.mt .step{--on:0}
.mt .step-num span{
  transition:background var(--num-dur) ease, color var(--num-dur) ease,
             border-color var(--num-dur) ease, transform var(--num-dur) var(--step-ease);
}
.mt .step.on .step-num span{
  background:var(--pop-edge,var(--ink));color:#fff;
  border-color:var(--pop-edge,var(--ink));transform:scale(var(--num-scale));
}
.mt .step-copy,.mt .step-art{
  opacity:var(--step-dim);transform:translateY(var(--step-rise));
  transition:opacity var(--step-dur) ease, transform var(--step-move-dur) var(--step-ease);
}
.mt .step.on .step-copy,.mt .step.on .step-art{opacity:1;transform:none}
.mt .step.past .step-copy,.mt .step.past .step-art{opacity:var(--step-past);transform:none}
.mt .spread-art img{
  transform:translate3d(0,calc(var(--drift,0) * 26px),0) scale(1.07);
  will-change:transform;
}
.mt .plate-2{position:relative;overflow:hidden}
.mt .plate-2::after{
  content:"";position:absolute;top:0;bottom:0;width:34%;
  left:calc(var(--pulse,0) * 140% - 34%);
  background:linear-gradient(90deg,transparent,rgba(15,122,110,.07),transparent);
  pointer-events:none;
}
.mt .io.out li{
  opacity:0;transform:translateX(-10px);
  transition:opacity .5s ease, transform .6s cubic-bezier(.22,1,.28,1);
  transition-delay:calc(var(--i,0) * var(--io-stagger));
}
.mt .plate-2.on .io.out li{opacity:1;transform:none}
.mt .io:not(.out) li{
  opacity:0;transform:translateX(10px);
  transition:opacity .5s ease, transform .6s cubic-bezier(.22,1,.28,1);
  transition-delay:calc(var(--i,0) * var(--io-stagger));
}
.mt .plate-2.on .io:not(.out) li{opacity:1;transform:none}
.mt .payoff h2{
  opacity:calc(.25 + var(--pay,0) * .75);
  transform:translateY(calc((1 - var(--pay,0)) * 22px));
}
.mt .payoff p{opacity:var(--pay,0);transition:opacity .3s linear}
.mt .toc li a{position:relative}
.mt [data-in]{
  opacity:0;transform:translateY(18px);
  transition:opacity .6s ease, transform .7s cubic-bezier(.22,1,.28,1);
}
.mt [data-in].is-in{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  .mt .step-copy,.mt .step-art,.mt .io li,.mt [data-in]{
    opacity:1 !important;transform:none !important;transition:none !important;
  }
  .mt .arc-line::after{transform:scaleY(1)}
  .mt .payoff h2,.mt .payoff p{opacity:1;transform:none}
  .mt .spread-art img{transform:none}
  .mt .plate-2::after{display:none}
}