.journey-map-sticky{z-index:10;background:var(--ink);position:relative}.journey-stop{scroll-margin-top:calc(max(.75rem, env(safe-area-inset-top)) + 57px + 1.5rem)}@media (width<=1023px) and (aspect-ratio<=3/4){.journey-map-sticky{top:calc(max(.75rem, env(safe-area-inset-top)) + 57px);position:sticky}.journey-map-sticky:after{content:"";background:linear-gradient(to bottom, var(--ink), transparent);pointer-events:none;height:18px;position:absolute;bottom:-18px;left:0;right:0}.journey-stop{scroll-margin-top:calc(max(.75rem, env(safe-area-inset-top)) + 57px + 64vw + 3rem)}}@media (width>=1024px){.journey-map-sticky{top:calc(max(.75rem, env(safe-area-inset-top)) + 57px + 1.5rem);background:0 0;position:sticky}.journey-stop{scroll-margin-top:7rem}}.journey-map{background:radial-gradient(ellipse 70% 80% at 52% 46%, color-mix(in oklab, var(--plum) 34%, transparent), transparent 74%), var(--ink);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--bone) 12%, transparent), inset 0 1px 0 color-mix(in oklab, var(--amber) 20%, transparent)}.journey-map-grid line{stroke:color-mix(in oklab, var(--bone) 6%, transparent);stroke-width:1px;vector-effect:non-scaling-stroke}.journey-map-water path{fill:none;stroke-linecap:round;stroke-linejoin:round}.journey-water-bank{stroke:color-mix(in oklab, var(--violet) 55%, var(--ink))}.journey-water{stroke:color-mix(in oklab, var(--indigo) 88%, var(--violet))}.journey-water-sheen{stroke:color-mix(in oklab, var(--bone) 9%, transparent)}.journey-route-track,.journey-route{fill:none;stroke-linecap:round;stroke-linejoin:round}.journey-route-track{stroke:color-mix(in oklab, var(--bone) 12%, transparent);stroke-width:9px}.journey-route{stroke-width:6px;filter:drop-shadow(0 0 3px color-mix(in oklab, var(--ember) 45%, transparent));transition:opacity .3s ease-out}.journey-route[data-draw=pending]{stroke-dasharray:1 2;stroke-dashoffset:1px}.journey-route[data-draw=run]{stroke-dasharray:1 2;animation:1.7s cubic-bezier(.45,.05,.2,1) both journey-route-draw}@keyframes journey-route-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.journey-map[data-focus=true]:not([data-route=active]) .journey-route{opacity:.35}.journey-water-label{pointer-events:none;white-space:nowrap;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.34em;color:color-mix(in oklab, var(--bone) 42%, transparent);font-size:9px;position:absolute}.journey-route-label{pointer-events:none;white-space:nowrap;background:color-mix(in oklab, var(--ink) 74%, transparent);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--amber);opacity:0;border-radius:2px;padding:2px 5px;font-size:9px;transition:opacity .3s ease-out;position:absolute;transform:translate(-50%,-50%)}.journey-map[data-route=active] .journey-route-label{opacity:1}@media (width<=767px){.journey-route-label{display:none}}.journey-pin{z-index:2;width:0;height:0;transition:opacity .26s ease-out;position:absolute}.journey-pin[data-kind=venue],.journey-pin[data-kind=drinks]{z-index:3}.journey-pin[data-active=true]{z-index:5}.journey-pin[data-dimmed=true]{opacity:.32}.journey-pin-hit{cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.journey-pin-hit:focus-visible{outline:2px solid var(--amber);outline-offset:0}.journey-pin-mark{font-family:var(--font-mono);place-items:center;font-weight:500;line-height:1;transition:transform .26s cubic-bezier(.16,1,.3,1),box-shadow .26s ease-out,background-color .26s ease-out;display:grid;position:relative}.journey-pin[data-kind=venue] .journey-pin-mark{background:var(--amber);width:15px;height:15px;box-shadow:0 0 0 3px var(--ink), 0 0 0 4px color-mix(in oklab, var(--amber) 55%, transparent), 0 0 14px color-mix(in oklab, var(--amber) 55%, transparent)}.journey-pin[data-kind=venue] .journey-pin-mark:after{content:"";background:var(--ink);width:5px;height:5px}.journey-pin[data-kind=drinks] .journey-pin-mark{background:radial-gradient(circle at 35% 30%, var(--amber), var(--ember) 55%, var(--magenta));width:15px;height:15px;box-shadow:0 0 0 3px var(--ink), 0 0 0 4px color-mix(in oklab, var(--ember) 60%, transparent), 0 0 14px color-mix(in oklab, var(--ember) 50%, transparent);border-radius:999px}.journey-pin[data-kind=lunch] .journey-pin-mark{width:17px;height:17px;color:var(--bone);background:var(--ink);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--bone) 70%, transparent);border-radius:999px;font-size:9.5px}.journey-pin[data-kind=transit] .journey-pin-mark{width:16px;height:16px;color:var(--bone);background:var(--teal);box-shadow:0 0 0 2px var(--ink);border-radius:2px;font-size:10px;font-weight:500}.journey-pin[data-active=true] .journey-pin-mark{transform:scale(1.22)}.journey-pin[data-kind=lunch][data-active=true] .journey-pin-mark{color:var(--ink);background:var(--amber);box-shadow:0 0 0 2px var(--ink), 0 0 12px color-mix(in oklab, var(--amber) 60%, transparent)}.journey-pin[data-kind=transit][data-active=true] .journey-pin-mark{box-shadow:0 0 0 2px var(--ink), 0 0 0 3px var(--amber)}.journey-pin[data-now=true] .journey-pin-mark:before{content:"";border:1px solid color-mix(in oklab, var(--amber) 70%, transparent);pointer-events:none;border-radius:999px;position:absolute;inset:-7px}.journey-map[data-motion=on] .journey-pin[data-now=true] .journey-pin-mark:before{animation:2.8s ease-in-out infinite journey-now-breathe}@keyframes journey-now-breathe{0%,to{opacity:.9;transform:scale(.9)}50%{opacity:.15;transform:scale(1.35)}}.journey-pin-label{background:color-mix(in oklab, var(--ink) 74%, transparent);pointer-events:none;white-space:nowrap;text-shadow:0 0 2px var(--ink);border-radius:2px;flex-direction:column;gap:2px;padding:3px 5px;transition:opacity .22s ease-out;display:flex;position:absolute}.journey-pin[data-side=left] .journey-pin-label{text-align:right;align-items:flex-end;top:0;right:14px;transform:translateY(-50%)}.journey-pin[data-side=right] .journey-pin-label{top:0;left:14px;transform:translateY(-50%)}.journey-pin[data-side=above] .journey-pin-label{text-align:center;align-items:center;bottom:14px;left:0;transform:translate(-50%)}.journey-pin[data-side=below] .journey-pin-label{text-align:center;align-items:center;top:14px;left:0;transform:translate(-50%)}@media (width>=768px){.journey-pin[data-side-wide] .journey-pin-label{text-align:left;align-items:flex-start;inset:auto;transform:none}.journey-pin[data-side-wide=left] .journey-pin-label{text-align:right;align-items:flex-end;top:0;right:14px;transform:translateY(-50%)}.journey-pin[data-side-wide=right] .journey-pin-label{top:0;left:14px;transform:translateY(-50%)}.journey-pin[data-side-wide=above] .journey-pin-label{text-align:center;align-items:center;bottom:14px;left:0;transform:translate(-50%)}.journey-pin[data-side-wide=below] .journey-pin-label{text-align:center;align-items:center;top:14px;left:0;transform:translate(-50%)}}.journey-pin-name{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--bone);font-size:13px;font-weight:700;line-height:1}.journey-pin-detail{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:color-mix(in oklab, var(--bone) 70%, transparent);font-size:8.5px;line-height:1.1}.journey-pin[data-kind=venue] .journey-pin-detail,.journey-pin[data-kind=drinks] .journey-pin-detail{color:var(--amber)}.journey-pin[data-kind=transit] .journey-pin-name{color:color-mix(in oklab, var(--bone) 85%, transparent);font-size:11px}.journey-pin[data-kind=lunch] .journey-pin-label{opacity:0}.journey-pin[data-kind=lunch][data-active=true] .journey-pin-label{opacity:1}.journey-pin[data-kind=lunch] .journey-pin-name{font-size:12px}@media (hover:hover) and (pointer:fine){.journey-pin[data-kind=lunch]:hover .journey-pin-label{opacity:1}}.journey-map[data-lunch=all] .journey-pin[data-kind=lunch] .journey-pin-label{opacity:0}@media (width<=767px){.journey-pin[data-kind=transit] .journey-pin-detail{display:none}}.journey-north,.journey-scale{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in oklab, var(--bone) 55%, transparent);pointer-events:none;font-size:8.5px;line-height:1;position:absolute}.journey-north{flex-direction:column;align-items:center;gap:3px;display:inline-flex;top:10px;right:12px}.journey-north-arrow{border-left:3.5px solid #0000;border-right:3.5px solid #0000;border-bottom:7px solid color-mix(in oklab, var(--bone) 55%, transparent);width:0;height:0}.journey-scale{white-space:nowrap;flex-direction:column;gap:4px;display:flex;bottom:9px;left:12px}.journey-scale-bar{border:1px solid color-mix(in oklab, var(--bone) 55%, transparent);border-top:0;width:100%;height:4px;display:block}.journey-attribution{font-family:var(--font-mono);letter-spacing:.04em;color:color-mix(in oklab, var(--bone) 62%, transparent);font-size:10px;text-decoration:none;position:absolute;bottom:6px;right:8px}.journey-attribution:hover{color:var(--amber)}.journey-map-caption{color:color-mix(in oklab, var(--bone) 58%, transparent);margin-top:8px;font-size:12px;line-height:1.45}@media (width<=767px){.journey-map-caption{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}}.journey-rail{position:relative}.journey-rail:before{content:"";background:linear-gradient(to bottom, color-mix(in oklab, var(--amber) 80%, transparent), color-mix(in oklab, var(--ember) 70%, transparent) 45%, color-mix(in oklab, var(--magenta) 65%, transparent) 78%, color-mix(in oklab, var(--plum) 90%, var(--bone) 10%));width:1px;position:absolute;top:12px;bottom:12px;left:5px}.journey-stop-node{background:var(--ink);width:11px;height:11px;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--bone) 55%, transparent);border-radius:999px;transition:background-color .24s ease-out,box-shadow .24s ease-out;position:absolute;top:7px;left:0}.journey-stop[data-selected=true] .journey-stop-node,.journey-stop[data-lit=true] .journey-stop-node{background:var(--amber);box-shadow:0 0 0 3px var(--ink), 0 0 10px color-mix(in oklab, var(--amber) 60%, transparent)}.journey-stop[data-state=next] .journey-stop-node{box-shadow:inset 0 0 0 1.5px var(--amber)}.journey-stop[data-state=now] .journey-stop-node{background:var(--amber);box-shadow:0 0 0 3px var(--ink), 0 0 0 4px color-mix(in oklab, var(--amber) 55%, transparent)}.journey-stop[data-state=past]{opacity:.55}.journey-stop[data-state=past]:hover,.journey-stop[data-state=past]:focus-within,.journey-stop[data-state=past][data-selected=true]{opacity:1}.journey-stop-body{transition:background-color .26s ease-out}.journey-stop[data-selected=true] .journey-stop-body,.journey-stop[data-lit=true] .journey-stop-body{background:linear-gradient(100deg, color-mix(in oklab, var(--plum) 30%, transparent), color-mix(in oklab, var(--magenta) 10%, transparent) 55%, transparent 90%)}@media (prefers-reduced-motion:reduce){.journey-route[data-draw],.journey-route{stroke-dasharray:none!important;stroke-dashoffset:0!important;animation:none!important}.journey-pin-mark:before{animation:none!important}.journey-pin,.journey-pin-mark,.journey-pin-label,.journey-route,.journey-route-label,.journey-stop-node,.journey-stop-body{transition:none!important}.journey-pin[data-active=true] .journey-pin-mark{transform:none}}
