.journey{height:510vh;position:relative}.frame{position:-webkit-sticky;position:sticky;inset:0;height:100vh;min-height:650px;overflow:hidden;background:radial-gradient(ellipse at 56% 48%,#f5fbff 0,#fff 55%,#f8fcff 100%)}.frame:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#fff,#ffffffee 22%,transparent 50%,transparent 80%,#ffffffc9)}.hero-progress{position:absolute;z-index:30;top:78px;left:0;width:100%;height:2px;background:#d8eafb}.hero-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--blue),var(--electric),var(--orange));box-shadow:0 0 12px #30a8ff66}.hero-copy{position:absolute;z-index:20;top:50%;left:clamp(20px,8vw,132px);width:min(460px,calc(100vw - 40px));transform:translateY(-50%)}.hero-copy h1{max-width:430px;margin:0;font-size:clamp(3rem,6.4vw,6.2rem);line-height:.9;font-weight:800;letter-spacing:-.075em}.hero-copy h1 em{color:var(--blue);font-style:normal;font-weight:500}.hero-deck{max-width:372px;margin:22px 0 0;color:var(--muted);font-size:1rem;line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:27px}.hero-action-label-short{display:none}.hero-disclaimer{margin:22px 0 0;color:#7a9fbe;font:500 .59rem/1.5 var(--font-mono)}.hero-disclaimer:before{content:"";display:inline-block;width:24px;height:1px;margin:0 9px 3px 0;background:#77aee0}.map-shell{position:absolute;z-index:3;inset:7% 0 3% 22%}.map-shell:before{content:"";position:absolute;inset:0;opacity:.78;background-image:linear-gradient(#80b6e51c 1px,transparent 0),linear-gradient(90deg,#80b6e51c 1px,transparent 0);background-size:66px 66px;-webkit-mask-image:radial-gradient(ellipse at 57% 49%,#000 23%,transparent 72%);mask-image:radial-gradient(ellipse at 57% 49%,#000 23%,transparent 72%)}#world-map{position:absolute;inset:0;width:100%;height:100%;transform-origin:center}.sphere{fill:#f4faff;stroke:#b8dbf6;stroke-width:1}.country{fill:var(--land);stroke:#9bc9ed;stroke-width:.65}.graticule{fill:none;stroke:#b4d6ee;stroke-width:.4;opacity:.75}.route-shadow{fill:none;stroke:#d3eafa;stroke-width:9;stroke-linecap:round}.route-line{fill:none;stroke:var(--blue);stroke-width:2.7;stroke-linecap:round;filter:drop-shadow(0 0 4px #30a8ff8a)}.route-complete{fill:none;stroke:#8cc1ee;stroke-width:1.3;stroke-dasharray:2 7}.map-label{fill:#47769e;font:500 12px var(--font-mono);letter-spacing:1.3px}.stop-ring{fill:#fff;stroke:#4d9cdd;stroke-width:2}.stop-ring.active{fill:var(--orange);stroke:#fff;stroke-width:3;filter:drop-shadow(0 0 7px #f59a2b8a)}.stop-pulse{fill:none;stroke:#1f93ec;stroke-width:1;opacity:.6;transform-box:fill-box;transform-origin:center;animation:waypoint-pulse 2.2s ease-out infinite}.vessel{filter:drop-shadow(0 5px 5px #1b5a8b35);opacity:1}.vessel-halo{fill:#56b7ff;opacity:.12;filter:blur(9px)}.map-key{position:absolute;z-index:21;right:clamp(20px,5vw,80px);bottom:6%;width:256px;padding:16px 17px;border:1px solid #c4e0f6;border-radius:11px;background:#fffffff2;box-shadow:0 18px 45px #2a6c9a12}.key-top{display:flex;justify-content:space-between;color:#5d88ae;font:500 .59rem/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.key-top b{color:var(--good);font-weight:500}.map-key strong{display:block;margin:10px 0 7px;color:var(--ink);font-size:.95rem;letter-spacing:-.04em}.map-key p{margin:0;color:#6b90b2;font-size:.69rem;line-height:1.5}.stops{position:absolute;z-index:22;left:clamp(20px,8vw,132px);bottom:6%;display:flex;gap:clamp(10px,1.9vw,29px);max-width:calc(100vw - 380px);overflow:hidden}.stop{display:flex;align-items:center;gap:7px;color:#87a9c6;font:500 .6rem/1 var(--font-mono);letter-spacing:.07em;white-space:nowrap;text-transform:uppercase;transition:color .25s}.stop:before{content:"";width:7px;height:7px;border:1px solid;border-radius:50%}.stop.active{color:var(--blue)}.stop.active:before{border-color:var(--orange);background:var(--orange);box-shadow:0 0 0 4px #f59a2b20}.scene{top:50%;transform:translateY(-50%);color:#a4c5df;font:500 clamp(1rem,1.7vw,1.5rem) /1 var(--font-mono);text-align:right;letter-spacing:-.09em}.scene,.scroll-cue{position:absolute;z-index:21;right:clamp(20px,5vw,80px)}.scroll-cue{bottom:31%;color:#7098bc;font:500 .6rem/1 var(--font-mono);letter-spacing:.1em;writing-mode:vertical-rl;text-transform:uppercase}.scroll-cue:after{content:"";display:block;width:1px;height:37px;margin:10px auto 0;background:#9bc2e3}@keyframes waypoint-pulse{0%{transform:scale(.65);opacity:.9}75%,to{transform:scale(1.35);opacity:0}}@media (max-width:980px){.frame{min-height:760px}.hero-progress{top:63px}.hero-copy{top:clamp(82px,11.5svh,108px);transform:none}.hero-copy h1{max-width:320px;font-size:clamp(2.55rem,12vw,3.45rem);line-height:.92}.hero-deck{max-width:320px;margin-top:11px;font-size:.84rem;line-height:1.5}.hero-actions{width:min(100%,350px);flex-wrap:nowrap;gap:8px;margin-top:16px}.hero-actions .btn{min-height:44px;flex:1 1;padding:10px 12px;font-size:.76rem;white-space:nowrap}.hero-disclaimer{margin-top:12px;max-width:250px;font-size:.52rem}.map-shell{inset:54% -22% 12% -22%}.map-key{right:auto;bottom:4%;left:18px;width:min(190px,calc(100vw - 36px));padding:12px 13px}.map-key strong{margin:8px 0 5px;font-size:.78rem}.map-key p{font-size:.6rem}.scene,.scroll-cue,.stops{display:none}.frame:after{background:linear-gradient(180deg,#fff,#ffffffcc 19%,transparent 49%,#ffffffdb)}}@media (max-width:980px) and (max-height:720px){.frame{min-height:100svh}.map-shell{inset:57% -22% 7% -22%}.map-key{bottom:2.5%}}@media (max-width:360px){.hero-actions{flex-wrap:nowrap}.hero-action-label-full{display:none}.hero-action-label-short{display:inline}.hero-disclaimer{display:none}.map-shell{top:64%}}