.timeline{position:relative}.timeline-track{padding-left:76px;position:relative}.timeline-track:before{content:"";background:var(--rule);border-radius:2px;width:2px;position:absolute;top:6px;bottom:6px;left:23px}.timeline-progress{background:linear-gradient(180deg,var(--cyan-500),var(--cyan-600));border-radius:2px;width:2px;height:0%;position:absolute;top:6px;left:23px;box-shadow:0 0 12px #00a8c280}.timeline-era{opacity:.35;transition:opacity .6s var(--ease), transform .6s var(--ease);padding-bottom:64px;position:relative;transform:translateY(10px)}.timeline-era:last-child{padding-bottom:0}.timeline-era.is-active{opacity:1;transform:none}.timeline-era .era-num{background:var(--paper);border:2px solid var(--rule);width:48px;height:48px;font-family:var(--font-mono);color:var(--ink-faint);transition:border-color var(--speed-base) var(--ease), color var(--speed-base) var(--ease), box-shadow var(--speed-base) var(--ease), background var(--speed-base) ease;z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:absolute;top:0;left:-76px}.on-dark .timeline-era .era-num{background:var(--navy-950)}.timeline-era.is-active .era-num{border-color:var(--cyan-500);color:var(--cyan-500);box-shadow:0 0 0 6px #00a8c21f}.timeline-era .era-year{color:var(--cyan-600);margin-bottom:10px;display:block}.timeline-era h3{letter-spacing:-.02em;max-width:600px;margin-bottom:12px;font-size:clamp(20px,2.4vw,27px)}.timeline-era p{max-width:560px;font-size:15.5px;line-height:1.7}@media (prefers-reduced-motion:reduce){.timeline-era{opacity:1;transition:none;transform:none}}