.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{position:relative;max-width:var(--timeline-max-width);margin-inline:auto}.timeline__rail{position:absolute;inset-block:0;inset-inline-start:var(--timeline-line);width:2px;transform:translate(-50%);background:var(--color-border-default)}.timeline__fill{position:absolute;inset-block-start:0;inset-inline-start:0;width:100%;block-size:calc(var(--timeline-progress, 0) * 100%);background:var(--color-primary);transition:block-size .1s linear}.timeline-entry{position:relative;box-sizing:border-box;padding-block:var(--spacing-8);-webkit-padding-start:var(--timeline-gutter);padding-inline-start:var(--timeline-gutter);opacity:0;transform:translateY(16px);transition:opacity var(--transition-slow),transform var(--transition-slow)}.timeline-entry.is-revealed{opacity:1;transform:none}.timeline-entry__dot{position:absolute;inset-block-start:calc((1lh - var(--timeline-dot)) / 2);inset-inline-start:calc(var(--timeline-line) - var(--timeline-gutter));width:var(--timeline-dot);height:var(--timeline-dot);box-sizing:border-box;transform:translate(-50%);border:2px solid var(--color-border-default);border-radius:var(--radius-full);background:var(--color-bg-primary);transition:background var(--transition-base),border-color var(--transition-base)}.timeline-entry.is-active .timeline-entry__dot{border-color:var(--color-primary);background:var(--color-primary)}.timeline-entry__media{-webkit-margin-after:var(--spacing-6);margin-block-end:var(--spacing-6)}.timeline-entry__image{display:block;width:100%;max-width:var(--timeline-entry-max-width, none);height:auto;aspect-ratio:var(--timeline-entry-ratio, auto);-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-md)}.timeline-entry__body{position:relative;display:flex;flex-direction:column;gap:var(--spacing-4)}.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-inline-start:0;padding-block:var(--spacing-9)}.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(-1 * var(--timeline-card-gap))}}@media(prefers-reduced-motion:reduce){.timeline-entry{opacity:1;transform:none;transition:none}.timeline__fill{transition:none}}