.itinerary{--stop:34px;--stop-gap:40px;--where:32px;--line:var(--c-border);--progress:var(--c-ink);--on-progress:var(--c-surface);gap:0 var(--stop-gap);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin:0;padding:0;list-style:none;display:grid}html[data-theme=dark] .itinerary{--progress:var(--trace-signal,#d5f45b);--on-progress:var(--trace-on-signal,#121212)}.itinerary li{align-content:start;display:grid;position:relative}.itinerary small{height:16px;color:var(--c-muted);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;margin-bottom:16px;font-size:12px;font-weight:600;line-height:16px}.itinerary-stop{width:var(--stop);height:var(--stop);box-sizing:border-box;border:1.5px solid var(--progress);color:var(--c-ink);font-variant-numeric:tabular-nums;letter-spacing:.02em;border-radius:50%;place-items:center;margin-bottom:28px;font-size:12px;font-weight:600;display:grid}.itinerary li:last-child .itinerary-stop{background:var(--progress);color:var(--on-progress)}.itinerary h3{color:var(--c-ink);letter-spacing:-.01em;margin:0 0 8px;font-size:20px;font-weight:600}.itinerary p{max-width:34ch;color:var(--c-muted);margin:0;font-size:15px;line-height:1.6}.itinerary li:not(:last-child):before,.itinerary li:not(:last-child):after{top:calc(var(--where) + var(--stop) / 2);left:calc(var(--stop) + 10px);width:calc(100% + var(--stop-gap) - var(--stop) - 20px);border-top:1.5px solid var(--line);content:"";position:absolute}.itinerary li:not(:last-child):after{border-top-color:var(--progress);transform-origin:0}@supports (animation-timeline:view()){@media (min-width:901px) and (prefers-reduced-motion:no-preference){.itinerary{view-timeline:--itinerary block}.itinerary li:after,.itinerary li:not(:first-child) .itinerary-stop{animation:linear both itinerary-draw;animation-timeline:--itinerary}.itinerary li:not(:first-child,:last-child) .itinerary-stop{animation-name:itinerary-reach}.itinerary li:last-child .itinerary-stop{animation-name:itinerary-arrive}.itinerary li:first-child:after{animation-range:contain contain 12%}.itinerary li:nth-child(2):after{animation-range:contain 12% contain 24%}.itinerary li:nth-child(3):after{animation-range:contain 24% contain 36%}.itinerary li:nth-child(2) .itinerary-stop{animation-range:contain 11% contain 12%}.itinerary li:nth-child(3) .itinerary-stop{animation-range:contain 23% contain 24%}.itinerary li:nth-child(4) .itinerary-stop{animation-range:contain 35% contain 36%}.site-shell.motion-paused .itinerary li:after,.site-shell.motion-paused .itinerary .itinerary-stop{animation:none}}}@keyframes itinerary-draw{0%{scale:0 1}}@keyframes itinerary-reach{0%{border-color:var(--line);color:var(--c-muted)}}@keyframes itinerary-arrive{0%{border-color:var(--line);color:var(--c-muted);background:0 0}}@media (max-width:900px){.itinerary{grid-template-columns:minmax(0,1fr);grid-auto-flow:row}.itinerary li{grid-template-columns:var(--stop) minmax(0, 1fr);column-gap:20px;padding-bottom:36px}.itinerary li:last-child{padding-bottom:0}.itinerary-stop{grid-area:1/1/span 3;margin:0}.itinerary small,.itinerary h3,.itinerary p{grid-column:2}.itinerary small{margin-bottom:6px}.itinerary li:not(:last-child):before,.itinerary li:not(:last-child):after{top:calc(var(--stop) + 8px);bottom:8px;left:calc(var(--stop) / 2 - .75px);border-top:0;border-left:1.5px solid var(--line);width:0}.itinerary li:not(:last-child):after{border-left-color:var(--progress)}}
