.tl{--cols:5;grid-template-columns:repeat(var(--cols), minmax(0, 1fr));border-left:1px solid var(--line);list-style:none;display:grid;position:relative}.tl:before{content:"";background:var(--lava);transform-origin:0;height:2px;transition:transform 1.4s var(--ease) .15s;position:absolute;top:19px;left:0;right:0;transform:scaleX(0)}.tl.in:before{transform:scaleX(1)}.tl li{border-right:1px solid var(--line);padding:0 24px 30px;transition:background .3s;position:relative}.tl li:hover{background:var(--hover-bg)}.tl .tl-n{z-index:1;background:var(--bg);border:1.5px solid var(--line-strong);width:40px;height:40px;color:var(--fg);border-radius:50%;place-items:center;font-size:13px;font-weight:600;transition:background .3s,border-color .3s,color .3s;display:grid;position:relative}.tl li:hover .tl-n{background:var(--lava-fill);color:#fff;border-color:#0000}.tl h3{letter-spacing:-.01em;margin-top:22px;font-size:18px;font-weight:700;line-height:1.3}.tl p{color:var(--muted);margin-top:10px;font-size:15px;line-height:1.6}@media (width<=1024px){.tl{border-left:0;grid-template-columns:1fr}.tl:before{transform-origin:top;width:2px;height:auto;inset:0 auto 0 19px;transform:scaleY(0)}.tl.in:before{transform:scaleY(1)}.tl li{border-right:0;grid-template-columns:40px minmax(0,1fr);column-gap:22px;padding:0 0 30px;display:grid}.tl li:last-child{padding-bottom:0}.tl li:hover{background:0 0}.tl .tl-n{grid-row:1/span 2}.tl h3{margin-top:8px}}@media (prefers-reduced-motion:reduce){.tl:before{transition:none}}:root:not(.js) .tl:before{transform:none}