.timeline{--timeline-line:15px;--timeline-gutter:44px;--timeline-dot:14px;--timeline-card-gap:var(--spacing-9);--timeline-max-width:640px;display:block;padding-block:var(--spacing-10);padding-inline:var(--spacing-8)}.timeline__track{margin-inline:auto;max-width:var(--timeline-max-width);position:relative}.timeline__rail{background:var(--color-border-default);inset-block:0;inset-inline-start:var(--timeline-line);position:absolute;transform:translate(-50%);width:2px}.timeline__fill{background:var(--color-primary);inset-block-start:0;inset-inline-start:0;position:absolute;width:100%;block-size:calc(var(--timeline-progress, 0)*100%);transition:block-size .1s linear}.timeline-entry{box-sizing:border-box;padding-block:var(--spacing-8);position:relative;-webkit-padding-start:var(--timeline-gutter);opacity:0;padding-inline-start:var(--timeline-gutter);transform:translateY(16px);transition:opacity var(--transition-slow),transform var(--transition-slow)}.timeline-entry.is-revealed{opacity:1;transform:none}.timeline-entry__dot{background:var(--color-bg-primary);border:2px solid var(--color-border-default);border-radius:var(--radius-full);box-sizing:border-box;height:var(--timeline-dot);inset-block-start:calc((1lh - var(--timeline-dot))/2);inset-inline-start:calc(var(--timeline-line) - var(--timeline-gutter));position:absolute;transform:translate(-50%);transition:background var(--transition-base),border-color var(--transition-base);width:var(--timeline-dot)}.timeline-entry.is-active .timeline-entry__dot{background:var(--color-primary);border-color:var(--color-primary)}.timeline-entry__media{-webkit-margin-after:var(--spacing-6);margin-block-end:var(--spacing-6)}.timeline-entry__image{aspect-ratio:var(--timeline-entry-ratio,auto);border-radius:var(--radius-md);display:block;height:auto;max-width:var(--timeline-entry-max-width,none);-o-object-fit:cover;object-fit:cover;width:100%}.timeline-entry__body{display:flex;flex-direction:column;gap:var(--spacing-4);position:relative}.timeline-entry__eyebrow{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.08em;text-transform:uppercase}.timeline-entry__title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight)}.timeline-entry__text{color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:var(--line-height-relaxed)}.timeline-entry__text>:first-child{-webkit-margin-before:0;margin-block-start:0}.timeline-entry__text>:last-child{-webkit-margin-after:0;margin-block-end:0}@media(min-width:768px){.timeline{--timeline-line:50%;--timeline-max-width:900px}.timeline-entry{width:50%;-webkit-padding-start:0;padding-block:var(--spacing-9);padding-inline-start:0}.timeline__track>:not(.timeline__rail):nth-child(2n) .timeline-entry{-webkit-padding-end:var(--timeline-card-gap);padding-inline-end:var(--timeline-card-gap);text-align:end}.timeline__track>:not(.timeline__rail):nth-child(2n) .timeline-entry__body{align-items:flex-end}.timeline__track>:not(.timeline__rail):nth-child(2n) .timeline-entry__image{-webkit-margin-start:auto;margin-inline-start:auto}.timeline__track>:not(.timeline__rail):nth-child(2n) .timeline-entry__dot{inset-inline-start:calc(100% + var(--timeline-card-gap))}.timeline__track>:not(.timeline__rail):nth-child(odd) .timeline-entry{-webkit-margin-start:50%;margin-inline-start:50%;-webkit-padding-start:var(--timeline-card-gap);padding-inline-start:var(--timeline-card-gap)}.timeline__track>:not(.timeline__rail):nth-child(odd) .timeline-entry__dot{inset-inline-start:calc(var(--timeline-card-gap)*-1)}}@media(prefers-reduced-motion:reduce){.timeline-entry{opacity:1;transform:none;transition:none}.timeline__fill{transition:none}}