.tl{position:relative;margin-top:40px}
.tl-svg{display:block;width:100%;height:auto;overflow:visible}
.tl-svg circle{fill:#3b3f3a}.tl-svg circle.f{fill:#9ea39a}.tl-svg circle.ink{fill:var(--ink)}
.tl-base{stroke:#3b3f3a;stroke-width:1.2;stroke-dasharray:1200;stroke-dashoffset:1200;transition:stroke-dashoffset 2.4s cubic-bezier(.22,1,.36,1)}
.tl-svg circle.stop{fill:var(--white);stroke:var(--ink);stroke-width:1.6}
.tl-ring{fill:none!important;stroke:var(--ink);stroke-width:1;stroke-dasharray:.01 5;stroke-linecap:round}
.tl-svg circle.stop.lz2{fill:var(--lime);stroke:var(--olive)}
.tl-svg circle.lz{fill:var(--ink)}.tl-svg circle.ld{fill:#9ea39a}
.tl-t{font:600 11px 'Archivo Narrow',sans-serif;letter-spacing:1px;text-transform:uppercase;fill:var(--muted)}
.tl-loop{fill:none!important;stroke:var(--ink);stroke-width:2.4;stroke-dasharray:.01 8;stroke-linecap:round}
.tl-svg circle.tl-lime{fill:var(--lime)}.tl-svg circle.tl-glow{fill:var(--lime);opacity:.3}
.tl-orb{transform-origin:935px 132px;animation:tlspin 7s linear infinite}
@keyframes tlspin{to{transform:rotate(360deg)}}
.tl-glow.pulse{transform-origin:1125px 132px;animation:tlpulse 2.4s cubic-bezier(.22,1,.36,1) infinite}
@keyframes tlpulse{0%{transform:scale(.6);opacity:.5}100%{transform:scale(1.6);opacity:0}}
.tl-g{opacity:0;transform:translateY(10px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
.tl.go .tl-base{stroke-dashoffset:0}.tl.go .tl-g{opacity:1;transform:none}
.tl.go .tl-2{transition-delay:.35s}.tl.go .tl-3{transition-delay:.8s}.tl.go .tl-4{transition-delay:1.25s}.tl.go .tl-5{transition-delay:1.7s}
.tl-caps{position:relative;height:160px;margin-top:14px}
.tl-cap{position:absolute;top:0;width:14.5%;transform:translateX(-50%);text-align:center}
.tl-cap .yr{display:block;font:600 13px/1 'Archivo Narrow',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.tl-cap p{margin-top:8px;font-size:14.5px;line-height:1.45;color:var(--body)}
.tl-cap p a{display:inline-block;margin-top:6px;font-weight:600;color:var(--olive)}
.tl-cap.lesson .yr{color:var(--olive)}.tl-cap.lesson p{color:var(--ink);font-weight:500}
#story .sig{margin-top:28px}
@media (max-width:900px){.tl-svg{display:none}.tl-caps{height:auto;display:grid;gap:22px;margin-top:0;border-left:1px dashed var(--line);padding-left:22px}.tl-cap{position:relative;left:auto!important;transform:none;width:auto;text-align:left}.tl-cap::before{content:"";position:absolute;left:-27px;top:2px;width:9px;height:9px;border-radius:50%;background:var(--ink)}.tl-cap.lesson::before{background:var(--lime)}}
@media (prefers-reduced-motion:reduce){.tl-base{stroke-dashoffset:0;transition:none}.tl-g{opacity:1;transform:none;transition:none}.tl-orb,.tl-glow.pulse{animation:none}}