.timeline{--tl-ink: var(--txt-hue-heading);--tl-or: color-mix(in srgb, var(--hex-or-500), var(--txt-hue-lumin) 22%);--tl-n: 5;position:relative;margin-block:var(--space-l) var(--space-m)}.timeline-track{position:relative;display:grid;grid-template-columns:repeat(var(--tl-n),minmax(0,1fr));grid-template-rows:auto 18px auto;column-gap:var(--space-s);row-gap:1.75rem;margin:0;padding:0}.timeline-line{position:relative;grid-column:1 / -1;grid-row:2;align-self:center;block-size:4px;border-radius:4px;background:color-mix(in srgb,var(--tl-ink) 12%,transparent);overflow:hidden}.timeline-line:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--tl-ink) 55%,transparent) 0%,var(--hex-or-500) var(--tl-now, 72%),color-mix(in srgb,var(--hex-or-500) 0%,transparent) 100%);transform-origin:left;transition:transform 2.4s cubic-bezier(.6,.05,.2,1)}.timeline-item{position:relative;display:grid;grid-row:1 / 4;grid-template-rows:subgrid}.timeline-dot{grid-row:2;align-self:center;position:relative;box-sizing:border-box;inline-size:18px;block-size:18px;border-radius:50%;background:var(--tl-ink);box-shadow:0 0 0 5px color-mix(in srgb,var(--tl-ink) 14%,transparent);transition:transform .45s cubic-bezier(.3,1.6,.5,1)}.timeline-now .timeline-dot{background:var(--hex-or-500);box-shadow:0 0 0 5px color-mix(in srgb,var(--hex-or-500) 28%,transparent)}.timeline-now .timeline-dot:after{content:"";position:absolute;inset:-9px;border-radius:50%;box-shadow:0 0 0 2px var(--hex-or-500);animation:timeline-pulse 2.4s ease-out infinite}.timeline-next .timeline-dot{background:#fff;border:5px solid var(--hex-or-500);box-shadow:none}@keyframes timeline-pulse{0%{transform:scale(.55);opacity:1}to{transform:scale(1.5);opacity:0}}.timeline-card{inline-size:min(15rem,100%);transition:opacity .5s,transform .5s}.timeline-item:nth-child(2n) .timeline-card{grid-row:1;align-self:end}.timeline-item:nth-child(odd) .timeline-card{grid-row:3;align-self:start}.timeline-year{display:block;margin:0;font-size:clamp(1.9rem,3.2vw,3rem);font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--tl-ink)}.timeline-year small{margin-inline-start:.15em;font-size:.42em;font-weight:700;letter-spacing:0}.timeline-now .timeline-year,.timeline-next .timeline-year{color:var(--tl-or)}.timeline-tag{display:inline-block;margin-inline-start:.45rem;padding:.2rem .55rem .12rem;border-radius:99px;font-size:.68rem;font-weight:700;letter-spacing:.08em;vertical-align:.55em;background:var(--hex-or-500);color:var(--hex-mi-900)}.timeline-text{margin:.55rem 0 0;font-size:.95rem;line-height:1.45;color:var(--txt-hue-copy)}.timeline.inmotion-armed .timeline-line:before{transform:scaleX(0)}.timeline.inmotion-armed .timeline-dot{transform:scale(0)}.timeline.inmotion-armed .timeline-card{opacity:0;transform:translateY(10px)}.timeline.inmotion-in :is(.timeline-dot,.timeline-card){transition-delay:calc(.2s + var(--tl-i, 0) * .5s)}@media(max-width:56.25rem){.timeline-track{grid-template-columns:1fr;grid-template-rows:none;row-gap:var(--space-l);padding-inline-start:2.25rem;text-align:start}.timeline-line{position:absolute;grid-row:auto;grid-column:auto;align-self:stretch;inset-block:0;inset-inline:7px auto;inline-size:4px;block-size:auto}.timeline-line:before{transform-origin:top;background:linear-gradient(180deg,color-mix(in srgb,var(--tl-ink) 55%,transparent) 0%,var(--hex-or-500) var(--tl-now, 80%),color-mix(in srgb,var(--hex-or-500) 0%,transparent) 100%)}.timeline.inmotion-armed .timeline-line:before{transform:scaleY(0)}.timeline-item{display:block;grid-row:auto;grid-column:1!important}.timeline-dot{position:absolute;inset-block-start:1.05rem;inset-inline-start:-2.25rem;margin-block-start:-9px}.timeline-card,.timeline-item:nth-child(odd) .timeline-card,.timeline-item:nth-child(2n) .timeline-card{inline-size:auto}}@media(prefers-reduced-motion:reduce){.timeline *,.timeline *:before,.timeline *:after{transition:none!important;animation:none!important}}
