.journey{--truck:64px;--home:36px;--drive:2.2s;--drive-ease:cubic-bezier(.45,0,.2,1);gap:.9rem;display:grid}.journey-headline{gap:.15rem;display:grid}.journey-headline b{color:var(--ink);letter-spacing:-.01em;font-family:Fraunces,Georgia,serif;font-size:clamp(1.15rem,1rem + .6vw,1.4rem);font-weight:500}.journey-headline span{color:var(--text-soft);font-size:.88rem}.journey-road{height:56px;position:relative}.journey-road:before{content:"";left:0;right:calc(var(--home) + 4px);background:repeating-linear-gradient(90deg, var(--line) 0 14px, transparent 14px 24px);border-radius:999px;height:6px;position:absolute;bottom:6px}.journey-fill{height:6px;width:calc((100% - var(--truck) - var(--home)) * var(--progress) + var(--truck) / 2);background:var(--grad);animation:journey-fill var(--drive) var(--drive-ease) both;border-radius:999px;position:absolute;bottom:6px;left:0}.journey-truck{bottom:8px;left:calc((100% - var(--truck) - var(--home)) * var(--progress));width:var(--truck);height:40px;animation:journey-drive var(--drive) var(--drive-ease) both;position:absolute}.journey-truck svg{animation:.55s ease-in-out 4 journey-bump;display:block;overflow:visible}.truck-box{fill:var(--teal-deep)}.truck-cab{fill:var(--ink)}.truck-window{fill:#cfeff2}.truck-mark{stroke:var(--lime-bright);stroke-width:3px;stroke-linecap:round;fill:none}.truck-wheel{fill:var(--ink);stroke:#fff;stroke-width:2px}.truck-hub{fill:#fff}.truck-speed{stroke:var(--teal);stroke-width:2.5px;stroke-linecap:round;fill:none;opacity:0}.journey[data-moving] .journey-truck svg{animation:.6s ease-in-out infinite journey-bump}.journey[data-moving] .truck-speed{animation:.9s ease-in-out infinite journey-speed}.truck-smoke{fill:#b9c3c1;opacity:0;transform-box:fill-box;transform-origin:50%;animation:1.1s ease-out 2 both journey-smoke}.journey[data-moving] .truck-smoke{animation-iteration-count:infinite}.journey[data-tone=wait] .truck-smoke{display:none}.journey-home{width:var(--home);height:var(--home);place-items:center;display:grid;position:absolute;bottom:-1px;right:0}.journey-home svg{fill:none;stroke:var(--text-mute);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.journey[data-arrived] .journey-home svg{stroke:var(--teal-deep)}.journey[data-arrived] .home-wall{fill:#a6dd6a40}.journey[data-tone=error] .journey-fill{background:#e6a49c}.journey[data-tone=error] .truck-box{fill:#c9584c}.journey[data-tone=wait] .journey-fill{background:var(--line)}.journey[data-tone=wait] .journey-truck{opacity:.55}.journey-steps{--stop:calc((100% - var(--truck) - var(--home)) / 5);height:2.8rem;margin:0;padding:0;list-style:none;position:relative}.journey-steps li{top:0;left:calc(var(--stop) * var(--i) + var(--truck) / 2);width:var(--stop);color:var(--text-mute);text-align:center;padding-top:.9rem;font-size:.72rem;font-weight:600;line-height:1.25;position:absolute;translate:-50%}.journey-steps li:before{content:"";background:var(--paper-2);border:2px solid var(--line);border-radius:50%;width:.6rem;height:.6rem;position:absolute;top:0;left:50%;translate:-50%}.journey-steps li[data-state=done]{color:var(--teal-deep)}.journey-steps li[data-state=done]:before{background:var(--teal-deep);border-color:var(--teal-deep)}.journey-steps li[data-state=current]{color:var(--ink)}.journey-steps li[data-state=current]:before{background:var(--lime-bright);border-color:var(--teal-deep);box-shadow:0 0 0 4px #a6dd6a4d}.journey-steps li[data-state=error]{color:#a73a30}.journey-steps li[data-state=error]:before{background:#e6a49c;border-color:#a73a30}.journey[data-compact]{--truck:44px;--home:26px;gap:.4rem}.journey[data-compact] .journey-road{height:38px}.journey[data-compact] .journey-truck,.journey[data-compact] .journey-truck svg{width:44px;height:28px}.journey[data-compact] .journey-home{bottom:1px}.journey[data-compact] .journey-home svg{width:24px;height:24px}.journey[data-compact] .journey-steps{height:2.5rem}.journey[data-compact] .journey-steps li{font-size:.66rem}.journey-caption{display:none}@media (max-width:39.99em){.journey{--gap:.9rem;--dot:.6rem}.journey[data-compact]{--gap:.4rem;--dot:.5rem}.journey-steps{height:0;margin-bottom:calc(var(--gap) * -1);display:block;position:relative}.journey-steps li{width:auto;padding:0;position:static;translate:none}.journey-steps li span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.journey-steps li:before,.journey-steps li:first-child:before,.journey-steps li:last-child:before{top:calc((var(--gap) + 9px + var(--dot) / 2) * -1);right:auto;left:calc((100% - var(--truck) - var(--home)) * var(--i) / 5 + var(--truck) / 2);width:var(--dot);height:var(--dot);translate:-50%}.journey-steps li[aria-current]:before{display:none}.journey-caption{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.15rem .75rem;font-size:.8rem;line-height:1.3;display:flex}.journey-caption b{color:var(--ink);font-weight:700}.journey-caption span{color:var(--text-mute)}.journey[data-tone=error] .journey-caption b{color:#a73a30}.journey[data-compact] .journey-caption{font-size:.74rem}}@keyframes journey-drive{0%{left:0}}@keyframes journey-fill{0%{width:calc(var(--truck) / 2)}}@keyframes journey-bump{50%{translate:0 -1.5px}}@keyframes journey-smoke{0%{opacity:0;transform:translate(0)scale(.4)}15%{opacity:.85}to{opacity:0;transform:translate(-18px,-12px)scale(2.4)}}@keyframes journey-speed{0%{opacity:0;translate:4px}50%{opacity:.9}to{opacity:0;translate:-6px}}@media (prefers-reduced-motion:reduce){.journey-truck,.journey-fill,.journey-truck svg,.journey[data-moving] .truck-speed,.truck-smoke{animation:none}}.co-journey{gap:1rem;display:grid}.co-journey-events summary{cursor:pointer;color:var(--teal-deep);font-size:.9rem;font-weight:600}.co-journey-events ol{border-left:2px solid var(--line);gap:.7rem;margin:.9rem 0 0;padding:0 0 0 1rem;list-style:none;display:grid}.co-journey-events li{gap:.1rem;font-size:.88rem;display:grid;position:relative}.co-journey-events li:before{content:"";background:var(--paper-2);border:2px solid var(--teal-deep);border-radius:50%;width:10px;height:10px;position:absolute;top:.35rem;left:calc(-1rem - 6px)}.co-journey-events li:first-child:before{background:var(--teal-deep)}.co-journey-events time{color:var(--text-mute);font-size:.78rem}