.timeline{container:timeline / inline-size;padding:var(--sec-pad-y) 0}.timeline-head{max-width:1200px;margin:0 auto var(--sp12);padding:0 var(--sec-pad-x);text-align:center}.timeline-eyebrow{margin:0 0 var(--sp3);color:var(--muted-foreground);font-family:var(--font-sans);font-size:var(--f-meta);font-weight:500;line-height:var(--lh18);letter-spacing:0}.timeline-heading{margin:0;color:var(--foreground);font-family:var(--font-heading);font-size:var(--f36);font-weight:400;line-height:1.15;letter-spacing:0}.timeline-list{position:relative;display:flex;max-width:1200px;flex-direction:column;gap:var(--sp20);margin:0 auto;padding:0;list-style:none}.timeline-list::before{position:absolute;z-index:0;top:0;bottom:0;left:50%;width:2px;background:color-mix(in oklab,var(--foreground) 15%,transparent);content:'';pointer-events:none;transform:translateX(-50%)}.timeline-list::after{position:absolute;z-index:0;top:0;left:50%;width:2px;height:calc(var(--hist-progress, 0) * 100%);background:var(--foreground);content:'';pointer-events:none;transform:translateX(-50%);transition:height var(--t1)}.timeline-item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--sp16,128px);align-items:center;padding:var(--sp2) 0}.timeline-item::before{position:absolute;z-index:2;top:50%;left:50%;width:16px;height:16px;border:2px solid var(--foreground);border-radius:50%;background:var(--background);content:'';transform:translate(-50%,-50%);transition:background var(--t2),transform var(--t2)}.timeline-item.is-active::before{background:var(--foreground);transform:translate(-50%,-50%) scale(1.1)}.timeline-media{position:relative;z-index:1;width:100%;max-width:380px;margin:0;opacity:0;transition:opacity var(--t3),translate var(--t3)}.timeline-image{display:block;width:100%;height:auto;aspect-ratio:3 / 2;border-radius:var(--r-img);background:var(--secondary);object-fit:cover}.timeline-content{position:relative;z-index:1;display:flex;max-width:380px;min-width:0;flex-direction:column;gap:var(--sp3);opacity:0;transition:opacity var(--t3),translate var(--t3)}.timeline-item:nth-child(odd) .timeline-media{grid-column:1;grid-row:1;justify-self:end;translate:-60px 0}.timeline-item:nth-child(odd) .timeline-content{grid-column:2;grid-row:1;align-items:flex-start;justify-self:start;text-align:left;translate:60px 0}.timeline-item:nth-child(even) .timeline-media{grid-column:2;grid-row:1;justify-self:start;translate:60px 0}.timeline-item:nth-child(even) .timeline-content{grid-column:1;grid-row:1;align-items:flex-end;justify-self:end;text-align:right;translate:-60px 0}.timeline-item:not(.has-image):nth-child(odd) .timeline-content,.timeline-item:not(.has-image):nth-child(even) .timeline-content{max-width:440px}.timeline-year{display:inline-flex;align-items:center;margin:0;padding:0;border:none;background:#fff0;color:var(--brand);font-family:var(--font-heading);font-size:var(--f36);font-weight:500;line-height:1;letter-spacing:0}.timeline-item-heading{margin:0;color:var(--foreground);font-family:var(--font-heading);font-size:var(--f20);font-weight:500;line-height:var(--lh28)}.timeline-item-text{margin:0;color:var(--foreground);font-family:var(--font-sans);font-size:var(--f16);font-weight:400;line-height:var(--lh24)}.timeline-item.is-entered .timeline-media,.timeline-item.is-entered .timeline-content{opacity:1;translate:0 0}.timeline-item:focus-within{border-radius:var(--r-card);outline:2px solid var(--ring);outline-offset:4px}@container timeline (max-width:768px){.timeline-heading{font-size:var(--f28)}.timeline-list{max-width:100%;gap:var(--sp16);padding-left:40px}.timeline-list::before,.timeline-list::after{left:12px;transform:none}.timeline-item{grid-template-columns:1fr;align-items:start;row-gap:var(--sp4);column-gap:0;padding:0}.timeline-item::before{display:none}.timeline-year{position:relative}.timeline-year::before{position:absolute;z-index:2;top:50%;left:-28px;width:16px;height:16px;border:2px solid var(--foreground);border-radius:50%;background:var(--background);content:'';transform:translate(-50%,-50%);transition:background var(--t2),transform var(--t2)}.timeline-item.is-active .timeline-year::before{background:var(--foreground);transform:translate(-50%,-50%) scale(1.1)}.timeline-item:nth-child(odd) .timeline-media,.timeline-item:nth-child(even) .timeline-media{grid-column:1;grid-row:1;max-width:none;translate:0 24px}.timeline-item:nth-child(odd) .timeline-content,.timeline-item:nth-child(even) .timeline-content{grid-column:1;grid-row:2;max-width:none;align-items:flex-start;text-align:left;translate:0 24px}.timeline-image{aspect-ratio:16 / 9}.timeline-item.is-entered .timeline-media,.timeline-item.is-entered .timeline-content{translate:0 0}}@media (prefers-reduced-motion:reduce){.timeline-list::after,.timeline-item::before,.timeline-year::before{transition:none}.timeline-media,.timeline-content{opacity:1;translate:0 0;transition:none}}