.route{padding-block:var(--space-m)}.route-head{display:grid;gap:1.25rem;max-width:37.617em;margin-bottom:var(--space-s)}.route-track{position:relative;--lx:24px;padding-bottom:var(--space-s)}.route-line{position:absolute;left:var(--lx);top:0;bottom:0;width:2px;background:var(--line);transform:translate(-50%)}.route-fill{position:absolute;left:0;top:0;width:100%;height:var(--progress,0);background:var(--accent);transition:height .3s linear}.stations{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-s)}.station{position:relative;display:grid;gap:1.25rem;padding-left:calc(var(--lx) + 2rem)}.dot{position:absolute;left:var(--lx);top:.25rem;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;translate:-50% 0;background:var(--bg);border:1px solid var(--line-strong);color:var(--ink-muted);font-size:var(--small);font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color var(--t-base),border-color var(--t-base),color var(--t-base),box-shadow var(--t-base)}.dot b{font-weight:500}.station.is-active .dot{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 0 0 8px color-mix(in oklab,var(--accent) 18%,transparent)}.station-text{display:grid;gap:.75rem;align-content:start}.station-text h3{font-size:var(--h3)}.station-text p:not(.eyebrow){color:var(--ink);max-width:30.094em;font-size:var(--body-lg);transition:color var(--t-base)}.station.is-active .station-text p:not(.eyebrow){color:var(--ink)}.station-photo{margin:0;aspect-ratio:4/3;border-radius:var(--radius-m);overflow:clip;background:var(--bg-raised)}.station-photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .9s var(--ease)}.station-photo:hover img{transform:scale(1.04)}.route-end{position:relative;display:grid;gap:.75rem;justify-items:start;padding-left:calc(24px + 2rem);margin-top:0}.route-end .dot.end{left:24px;width:16px;height:16px;top:-8px;background:var(--accent);border-color:var(--accent);cursor:default}.route-end h3{font-size:var(--h2)}.route-end p:not(.eyebrow){color:var(--ink-muted);max-width:30.094em;font-size:var(--body-lg)}@media(min-width:1024px){.route-track{--lx:50%}.station{grid-template-columns:1fr 1fr;-moz-column-gap:6rem;column-gap:6rem;padding-left:0;align-items:center}.station .dot{top:50%;translate:-50% -50%}.station.flip .station-text{order:2}.station:not(.flip) .station-text{text-align:right;justify-items:end}.station:not(.flip) .station-text p:not(.eyebrow){margin-left:auto}.station:not(.flip) .station-text .eyebrow{justify-content:flex-end}.route-end{padding-left:0;justify-items:center;text-align:center;padding-top:2rem}.route-end .dot.end{left:50%;top:-8px}}.route-track .dot.end{left:var(--lx);top:auto;bottom:0;width:16px;height:16px;translate:-50% 50%;background:var(--accent);border-color:var(--accent);cursor:default}.route-end .dot.end{display:none}@media(prefers-reduced-motion:reduce){.route-fill{transition:none}.station-photo img{transition:none;transform:none}}