.journey{--jr-gold:#e5cd9d;--jr-ink:#102d28;position:relative;isolation:isolate;overflow:hidden;color:#f6f2e8;background:radial-gradient(ellipse at 85% 20%,#25483e 0,transparent 58%),#102d28;border:1px solid #365247;border-radius:24px;padding:27px 28px 22px;box-shadow:0 18px 45px #0c221a20;text-align:left}.journey *{box-sizing:border-box}.journey [hidden]{display:none!important}.journey-top{display:flex;gap:16px;justify-content:space-between;align-items:center}.journey-eyebrow{font-size:9px;font-weight:600;letter-spacing:1.8px;line-height:1.6;color:#cecfb9}.journey-edition{font:9px ui-monospace,SFMono-Regular,monospace;letter-spacing:1px;color:#a4b7a4;white-space:nowrap}.journey .journey-title{font:italic 38px/1.15 Georgia,serif;color:#f4eddf;margin:17px 0 25px;letter-spacing:-1px}.journey-endpoints{display:grid;grid-template-columns:1fr 24px 1fr;gap:12px;padding-bottom:18px;border-bottom:1px solid #dce9cf21}.journey-label{display:block;font:9px/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:1.8px;color:#adbfaf}.journey-endpoints strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;font-weight:500;line-height:1.5;margin-top:5px;color:#f5f2e8;overflow-wrap:anywhere}.journey-arrow{color:var(--jr-gold);font-size:25px;align-self:center}.journey-stage{position:relative;margin:0 -12px;height:auto;aspect-ratio:600/360;min-height:200px}.journey-stage svg{display:block;width:100%;height:100%;position:relative;z-index:1;overflow:visible}.journey-stage-lines{position:absolute;inset:16px;background-image:linear-gradient(#f5f0d408 1px,transparent 1px),linear-gradient(90deg,#f5f0d408 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse,#000 5%,transparent 72%);pointer-events:none}.journey-road-glow{fill:none;stroke:#c7cdb2;stroke-width:20;opacity:.035;stroke-linejoin:round;stroke-linecap:round}.journey-road{fill:none;stroke:#bdc5ab;stroke-width:2;opacity:.4;stroke-linecap:round;stroke-linejoin:round}.journey-trail{fill:none;stroke:var(--jr-gold);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #e5cd9d45)}.journey-start{fill:#102d28;stroke:var(--jr-gold);stroke-width:2}.journey-finish-outer{fill:none;stroke:var(--jr-gold);stroke-width:1;opacity:.65}.journey-finish{fill:var(--jr-gold)}.journey-halo{fill:#e5cd9d;opacity:.12}.journey-core{fill:#e9d8b5;stroke:#fff7df;stroke-width:1.5;filter:drop-shadow(0 0 5px #e5cd9d80)}.journey-car{fill:#16352c}.journey-north{position:absolute;right:14px;top:17px;font:11px/1.4 ui-monospace,monospace;text-align:center;color:#b7c5b4}.journey-coordinate{position:absolute;left:14px;bottom:12px;font:8px/1.8 ui-monospace,monospace;letter-spacing:1.8px;color:#7f9c8b}.journey-readout{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #dce9cf21;padding-top:20px}.journey-total{font:38px/1.3 ui-monospace,SFMono-Regular,monospace;letter-spacing:-2px;color:#e5cd9d;white-space:nowrap}.journey-narrative{max-width:46%;text-align:right}.journey-narrative strong{display:block;font:italic 19px/1.25 Georgia,serif;color:#f3eddc}.journey-narrative span{display:block;font-size:10px;line-height:1.5;color:#bac7b9;margin-top:5px}.journey-controls{display:flex;align-items:center;gap:13px;margin-top:20px}.journey .journey-play,.journey .journey-replay{display:inline-flex;justify-content:center;align-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid #e5cd9d65;border-radius:50%;background:#ffffff05;color:#e5cd9d;font-size:14px;cursor:pointer;min-height:44px;box-shadow:none}.journey .journey-replay{border-color:transparent;font-size:25px}.journey button:hover{background:#e5cd9d15}.journey button:focus-visible,.journey input:focus-visible,.journey a:focus-visible{outline:2px solid #f8dfaa;outline-offset:4px}.journey-progress-wrap{flex:1;min-width:0}.journey .journey-progress{display:block;width:100%;padding:0;height:24px;min-height:24px;margin:0;background:transparent;border:0;box-shadow:none;accent-color:#e5cd9d;cursor:pointer}.journey-progress-text{display:block;text-align:right;color:#c7d2c2;font:9px/1.5 ui-monospace,monospace;letter-spacing:.3px}.journey .journey-disclaimer{color:#afbfaf;font-size:10px;line-height:1.6;margin:14px 0 0}.journey-bottom{display:flex;align-items:start;justify-content:space-between;gap:14px;margin-top:12px;padding-top:12px;border-top:1px solid #dce9cf21}.journey .journey-note{margin:0;max-width:76%;font-size:10px;line-height:1.5;color:#acbdad}.journey .journey-link{font-size:11px;line-height:1.5;color:#ecd7ad;white-space:nowrap;text-decoration:none}.journey-placeholder{padding:35px 0 28px;max-width:330px}.journey-orbit{display:block;width:62px;height:62px;border:1px solid #e5cd9d40;border-radius:50%;position:relative;margin-bottom:25px}.journey-orbit:before{content:'';position:absolute;inset:12px;border:1px solid #e5cd9d25;border-radius:50%}.journey-orbit:after{content:'';position:absolute;top:-3px;left:26px;width:7px;height:7px;border-radius:50%;background:#e5cd9d;box-shadow:0 0 18px #e5cd9d70}.journey[data-state=loading] .journey-orbit{animation:journey-orbit 4s linear infinite}.journey-placeholder h4{font:italic 25px/1.2 Georgia,serif;margin:0 0 12px;color:#f4eddf}.journey-placeholder p{font-size:13px;line-height:1.7;color:#bccbbd;margin:0}@keyframes journey-orbit{to{transform:rotate(360deg)}}@media(max-width:480px){.journey{padding:23px 18px 18px;border-radius:20px}.journey .journey-title{font-size:32px;margin:15px 0 21px}.journey-eyebrow{font-size:8px;letter-spacing:1.4px;max-width:190px}.journey-edition{font-size:8px}.journey-endpoints{gap:8px;grid-template-columns:1fr 20px 1fr}.journey-endpoints strong{font-size:12px}.journey-stage{margin:0 -10px}.journey-total{font-size:31px}.journey-narrative strong{font-size:17px}.journey-label{font-size:8px;letter-spacing:1.3px}.journey-readout{gap:10px}.journey-narrative span{font-size:9px}.journey-coordinate{font-size:7px;letter-spacing:1px}.journey-disclaimer{font-size:9px!important}.journey .journey-note{max-width:72%}}@media(prefers-reduced-motion:reduce){.journey *{animation:none!important;scroll-behavior:auto!important}}

.journey-credit{font-size:9px;line-height:1.6;color:#9fb5a7;margin:14px 0 0}.journey-credit a{color:inherit}.journey-coordinate{max-width:62%;font-size:7px}

.journey-discover{padding:0 0 20px}.journey-discover h4{margin:0 0 8px;color:#ead9b6;font:italic 21px/1.3 Georgia,serif}.journey .journey-streets{font-size:10px;line-height:1.6;color:#bfd0c0;margin:0 0 12px;overflow-wrap:anywhere}.journey-landmarks{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0;margin:0;list-style:none}.journey-landmark{display:flex;align-items:center;gap:9px;border:1px solid #dce9cf20;border-radius:10px;padding:10px;background:#ffffff03;min-width:0}.journey-poi-number{flex:0 0 23px;width:23px;height:23px;border:1px solid #e5cd9d65;border-radius:50%;display:grid;place-items:center;font:10px ui-monospace,monospace;color:#e5cd9d;transition:background .3s,color .3s}.journey-landmark>div{flex:1;min-width:0}.journey-landmark strong{display:block;font-size:11px;line-height:1.4;font-weight:500;overflow-wrap:anywhere;color:#f1eadb}.journey-landmark div>span{display:block;font-size:9px;line-height:1.5;margin-top:3px;color:#acbfaf}.journey-landmark a{font-size:10px;color:#ead5ac;text-decoration:none;min-height:44px;display:flex;align-items:center}.journey-landmark.is-passed .journey-poi-number{background:#e5cd9d;color:#102d28}.journey .journey-reference-note{font-size:9px;line-height:1.6;color:#a5bbaa;margin:10px 0 0}.journey-poi-pin circle{fill:#15382e;stroke:#d9c399;stroke-width:1.5}.journey-poi-pin text{fill:#e9d6ad;font:11px ui-monospace,monospace}.journey-poi-pin.is-passed circle{fill:#e5cd9d}.journey-poi-pin.is-passed text{fill:#102d28}.journey-street-label{font:12px ui-sans-serif,system-ui,sans-serif;fill:#b7c9ba;stroke:#102d28;stroke-width:5px;paint-order:stroke;stroke-linejoin:round}.journey-street-label.is-passed{fill:#ead5ac}@media(max-width:600px){.journey-landmarks{grid-template-columns:1fr}.journey-landmark{padding:7px 10px}.journey-discover h4{font-size:19px}.journey-street-label{font-size:14px}}

/* Destination artwork is illustrative; the road geometry stays untouched. */
.journey-marker{display:none}.journey-marker-car{display:block}.journey-marker-art{filter:drop-shadow(0 4px 5px #061c2590)}.journey-halo{r:30px;fill:#eedab2;opacity:.1}.journey[data-destination=teotihuacan] .journey-marker-car,.journey[data-destination=xochimilco] .journey-marker-car,.journey[data-destination=aicm] .journey-marker-car,.journey[data-destination=aifa] .journey-marker-car,.journey[data-destination=airport] .journey-marker-car{display:none}.journey[data-destination=teotihuacan] .journey-marker-balloon,.journey[data-destination=xochimilco] .journey-marker-trajinera,.journey[data-destination=aicm] .journey-marker-plane,.journey[data-destination=aifa] .journey-marker-plane,.journey[data-destination=airport] .journey-marker-plane{display:block}.journey[data-destination=teotihuacan]{background:radial-gradient(ellipse at 85% 18%,#67503b 0,transparent 58%),#18352d}.journey[data-destination=teotihuacan] .journey-stage{background:radial-gradient(ellipse at 72% 10%,#e7b87618,transparent 55%)}.journey[data-destination=xochimilco]{background:radial-gradient(ellipse at 85% 20%,#265c50 0,transparent 58%),#103a33}.journey[data-destination=xochimilco] .journey-stage:before{content:'';position:absolute;inset:12px 0;background:repeating-radial-gradient(ellipse at 15% 110%,transparent 0 18px,#a5d6bf0b 19px 20px,transparent 21px 39px);mask-image:linear-gradient(transparent,#000 25%,#000 80%,transparent);pointer-events:none}.journey[data-destination=xochimilco] .journey-stage-lines{opacity:.35}.journey .journey-illustration-note{font-size:9px;line-height:1.6;color:#afbfaf;margin:3px 0 0}.journey[data-destination=teotihuacan]:focus-within .journey-marker-art{animation:journey-balloon-sway 2.4s ease-in-out infinite}.journey[data-destination=xochimilco]:focus-within .journey-marker-art{animation:journey-boat-sway 1.8s ease-in-out infinite}@media(hover:hover){.journey[data-destination=teotihuacan] .journey-stage:hover .journey-marker-art{animation:journey-balloon-sway 2.4s ease-in-out infinite}.journey[data-destination=xochimilco] .journey-stage:hover .journey-marker-art{animation:journey-boat-sway 1.8s ease-in-out infinite}}@keyframes journey-balloon-sway{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-4px) rotate(3deg)}}@keyframes journey-boat-sway{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-2px) rotate(3deg)}}@media(prefers-reduced-motion:reduce){.journey .journey-marker-art{animation:none!important;transform:none!important}}
.journey-stop-badge{position:absolute;z-index:2;left:50%;top:11%;transform:translateX(-50%);max-width:75%;padding:.45rem .75rem;border-radius:999px;background:#f7e3b8;color:#173e35;box-shadow:0 4px 18px #081e1a80;font:700 11px/1.25 ui-sans-serif,system-ui,sans-serif;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:journey-stop-arrive .35s ease-out}.journey-stop-badge[hidden]{display:none}@keyframes journey-stop-arrive{from{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%,0)}}