@property --p{syntax:"<number>";inherits:true;initial-value:0}@keyframes ls-progress{0%{--p:0}to{--p:1}}.ls-track{height:calc(420svh - 4rem);position:relative}.ls-sticky{height:calc(100svh - 4rem);position:sticky;top:4rem}.ls-marker{pointer-events:none;height:20%;position:absolute;inset-inline:0}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.ls-track{view-timeline:--ls-story block;view-timeline-inset:4rem 0px}.ls-sticky{animation:linear both ls-progress;animation-timeline:--ls-story;animation-range:contain}@keyframes ls-rise{0%{opacity:0;transform:translateY(1rem)}}.ls-reveal{animation:linear both ls-rise;animation-timeline:view();animation-range:entry entry 35%}@keyframes ls-read{0%{transform:scaleX(0)}}.ls-progress{animation:linear both ls-read;animation-timeline:scroll(root);display:block}}}.ls-progress{transform-origin:0;display:none}.ls-track[data-driver=observer]{transition:--p .7s cubic-bezier(.2,0,0,1)}.ls-layer{--in:clamp(0, (var(--p) - var(--a,-1)) / var(--w,.05), 1);--out:clamp(0, (var(--p) - var(--b,2)) / var(--w,.05), 1);opacity:calc(var(--in) * (1 - var(--out)));transform:translate(calc((1 - var(--in)) * var(--fx,0px) + var(--out) * var(--ox,0px)), calc((1 - var(--in)) * var(--fy,0px) + var(--out) * var(--oy,0px)))}.ls-hit{--in:clamp(0, (var(--p) - var(--a,-1)) / .04, 1);position:relative}.ls-hit:after{content:"";inset-inline:0;background-color:var(--primary);height:.125rem;transform:scaleX(var(--in));transform-origin:0;position:absolute;bottom:-.125rem}.ls-cell{display:grid}.ls-cell>*{grid-area:1/1}.ls-drawing{--dx:0;--dy:1;--b-composer:.25;--b-packet:.49}@media (min-width:64rem){.ls-drawing{--dx:1;--dy:0;--b-composer:.62;--b-packet:2}.ls-cell>.ls-second{grid-area:2/1}}.ls-steps{display:grid}.ls-step{--s:calc(var(--k) / 5);--e:calc((var(--k) + 1) / 5);--in:clamp(0, (var(--p) - var(--s)) / .015, 1);--out:clamp(0, (var(--p) - var(--e) + .015) / .015, 1);opacity:calc(var(--in) * (1 - var(--out)));transform:translateY(calc((1 - var(--in)) * .75rem));grid-area:1/1}.ls-step:first-child{--in:1}.ls-step:last-child{--out:0}.ls-still{display:none}@media (prefers-reduced-motion:no-preference){html:has(.ls-page){scroll-behavior:smooth}}.tm-hit{position:relative}.tm-hit:after{content:"";inset-inline:0;background-color:var(--primary);transform-origin:0;height:.125rem;position:absolute;bottom:-.125rem}@media (prefers-reduced-motion:no-preference){.tm-hit:after{animation:.32s ease-out both tm-underline;animation-delay:var(--tm-delay,0s)}.tm-token{animation:.36s ease-out both tm-flip;animation-delay:var(--tm-delay,0s);transform-origin:50% 100%}}@keyframes tm-underline{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes tm-flip{0%{opacity:0;transform:perspective(20rem)rotateX(-80deg)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.ls-track{height:auto}.ls-sticky{height:auto;position:static}.ls-stage,.ls-marker{display:none}.ls-steps{flex-direction:column;grid-column:1/-1;gap:3rem;display:flex}.ls-step{opacity:1;grid-area:auto;transform:none}.ls-still{display:block}}