:root{--ink:#17363b;--paper:#f6f2e8;--muted:#69787a;--gold:#d7b17c}body{background:var(--paper)}header{background:#0b1b23;color:#ece9df;border-bottom:1px solid #ffffff13;padding:21px 6%;min-height:90px}header .brand{font-family:Arial,sans-serif;font-size:29px;letter-spacing:-1.8px}header .brand span{margin:0;padding:0}.logo-ville{color:#12618d!important}.logo-trip{color:#18b7ad!important}header nav .nav{color:#bcc9cb}header nav .active{color:#edcf9d;border-color:#d9b682}header .outline{color:#eee9da;border-color:#526268;background:#ffffff08}header .outline b{background:#324448;color:#ebd3ab}.stage{position:relative;display:block;padding:85px 6% 75px;min-height:790px;color:#f5f0e4;isolation:isolate;overflow:hidden}.visual{position:absolute;inset:0;border-radius:0;min-height:0;z-index:-2}.visual:after{background:linear-gradient(90deg,#071a24dc 0%,#0c202ba3 45%,#0b202778 100%),linear-gradient(0deg,#091c27 0%,transparent 35%,#0c1c2633 100%)}#hero{animation-duration:18s;object-position:center 43%}.copy{width:55%;max-width:690px;padding:30px 65px 40px 0;min-height:620px;justify-content:center}.copy .eyebrow{color:#e1c497;letter-spacing:3px;font-size:9px}.copy .eyebrow span{color:#a7b5b5}.chapter-label{margin-top:48px;color:#d8ddda;font-size:10px;letter-spacing:2px}.chapter-label i{background:#b3956b}#chapter{color:#e3bd84}h1{font-size:clamp(56px,6.5vw,98px);font-family:Georgia,'Times New Roman',serif;letter-spacing:-3px;line-height:1.02;margin:24px 0;color:#f6f0e2}p.intro{color:#d2d8d4;max-width:440px;font-size:16px;line-height:1.9}.copy .primary{background:#f2e8d4;color:#20343b;padding:18px 25px;border:1px solid #dfc59c}.copy .save{color:#e8d3b2;border-color:#b5b9ab80;background:#ffffff08}.footnote{margin-top:0;padding-top:27px;color:#abb9b7}.spark{color:#d6b27e}.photo-top{top:auto;bottom:31px;left:6%;right:auto;gap:12px}.photo-top>span{font-size:9px;padding:7px 11px;color:#d8dddb;border-color:#ffffff38}.photo-top button{width:28px;height:28px;font-size:18px}.image-bottom{left:auto;right:6%;bottom:24px;gap:20px;align-items:center}.image-bottom small{display:none}.image-bottom h2{font:10px Arial,sans-serif;text-transform:uppercase;letter-spacing:1.8px;margin:0}.image-bottom .play{font-size:10px;padding:8px 13px;border-color:#ffffff38}.credit{left:6%;bottom:9px;font-size:8px;opacity:.6}.globe-card{position:absolute;top:85px;right:6%;width:370px;max-width:37%;background:linear-gradient(145deg,#26363ce8,#0e202beF);border:1px solid #a8bab630;box-shadow:0 22px 70px #0003;border-radius:11px;padding:23px 20px 18px;color:#f0eadc;backdrop-filter:blur(14px)}.globe-card>.eyebrow{font-size:7px;letter-spacing:2px;color:#dec89f}.globe-card h2{font:24px Georgia,serif;font-weight:400;margin:13px 0 0}.globe-card canvas{display:block;width:100%;height:auto;cursor:grab;touch-action:pan-y;min-height:260px}.globe-card canvas:active{cursor:grabbing}.globe-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:-7px}.globe-controls label{font-size:8px;color:#aebdbd;letter-spacing:.5px}.globe-controls select{width:100%;background:#213640;color:#eee8da;border:1px solid #49606a;border-radius:4px;font-size:10px;padding:8px 6px;margin-top:5px}.globe-buttons{display:flex;align-items:center;gap:5px;margin-top:13px}.globe-buttons button{background:#ffffff08;border:1px solid #8ba1a233;color:#ddcfb3;border-radius:4px;padding:7px 8px;font-size:10px}.globe-buttons button:nth-child(3){margin-right:auto}.globe-buttons label{font-size:9px;color:#bac6c4;display:flex;gap:3px;align-items:center}.globe-buttons input{accent-color:#cfad72;width:12px}.globe-card p{font-size:9px;line-height:1.6;text-align:center;color:#d1c7b0;min-height:15px;margin:13px 0 7px}.globe-card>small{font-size:8px;display:block;text-align:center;color:#8fa3a5}.earth-credit{display:block;font-size:7px;text-align:center;color:#8fa3a5;margin-top:6px}.journey-nav{background:#0b1d26;color:#d5dcd8;padding:24px 6% 22px;border-top:1px solid #627a7b22}.track-label small{color:#b59d77}.track-label strong{color:#f0e9db}.thumb span{color:#b5c2bf}.thumb.current span{color:#e7c899}.arrows button{color:#d4c4a6;border-color:#486064}.arrows small{color:#a7b6b4}.story-divider{border:0;padding-top:90px}.connection-section{background:#102a35}.route-board{background:#f5f0e4}.flight-line span{background:#f5f0e4}.business-section{background:#eae8de}.primary{background:#193c49}.end-story{background:radial-gradient(ellipse at 50% 100%,#254650,#0c202b);color:#eee8d9}.end-story .eyebrow{color:#d3b181}.end-story .primary{background:#e9d9bd;color:#153441}.end-story h2{font-style:italic}.end-story+footer{background:#0c202b;color:#92a6aa;border-top:1px solid #425a5c}.world-card .category{background:#f6ecdae8}.world-card:hover h3{color:#a47d43}.story-divider h2{font-size:clamp(38px,4.5vw,64px)}@media(min-width:1500px){.globe-card{width:440px;top:90px}.stage{min-height:900px}.copy{min-height:700px}}@media(max-width:1000px){.globe-card{right:4%;width:345px;max-width:40%;top:100px}.stage{padding-left:5%;min-height:800px}.copy{width:57%;padding-right:28px}.copy h1{font-size:68px}.copy p.intro{font-size:14px}.globe-card h2{font-size:22px}.globe-buttons{flex-wrap:wrap}}@media(max-width:800px){header{padding:17px 5% 12px}.stage{padding:35px 5% 75px;min-height:0}.copy{width:100%;max-width:none;padding:15px 0 28px;min-height:0;display:block}.chapter-label{margin-top:28px}.copy h1{font-size:62px;max-width:500px}.copy p.intro{max-width:500px!important;font-size:15px}.visual{position:absolute;min-height:0;inset:0}.visual:after{background:linear-gradient(180deg,#061c28ab,#0a202ce0 50%,#0c202bf5)}.globe-card{position:relative;top:auto;right:auto;max-width:100%;width:410px;margin:10px auto 0;padding:23px}.globe-card h2{font-size:26px}.globe-card canvas{min-height:0}.globe-buttons{flex-wrap:nowrap}.image-bottom{bottom:20px;left:5%;right:5%;justify-content:space-between}.photo-top{display:none}.credit{bottom:4px;left:5%}.journey-nav{padding:20px 5%}.globe-card>.eyebrow{font-size:8px}.globe-controls label{font-size:10px}.globe-controls select{font-size:12px}.globe-buttons label,.globe-buttons button{font-size:10px}.globe-card p{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

header nav .nav.active{color:#edcf9d;border-color:#d9b682}
