.route{position:relative}.route-pin{height:100lvh;padding-top:clamp(6.5rem,19lvh,11rem);position:sticky;top:0;overflow:clip}.route-track{--stop:clamp(16rem, 22vw, 21rem);--need:calc(clamp(6.5rem, 19lvh, 11rem) + 22rem);--picture:min(26rem, calc(var(--stop) * 1.25), max(9rem, calc(100svh - var(--need))));align-items:flex-start;gap:clamp(3rem,8vw,9rem);width:max-content;padding-inline:clamp(1.25rem,5vw,5rem) 50%;display:flex}.route-head{row-gap:clamp(1rem,2.4vw,2rem);width:min(88vw,52rem);margin-top:-.85rem;display:grid}.route-way{--turn:clamp(5rem, 11vw, 11rem);align-items:flex-start;gap:clamp(2.5rem,5vw,5.5rem);display:flex;position:relative}.route-line{top:0;left:0;right:var(--turn);background:#d9d9d9;height:1px;position:absolute}.route-line-fill{background:var(--foreground);transform-origin:0;position:absolute;inset:0}.route-end{font-family:var(--font-display);white-space:nowrap;padding-top:1.5rem;font-size:1.375rem;font-style:italic;position:relative}.route-stops{gap:inherit;display:flex}.route-turn{width:var(--turn);flex:none;height:100lvh;position:relative}.route-corner,.route-corner:after{border-top:1px solid #d9d9d9;border-right:1px solid #d9d9d9;border-top-right-radius:1.5rem;position:absolute}.route-corner{inset:0}.route-corner:after{content:"";border-color:var(--foreground);clip-path:inset(0 0 100%);transition:clip-path 1.1s var(--ease-in-out-quart);inset:-1px -1px 0 0}.route-turn[data-turned=true] .route-corner:after{clip-path:inset(0)}.route-turn .route-end{padding-top:0;position:absolute;top:52%;left:calc(100% + 1.5rem)}.route-turn .route-end:before{top:.5em;left:calc(-1.5rem - 5px)}.route-stop{width:var(--stop);align-content:start;row-gap:.9rem;padding-top:1.5rem;display:grid;position:relative}.route-end:before,.route-mark{border:1px solid var(--foreground);background:var(--background);width:9px;height:9px;transition:background-color .5s;position:absolute;top:-4.5px;left:0;transform:rotate(45deg)}.route-end:before{content:"";background:var(--foreground)}.route-stop[data-reached=true] .route-mark{background:var(--foreground)}.route-number{font-family:var(--font-display);font-size:1.125rem;font-style:italic}.route-picture{height:var(--picture);aspect-ratio:4/5;background:color-mix(in oklab, var(--foreground) 6%, var(--background));clip-path:inset(100% 0 0);transition:clip-path 1.3s var(--ease-out-quint);position:relative;overflow:hidden}.route-picture img{object-fit:cover;transition:scale 1.7s var(--ease-out-quint);scale:1.18}.route-stop[data-reached=true] .route-picture{clip-path:inset(0)}.route-stop[data-reached=true] .route-picture img{scale:1}.route-text{font-family:var(--font-display);font-size:1.0625rem;line-height:1.4}.route-more{font-family:var(--font-sans);text-underline-offset:.25em;outline-offset:4px;justify-self:start;font-size:.8125rem;text-decoration:underline;text-decoration-thickness:1px}@media not (min-width:48rem){.route{height:auto!important}.route-pin{height:auto;padding-top:7rem;position:static;overflow:visible}.route-track{flex-direction:column;gap:3rem;width:auto;padding-inline:1.25rem;transform:none!important}.route-head{width:auto;margin-top:0}.route-way{flex-direction:column;gap:2.75rem;padding-left:1.75rem}.route-line{background:var(--foreground);width:1px;height:auto;inset:.5rem auto 0 4px}.route-line-fill{display:none}.route-stops{flex-direction:column}.route-end{padding-top:0}.route-end:before,.route-mark{top:.45em;left:-1.75rem}.route-stop{row-gap:.75rem;width:auto;padding-top:0}.route-mark{background:var(--foreground);top:.5rem}.route-picture{aspect-ratio:3/2;clip-path:none;width:100%;height:auto}.route-picture img{scale:1}.route-turn{width:auto;height:auto}.route-corner{display:none}.route-turn .route-end{position:relative;top:auto;left:auto}.route-turn .route-end:before{top:.45em;left:-1.75rem}}@media (prefers-reduced-motion:reduce){.route-pin{height:auto;padding-block:8rem 4rem;position:static;overflow-x:auto}.route-turn{height:8rem}.route-mark,.route-picture,.route-picture img,.route-corner:after{transition:none}}