.timeline{padding:var(--space-lg)0;max-width:800px;margin:0 auto;position:relative}.timeline__line{background-color:var(--color-border);z-index:0;width:2px;position:absolute;top:0;bottom:0;left:24px}.timeline__item{gap:var(--space-lg);margin-bottom:var(--space-xl);display:flex;position:relative}.timeline__item:last-child{margin-bottom:0}.timeline__marker{z-index:1;flex-shrink:0;justify-content:center;width:50px;padding-top:8px;display:flex;position:relative}.timeline__dot{background-color:var(--color-bg-primary);border:2px solid var(--color-accent-primary);width:16px;height:16px;box-shadow:0 0 0 4px var(--color-bg-primary)}.timeline__content-wrapper{background-color:var(--color-bg-card);border:var(--border-width-thick)solid var(--color-border);box-shadow:var(--shadow-hard);padding:var(--space-md);gap:var(--space-md);flex:1;display:flex;position:relative}.timeline__number{font-family:var(--font-heading);color:var(--color-bg-secondary);opacity:.5;font-size:48px;font-weight:700;line-height:1}.timeline__content{flex:1}.timeline__header{margin-bottom:var(--space-sm);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-xs);justify-content:space-between;align-items:baseline;display:flex}.timeline__title{font-family:var(--font-heading);font-size:var(--font-size-h4);text-transform:uppercase;margin:0}.timeline__duration{font-family:var(--font-mono);color:var(--color-text-secondary);text-transform:uppercase;background-color:var(--color-bg-secondary);padding:2px 6px;font-size:12px}.timeline__description{font-family:var(--font-mono);font-size:var(--font-size-body);color:var(--color-text-primary);margin:0;line-height:1.5}@media (max-width:768px){.timeline__line{left:16px}.timeline__marker{width:32px}.timeline__content-wrapper{gap:var(--space-sm);flex-direction:column}.timeline__number{font-size:32px}}