.timeline.svelte-1aq4nv0{position:relative;display:grid;grid-template-columns:1fr;gap:0}.step.svelte-1aq4nv0{display:grid;grid-template-columns:110px 1fr;gap:40px;padding:32px 0;border-top:1px solid rgba(var(--currentTextColor),.12);position:relative;opacity:0;transition:opacity .6s ease calc(var(--i) * 70ms),transform .4s ease,background .3s ease}.timeline.is-visible.svelte-1aq4nv0 .step:where(.svelte-1aq4nv0){opacity:1}.step.svelte-1aq4nv0:last-child{border-bottom:1px solid rgba(var(--currentTextColor),.12)}.step.is-active.svelte-1aq4nv0{transform:translate(16px)}.step.is-active.svelte-1aq4nv0 .step-title:where(.svelte-1aq4nv0){color:var(--color-primary)}.step.is-active.svelte-1aq4nv0 .step-node:where(.svelte-1aq4nv0){background:var(--color-primary);border-color:var(--color-primary);transform:scale(1.4)}.step.is-active.svelte-1aq4nv0 .step-node:where(.svelte-1aq4nv0):after{opacity:.15}.step-num.svelte-1aq4nv0{font-family:ui-monospace,JetBrains Mono,monospace;font-size:11px;letter-spacing:.16em;opacity:.5;padding-top:6px}.step-row.svelte-1aq4nv0{display:grid;grid-template-columns:80px 1fr 1.1fr;gap:40px;align-items:start}.step-graph.svelte-1aq4nv0{position:relative;width:80px;height:100%;min-height:80px}.step-line.svelte-1aq4nv0{position:absolute;left:39px;top:-32px;bottom:-32px;width:2px;background:linear-gradient(180deg,transparent 0%,rgba(var(--currentTextColor),.18) 10%,rgba(var(--currentTextColor),.18) 90%,transparent 100%)}.step.svelte-1aq4nv0:first-child .step-line:where(.svelte-1aq4nv0){top:16px}.step.svelte-1aq4nv0:last-child .step-line:where(.svelte-1aq4nv0){bottom:calc(100% - 16px)}.step-node.svelte-1aq4nv0{position:absolute;left:28px;top:8px;width:24px;height:24px;border-radius:50%;background:var(--color-surface, #fff);border:2.5px solid rgb(var(--currentTextColor));z-index:2;transition:transform .3s cubic-bezier(.2,.7,.2,1),background .3s ease,border-color .3s ease}.step-node.svelte-1aq4nv0:after{content:"";position:absolute;inset:-8px;border-radius:50%;background:var(--color-primary);opacity:0;transition:opacity .3s ease;z-index:-1}.step-title.svelte-1aq4nv0{font-size:clamp(28px,3vw,44px);line-height:1;letter-spacing:-.02em;transition:color .3s}.step-label.svelte-1aq4nv0{font-family:ui-monospace,JetBrains Mono,monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;opacity:.5;display:block;margin-bottom:14px}.step-copy.svelte-1aq4nv0{margin-top:12px;font-size:16px;width:85%;max-width:460px;opacity:.7}.commit-tag.svelte-1aq4nv0{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;font-family:ui-monospace,JetBrains Mono,monospace;font-size:10.5px;margin-top:14px}.commit-tag.svelte-1aq4nv0 em{color:var(--color-primary);font-style:normal}@media(max-width:880px){.step-row.svelte-1aq4nv0{grid-template-columns:1fr;gap:16px}.step-row.svelte-1aq4nv0{position:relative}.step-graph.svelte-1aq4nv0{position:absolute;inset:0 0 0 auto;width:44px;height:auto;min-height:0;transition:transform .4s ease}.step.is-active.svelte-1aq4nv0 .step-graph:where(.svelte-1aq4nv0){transform:translate(-16px)}.step-row.svelte-1aq4nv0>div:where(.svelte-1aq4nv0)+div:where(.svelte-1aq4nv0){position:relative}.step-line.svelte-1aq4nv0{inset:0 20px 0 auto;opacity:.5}.step.svelte-1aq4nv0:first-child .step-line:where(.svelte-1aq4nv0),.step.svelte-1aq4nv0:last-child .step-line:where(.svelte-1aq4nv0){top:0;bottom:0}.step-node.svelte-1aq4nv0{left:auto;right:9px;top:28px;z-index:0}}@media(max-width:720px){.step.svelte-1aq4nv0{grid-template-columns:1fr;gap:8px}}