.city-journey{position:relative;height:600vh;background:#0c1412;border-top:1px solid #314137;border-bottom:1px solid #314137}.city-scene{height:100vh;min-height:620px;position:sticky;top:0;overflow:hidden}.city-map{position:absolute;inset:0;background:#111a1b}.city-shade{pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,#0d1614e8 0%,#0d16147a 34%,transparent 65%),linear-gradient(0deg,#0d1614f5,transparent 28%)}.city-topline{position:absolute;top:35px;left:6vw;right:6vw;display:flex;justify-content:space-between;gap:20px;color:#a0b4a5;font-size:9px;letter-spacing:2px}.city-skip{background:none;border:0;color:#d2ddd0;font-size:10px;cursor:pointer}.city-copy{position:absolute;left:6vw;top:25%;max-width:470px;pointer-events:none}.city-copy .eyebrow{color:#a0c3a5;font-size:10px;letter-spacing:2px}.city-name{font-size:clamp(50px,6.8vw,96px);line-height:.98;letter-spacing:-4px;color:#e2e9dc;font-weight:400;margin:30px 0 20px}.city-county{font-size:15px;color:#bbcbbd}.city-coordinates{font-size:9px;letter-spacing:1.3px;color:#96ad9c;margin-top:24px}.city-count{font-size:10px;color:#9dc6a5;letter-spacing:2px;margin-top:35px}.city-bottom{position:absolute;left:6vw;right:6vw;bottom:70px}.city-stops{display:flex;gap:10px;flex-wrap:wrap}.city-stops button{border:1px solid #54715c;background:#101e19d9;border-radius:24px;padding:13px 20px;color:#cedbcf;font-size:11px;cursor:pointer}.city-stops button[aria-current=true]{background:#abd3af;color:#193422;border-color:#abd3af}.city-progress{height:1px;background:#405248;margin-top:25px}.city-progress span{display:block;height:2px;background:#a4d2ac;width:0;transition:width .6s}.city-scroll-note{font-size:9px;color:#9bb19f;margin:17px 0 0;letter-spacing:1px}.map-state{position:absolute;right:6vw;top:45%;max-width:260px;color:#adc3b3;font-size:13px;line-height:1.7}.map-state[hidden]{display:none}.city-journey .maplibregl-ctrl-attrib{font-size:10px;background:#0d1614db;color:#b2c4b6}.city-journey .maplibregl-ctrl-attrib a{color:#b2c4b6}.city-journey .maplibregl-ctrl-bottom-right{right:12px;bottom:10px}@media(max-width:700px){.city-scene{min-height:660px}.city-shade{background:linear-gradient(180deg,#0d1614e8,transparent 65%,#0d1614f5)}.city-copy{top:12%;right:6vw;max-width:none}.city-name{font-size:58px;letter-spacing:-2.8px;margin:18px 0}.city-copy .eyebrow{font-size:8px}.city-county{font-size:13px}.city-count{margin-top:15px}.city-bottom{bottom:65px}.city-stops{gap:7px}.city-stops button{font-size:10px;padding:10px 13px}.city-topline{top:22px;font-size:7px}.map-state{top:55%;left:6vw;right:6vw}.city-coordinates{margin-top:15px}}@media(prefers-reduced-motion:reduce){.city-journey{height:auto}.city-scene{position:relative}.city-progress span{transition:none}.city-scroll-note{display:none}}

#city-journey{height:1200vh}.aerial-journey{height:650vh}.city-scene{background:#07121b}.city-shade{background:linear-gradient(90deg,#081714d9,transparent 65%),linear-gradient(0deg,#081714ed,transparent 30%)}.city-bottom{bottom:65px}.city-stops{gap:7px;max-width:1100px}.city-stops button{font-size:10px;padding:10px 14px;background:#0e211bba}.city-name{font-size:clamp(48px,6vw,88px)}.city-copy{top:18%}.aerial-journey .city-map{filter:blur(var(--travel-blur,0px));transform:scale(1.025);transition:filter .1s linear}.aerial-journey .city-copy{top:12%}.aerial-journey .city-shade{background:linear-gradient(90deg,#071310c9,transparent 60%),linear-gradient(0deg,#071310ec,transparent 28%)}.flight-streaks{position:absolute;inset:0;pointer-events:none;opacity:var(--travel-intensity,0);background:repeating-conic-gradient(from 0deg at 60% 50%,transparent 0deg 12deg,#d9e9e51a 12.1deg 12.3deg,transparent 12.4deg 24deg);mask-image:radial-gradient(ellipse,transparent 15%,#000 85%)}.flight-reticle{position:absolute;left:60%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:15px;pointer-events:none}.flight-reticle svg{filter:drop-shadow(0 0 14px #081d15);transform:rotate(15deg);transition:transform .3s}.flight-reticle span{font-size:8px;letter-spacing:2px;color:white;background:#14291ec9;padding:7px 9px;border-radius:15px}.rocket-flame{opacity:0}.in-flight .rocket-flame{opacity:1}.in-flight .flight-reticle svg{transform:rotate(0deg) scale(1.15)}.city-map .maplibregl-ctrl-attrib{max-width:85vw;font-size:9px}@media(max-width:700px){.city-copy{top:12%}.city-name{font-size:49px}.city-stops{gap:5px}.city-stops button{padding:7px 10px;font-size:9px}.city-bottom{bottom:60px}.city-scroll-note{font-size:8px}.city-shade{background:linear-gradient(180deg,#071714c9,transparent 60%,#071714f0)}.flight-reticle{left:60%;top:55%}.aerial-journey .city-copy{top:12%}}@media(prefers-reduced-motion:reduce){#city-journey,.aerial-journey{height:auto}.aerial-journey .city-map{filter:none;transform:none}.flight-streaks,.flight-reticle{display:none}}
.aerial-journey .city-map{filter:none;transform:none}.aerial-journey .maplibregl-canvas-container{filter:blur(var(--travel-blur,0px));transform:scale(1.025);transition:filter .1s linear}@media(prefers-reduced-motion:reduce){.aerial-journey .maplibregl-canvas-container{filter:none;transform:none}}

.tour-options{padding:55px 6vw;background:#15251d;border-top:1px solid #34513e;display:grid;grid-template-columns:1fr 1.2fr;gap:6vw;align-items:center}.tour-options p{font-size:9px;letter-spacing:2px;color:#9ebba4}.tour-options h2{font-size:36px;letter-spacing:-1.5px;max-width:360px;line-height:1.05}.tour-options nav{display:grid;grid-template-columns:1fr 1fr;gap:15px;max-width:none}.tour-options nav a{display:flex;justify-content:space-between;gap:20px;border:1px solid #45614d;border-radius:13px;padding:19px;color:#d7e4d6;font-size:12px;margin:0}.tour-options nav a:hover{background:#254430}.smooth-journey{height:750vh}.vector-journey{height:600vh}.smooth-journey .flight-streaks{filter:blur(1px)}.smooth-journey .flight-reticle svg{transition:transform .6s ease}.vector-journey .city-shade{background:linear-gradient(90deg,#0d1614e8 0%,#0d16147a 34%,transparent 65%),linear-gradient(0deg,#0d1614f5,transparent 28%)}@media(max-width:700px){.tour-options{grid-template-columns:1fr;padding:40px 25px;gap:20px}.tour-options nav{font-size:10px}.tour-options nav a{padding:15px;font-size:11px}.tour-options h2{font-size:31px}.vector-journey .city-shade{background:linear-gradient(180deg,#0d1614e8,transparent 65%,#0d1614f5)}}@media(prefers-reduced-motion:reduce){.smooth-journey,.vector-journey{height:auto}}

/* Overview labels use callouts so nearby service cities remain legible. */
.service-area-pins{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .25s ease}.service-area-pins path{fill:none;stroke:#b9d7b4;stroke-width:1;stroke-opacity:.55}.service-area-pins circle{fill:#dcebd3;stroke:#183b29;stroke-width:1.5}.service-area-pins text{font:500 12px Arial,sans-serif;fill:#f3f4eb;stroke:#10231b;stroke-width:5px;stroke-linejoin:round;paint-order:stroke fill}@media(max-width:800px){.service-area-pins text{font-size:10px;stroke-width:4px}}@media(prefers-reduced-motion:reduce){.service-area-pins{transition:none}}

.service-area-pins circle:not(.pin-hit){filter:drop-shadow(0 0 5px #b8e8ac);transition:filter .2s,fill .2s}.service-area-pins .pin-hit{fill:transparent;stroke:none;filter:none}.service-area-pins .pin-label-hit{fill:transparent;stroke:transparent;stroke-width:1}.service-area-pins[data-interactive=true] .pin-hit,.service-area-pins[data-interactive=true] .pin-label-button{pointer-events:all;cursor:pointer;touch-action:pan-y}.service-area-pins .pin-label-button{outline:none}.service-area-pins .pin-label-button.is-glowing text{fill:#fff;filter:drop-shadow(0 0 5px #b8e8ac)}.service-area-pins .pin-label-button.is-glowing .pin-label-hit{fill:#122b20b3;stroke:#c8edba88}.service-area-pins circle.is-glowing{fill:#fff;filter:drop-shadow(0 0 8px #c8ffb8) drop-shadow(0 0 3px #fff)}

.city-back-overview{pointer-events:auto;display:inline-flex;align-items:center;min-height:44px;margin-top:15px;padding:10px 16px;border:1px solid #a9c8a17a;border-radius:24px;background:#11271ee6;color:#edf3e6;font:12px Arial,sans-serif;cursor:pointer;backdrop-filter:blur(8px);transition:background .2s,box-shadow .2s}.city-back-overview[hidden]{display:none}.city-back-overview:hover,.city-back-overview:focus-visible{background:#244432;box-shadow:0 0 18px #b9e5a927;outline:2px solid #c8e6b7;outline-offset:3px}@media(max-width:800px){.city-back-overview{margin-top:10px}}@media(max-width:800px) and (max-height:600px){.city-back-overview{margin-top:4px;min-height:40px;padding-block:8px}}