.tl{position:relative}.tl__track{display:grid;gap:clamp(2.5rem,5vw,4rem)}@media (min-width:900px){.tl__track{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(3rem,6vw,6rem);align-items:start}.tl__intro{position:sticky;inset-block-start:calc(var(--nav-h) + 2.5rem)}}.tl__intro{display:grid;gap:1.5rem;align-content:start}.tl__head{display:grid;gap:.75rem}.tl__period{font-variant-numeric:tabular-nums}.tl__media{display:grid;border-radius:var(--radius-lg);overflow:hidden}.tl__photo{grid-area:1/1;min-inline-size:0;transition:opacity var(--duration-reveal) var(--ease-out)}.tl__photo:not(:first-child){display:none}.tl__rail{position:relative;padding-inline-start:2.25rem}.tl__line{position:absolute;inset-block:.5rem .5rem;inset-inline-start:5px;inline-size:1px;background:var(--rule)}.tl__line>*{display:none}.tl__steps{display:grid;gap:clamp(2rem,4vw,3rem)}.tl__step{position:relative}.tl__stem{display:none}.tl__dot{position:absolute;inset-inline-start:calc(-2.25rem + 1px);inset-block-start:.3rem;inline-size:9px;block-size:9px;border-radius:var(--radius-pill);background:var(--accent);box-shadow:0 0 0 4px color-mix(in oklab,var(--accent) 18%,transparent);transform:scale(var(--r,1))}.tl__copy{display:grid;gap:.5rem}.tl__label{font:600 var(--text-fine)/1.2 var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.tl__title{font:600 var(--text-display-md)/var(--text-display-md--line-height) var(--font-display);letter-spacing:var(--text-display-md--letter-spacing)}.tl__body{color:var(--fg-2);line-height:1.5}.tl__list{display:grid;gap:.5rem;margin-block-start:.5rem}.tl__list-label{font:600 var(--text-fine)/1.3 var(--font-text);color:var(--fg-2)}.tl__mask{display:inline-block;overflow:hidden;vertical-align:top;padding-block-end:.08em}.tl__mask--block{display:block}.tl__mask>*{display:inline-block;transform:translateY(calc((1 - var(--r, 1)) * 110%))}.tl__mask--block>*{display:block}@media (prefers-reduced-motion:no-preference){@media (max-height:679px),(max-width:1023px){@supports (animation-timeline:view()){.tl__rail{view-timeline-name:--tl-rail}.tl__line:after{content:"";position:absolute;inset:0;background:var(--accent);transform-origin:top;transform:scaleY(0);animation:tl-fill linear both;animation-timeline:--tl-rail;animation-range:entry 60% exit 40%}.tl__dot{animation:tl-dot linear both;animation-timeline:view();animation-range:cover 30% cover 45%}}}}@keyframes tl-fill{to{transform:scaleY(1)}}@keyframes tl-dot{0%{transform:scale(.5);opacity:.35}to{transform:scale(1);opacity:1}}@media (min-width:1024px) and (min-height:680px) and (prefers-reduced-motion:no-preference) and (scripting:enabled){.tl{block-size:calc(100svh + var(--tl-n) * 55vh + 30vh)}.tl__pin{position:sticky;inset-block-start:var(--nav-h);block-size:calc(100svh - var(--nav-h));overflow:hidden;display:flex;align-items:center}.tl__track{display:flex;align-items:stretch;gap:clamp(3rem,6vw,7rem);inline-size:max-content;block-size:min(80%,660px);padding-inline:max(var(--space-page),calc((100vw - var(--container-wide)) / 2)) 10vw;will-change:transform}.tl__intro{position:static;flex:none;inline-size:clamp(340px,30vw,460px);grid-template-rows:auto auto minmax(0,1fr)}.tl__media{min-block-size:0}.tl__photo:not(:first-child){display:block}.tl__photo{opacity:0}.tl__photo:first-child:not([data-on]),.tl__photo[data-on=true]{opacity:1}.tl__photo .slot{block-size:100%;aspect-ratio:auto!important}.tl__rail{flex:none;display:flex;padding-inline-start:0}.tl__line{position:absolute;inset-inline:0;inset-block:50% auto;inline-size:auto;block-size:auto;display:flex;align-items:center;transform:translateY(-50%);background:none}.tl__line>*{display:block}.tl__line-end{inline-size:9px;block-size:9px;border-radius:var(--radius-pill);background:var(--accent);flex:none}.tl__line-track{flex:1;block-size:1px;background:var(--rule)}.tl__line-fill{block-size:100%;inline-size:100%;background:var(--accent);transform-origin:left;transform:scaleX(var(--p,1))}.tl__steps{display:flex;gap:0;block-size:100%;padding-inline:3rem 2rem}.tl__step{flex:none;inline-size:clamp(300px,26vw,400px);block-size:100%;display:grid;grid-template-rows:1fr 1fr}.tl__step+.tl__step{margin-inline-start:clamp(-80px,-4vw,-40px)}.tl__copy{padding-inline-start:1.5rem}.tl__step[data-side=top] .tl__copy{grid-row:1;align-self:end;padding-block-end:2.75rem}.tl__step[data-side=bottom] .tl__copy{grid-row:2;align-self:start;padding-block-start:2.75rem}.tl__stem{display:block;position:absolute;inset-inline-start:0;inline-size:1px;background:var(--accent);transform:scaleY(var(--r,1))}.tl__step[data-side=top] .tl__stem{inset-block:4% 50%;transform-origin:bottom}.tl__step[data-side=bottom] .tl__stem{inset-block:50% 4%;transform-origin:top}.tl__dot{inset-inline-start:0;inset-block-start:50%;inline-size:13px;block-size:13px;transform:translate(-50%,-50%) scale(var(--r,1))}.tl__title{font-size:clamp(1.5rem,1rem + 1vw,2.125rem)}.tl__body{font-size:var(--text-body)}}.tl__out{display:flex;flex-wrap:wrap;gap:.25rem .75rem;margin-block-start:.75rem;padding-block-start:.75rem;border-block-start:1px solid var(--rule);color:var(--fg);font-size:var(--text-caption)}.tl__out-label{font-weight:600;color:var(--fg-2)}.tl__footer{display:grid;gap:1rem;justify-items:start}.tl__extra{margin-block-start:.75rem}