/* Integrated Preview. Retains the original globe as an unmodified source file in /globe-original.html. */
#globe{padding:70px 0 50px;background:radial-gradient(ellipse at 25% 25%,#1a5d67 0%,#0e3540 42%,#0b2631 100%)}
#globe .lead{max-width:800px;margin-bottom:25px}
.mobile-spin-jump{display:none}
.globe-stage{display:grid;grid-template-columns:minmax(0,1.17fr) minmax(340px,.83fr);gap:22px;align-items:stretch;margin-top:32px}
.globe-window,.discovery-console{border:1px solid rgba(255,255,255,.2);border-radius:24px;min-width:0;background:#123941;box-shadow:0 24px 70px rgba(0,0,0,.15);overflow:hidden}
.globe-window{display:flex;flex-direction:column;background:#0c2833}
.globe-window-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:9px;padding:13px 16px;font-size:.78rem;font-weight:700;color:#d6eceb;background:#10323c;border-bottom:1px solid #ffffff21}
.live-dot{display:inline-block;background:#84c7b9;width:8px;height:8px;vertical-align:middle;border-radius:50%;margin-right:6px}
.open-globe{color:#f0c583;text-decoration:underline;text-underline-offset:3px}
#original-globe{width:100%;height:580px;border:0;display:block;background:#0d2934;flex:1;min-height:510px}
.globe-caption{font-size:.78rem;color:#c6ddd9;padding:12px 17px 16px;margin:0;background:#12333c;line-height:1.5}
.discovery-console{padding:26px;background:linear-gradient(155deg,#164c56,#123840 65%,#0c2c34)}
.discovery-console .eyebrow{color:#e9bd7e}
.discovery-console h2{font-family:Fraunces,Georgia,serif;font-size:clamp(2rem,2.8vw,2.65rem);color:white;margin:5px 0 12px}
.discovery-console .console-intro{font-size:.9rem;color:#d5e7e2;line-height:1.66;max-width:480px;margin:0 0 20px}
.console-spin{width:100%;min-height:54px;text-align:center;font-size:.99rem}
.discovery-console .spin-feedback{max-width:100%;margin-top:18px;padding:14px 10px;border-radius:17px;gap:9px;background:#ffffff0d}
.discovery-console .spin-orb{flex-basis:56px;width:56px;height:60px;font-size:2.8rem}
.discovery-console .spin-feedback h3{font-size:1.35rem}
.discovery-console .spin-feedback p:not(.spin-eyebrow){font-size:.78rem}
.location-card{border:1px solid #ffffff24;border-radius:15px;background:#ffffff0d;margin-top:17px;padding:12px}
.location-header{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:center;color:#e5f2eb;font-size:.78rem;margin:0 0 10px}
#selection-coordinates{color:#cadbd6;font-size:.72rem}
.location-map{position:relative;aspect-ratio:2/1;border:1px solid #c7dbd3;border-radius:11px;overflow:hidden;background:#e8f1ec}
.location-map img,.location-map svg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.mini-note{font-size:.73rem;line-height:1.5;color:#d4e3dd;margin:9px 0 0}
.console-links{display:flex;flex-direction:column;gap:3px;margin-top:14px}.console-link{color:#f5d59f;font-size:.83rem;font-weight:700;display:flex;justify-content:space-between;gap:8px;align-items:center;padding:8px 3px;border-top:1px solid #ffffff17}
#globe #loading{margin-top:18px}
@media(max-width:1050px){.globe-stage{grid-template-columns:1fr;gap:16px}.discovery-console{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;align-items:start}.discovery-console>.eyebrow,.discovery-console>h2,.discovery-console>.console-intro,.console-spin{grid-column:1}.discovery-console>.spin-feedback{grid-column:1}.discovery-console .location-card{grid-column:2;grid-row:1/span 5;margin-top:0}.discovery-console .console-links{grid-column:1/3;flex-direction:row;justify-content:space-around}}
@media(max-width:650px){.mobile-spin-jump{display:inline-flex;align-items:center;margin:2px 0 10px;min-height:44px}#globe{padding:36px 0 45px}#globe h1{font-size:clamp(2.8rem,10vw,4.6rem)}.globe-stage{margin-top:18px}.globe-window-head{padding:12px}.globe-window iframe{height:470px;min-height:470px}.globe-caption{font-size:.73rem}.discovery-console{display:block;padding:17px}.discovery-console .location-card{margin-top:16px}.discovery-console .console-links{display:flex;flex-direction:column}.discovery-console .spin-feedback{margin-top:15px}.discovery-console .spin-feedback h3{font-size:1.2rem}}
@media(prefers-reduced-motion:reduce){.spin-orb.is-spinning{animation:none}}
/* Arrival postcard: existing 198 destination photo and story sources. */
#spin-feedback.has-arrived{position:relative;isolation:isolate;min-height:310px;display:flex;align-items:flex-end;overflow:hidden;padding:20px;background:radial-gradient(circle at 70% 5%,#39786e,#0b2a36 75%);border-color:#e0b57c80}
#spin-feedback.has-arrived::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(3,19,28,.97) 0%,rgba(5,22,31,.84) 34%,rgba(5,22,31,.18) 100%)}
#spin-feedback.has-arrived .spin-orb{display:none}
#spin-feedback .arrival-photo-frame[hidden],#spin-feedback .arrival-photo-frame img[hidden],#spin-feedback .arrival-credit[hidden],#spin-feedback .arrival-story-source[hidden],#spin-feedback .arrival-greeting[hidden],#spin-feedback .arrival-culture[hidden]{display:none!important}
#spin-feedback .arrival-photo-frame{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}
#spin-feedback .arrival-photo-frame img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;animation:arrival-reveal .6s ease-out both}
#spin-feedback .arrival-flag{position:absolute;right:15px;top:12px;font-size:6rem;opacity:.20;line-height:1}
#spin-feedback.has-photo .arrival-flag{display:none}
#spin-feedback .arrival-copy{position:relative;z-index:2;min-width:0;max-width:100%;flex:1}
#spin-feedback.has-arrived .spin-eyebrow{color:#ffd9a0;letter-spacing:.12em}
#spin-feedback.has-arrived h3{font-size:clamp(1.45rem,2.8vw,2rem);line-height:1.08;margin-bottom:6px;text-shadow:0 2px 10px #001c23}
#spin-feedback.has-arrived #spin-detail{color:#eef0e8;font-size:.8rem}
#spin-feedback .arrival-greeting{font-weight:800!important;font-size:clamp(1rem,2.1vw,1.17rem)!important;color:#ffd79b!important;line-height:1.35;margin:10px 0 4px!important}
#spin-feedback .arrival-culture{font-size:.8rem!important;line-height:1.5;margin:7px 0 9px!important;color:#f2f4ef!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#spin-feedback .arrival-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:10px}
#spin-feedback .arrival-actions a,#spin-feedback .arrival-actions button{color:#ffe2ad;font-size:.79rem;min-height:36px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:3px}
#spin-feedback .arrival-actions a:hover,#spin-feedback .arrival-actions button:hover{color:white}
#spin-feedback .arrival-credit{position:absolute;z-index:3;right:9px;top:9px;max-width:72%;border-radius:8px;padding:5px 7px;background:#06191ca9;color:#fff;font-size:.6rem;line-height:1.35;margin:0;text-align:right}
#spin-feedback .arrival-credit a{color:#fff;text-decoration:underline}
@keyframes arrival-reveal{from{opacity:.4;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}
@media(max-width:650px){#spin-feedback.has-arrived{min-height:290px;padding:16px!important}#spin-feedback.has-arrived h3{font-size:1.55rem}#spin-feedback .arrival-credit{max-width:83%}#spin-feedback .arrival-culture{-webkit-line-clamp:2}}
@media(prefers-reduced-motion:reduce){#spin-feedback .arrival-photo-frame img{animation:none}}

/* Choose the next stop: verified photo thumbnails + credited sources. */
.discovery-console>.journey-paths[hidden]{display:none}
.discovery-console>.journey-paths{margin:12px 0 0;padding:15px;border:1px solid #ffffff37;border-radius:18px;background:linear-gradient(160deg,#195360,#123a44);color:#f7fbf6}
.journey-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.journey-label{font-size:.62rem;letter-spacing:.13em;font-weight:800;color:#edc996;margin:0 0 4px}
.discovery-console .journey-head h3{font:600 1.16rem/1.2 Fraunces,Georgia,serif;color:white;margin:0}
.journey-progress{font-size:.69rem;color:#d8eee6;border:1px solid #ffffff36;border-radius:30px;padding:4px 9px}
.journey-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.journey-card{min-width:0;display:flex;flex-direction:column;background:#f6faf6;color:#1c3d40;border-radius:13px;overflow:hidden}
.journey-choice{width:100%;min-width:0;flex:1;display:flex;flex-direction:column;padding:0;background:transparent;border:0;color:inherit;text-align:left;cursor:pointer}
.journey-choice:focus-visible{outline:3px solid #d99b54;outline-offset:-3px}
.journey-choice:hover{background:#e9f5ec}
.journey-art{position:relative;width:100%;height:94px;display:grid;place-items:center;background:linear-gradient(140deg,#b3d9d0,#f4e4c9);overflow:hidden}
.journey-flag{font-size:3.6rem;line-height:1;filter:drop-shadow(0 3px 5px #0003)}
.journey-art img.journey-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .16s}
.journey-art img[hidden]{display:none!important}
.journey-art.has-photo .journey-flag{display:none}
.journey-art.has-photo img.journey-thumb{opacity:1}
.journey-info{display:flex;flex-direction:column;gap:3px;padding:10px 11px;min-width:0}
.journey-eyebrow{font-size:.65rem;font-weight:800;color:#40766a;letter-spacing:.01em}
.journey-name{font-size:.95rem;color:#173e3c;line-height:1.22;overflow-wrap:anywhere}
.journey-hook{font-size:.73rem;line-height:1.42;color:#506b63;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.journey-credit[hidden]{display:none}
.journey-credit{margin:auto 0 0;padding:5px 8px 8px;font-size:.61rem;line-height:1.35;color:#52736a;overflow-wrap:anywhere}
.journey-credit a{text-decoration:underline;text-underline-offset:2px}
.journey-note{font-size:.69rem;line-height:1.4;color:#c9e4de;margin:10px 0 0}
@media(max-width:1050px) and (min-width:651px){
 .discovery-console>.journey-paths{grid-column:1/3;margin-top:2px}
 .journey-art{height:110px}
}
@media(max-width:650px){
 .journey-grid{grid-template-columns:1fr}
 .journey-choice{display:grid;grid-template-columns:83px minmax(0,1fr);min-height:98px}
 .journey-art{height:100%;min-height:98px}
 .journey-info{align-self:center}
 .journey-credit{padding-left:11px}
 .journey-paths{padding:12px}
}
@media(prefers-reduced-motion:reduce){.journey-choice{scroll-behavior:auto}}

/* A place-specific, reviewed photograph caption: what are visitors actually seeing? */
#spin-feedback .arrival-scene{font-size:.72rem!important;font-weight:600;line-height:1.4;margin:6px 0!important;color:#fff1d9!important;letter-spacing:.015em}
#spin-feedback .arrival-scene[hidden]{display:none!important}
@media(max-width:650px){#spin-feedback .arrival-scene{font-size:.68rem!important;margin:4px 0!important}}
/* Full-height portrait photograph with softened background, not a destructive center crop. */
#spin-feedback .arrival-photo-frame.portrait-mode{background:linear-gradient(130deg,#1a4a52,#112933)}
#spin-feedback .arrival-photo-frame.portrait-mode img.arrival-portrait-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(15px) brightness(.6);transform:scale(1.08)}
#spin-feedback .arrival-photo-frame.portrait-mode img.arrival-portrait-subject{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1;filter:drop-shadow(0 3px 8px #0006)}
