.globe-journey { position: relative; margin: 10px 0 54px; background: radial-gradient(ellipse at 74% 48%,#69539c16,transparent 64%); }
.globe-stage { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 10px; min-height: 630px; }
.globe-ready:not(.globe-reduced) { height: 1600px; }
.globe-ready:not(.globe-reduced) .globe-stage { position: sticky; top: 100px; min-height: max(680px,calc(100svh - 115px)); }
.globe-copy { padding: 30px 0 30px 30px; }
.globe-copy h3 { font-size: clamp(2rem,3.5vw,3.5rem); line-height: 1.13; letter-spacing: -.045em; margin: 24px 0; }
.globe-copy h3 em { color: #b4a3ff; font-style: normal; }
.globe-copy > p:not(.eyebrow) { max-width: 420px; color: #a8afc0; font-size: .95rem; }
.globe-stops { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.globe-stops span { padding: 11px 16px; border: 1px solid #45414f; border-radius: 30px; color: #a1a4b3; font-size: .8rem; transition: background .3s,color .3s; }
[data-focus="sri-lanka"] .globe-stop-sl { background: #a38aee24; border-color: #a58def; color: #dbcfff; }
[data-focus="oman"] .globe-stop-om { background: #63d3e224; border-color: #63d3e2; color: #adf6ff; }
.globe-copy .globe-scroll-hint { font-size: .72rem!important; margin-top: 24px; letter-spacing: .04em; }
.globe-art { position: relative; aspect-ratio: 1; width: 100%; }
.globe-art canvas,.globe-fallback { position: absolute; inset: 0; width: 100%; height: 100%; }
.globe-art canvas { opacity: 0; }
.globe-ready canvas { opacity: 1; }
.globe-ready .globe-fallback { visibility: hidden; }
.globe-caption { position: absolute; bottom: 2%; left: 0; width: 100%; text-align: center; color: #a3a5bb; font-size: .65rem; letter-spacing: .2em; }
.globe-caption span { padding-inline: 18px; color: #b5a5f0; }
.globe-reduced .globe-scroll-hint { display: none; }
@media(max-width:760px) {
 .globe-stage { grid-template-columns: 1fr; min-height: auto; gap: 0; }
 .globe-ready:not(.globe-reduced) { height: 1250px; }
 .globe-ready:not(.globe-reduced) .globe-stage { top: 84px; min-height: 0; }
 .globe-copy { padding: 18px 4px 0; }
 .globe-copy .eyebrow { font-size: .57rem; margin-bottom: 12px; }
 .globe-copy h3 { font-size: 1.9rem; margin: 10px 0 14px; }
 .globe-copy > p:not(.eyebrow) { font-size: .8rem; margin-bottom: 12px; }
 .globe-stops { margin-top: 16px; gap: 8px; }
 .globe-stops span { font-size: .7rem; padding: 8px 12px; }
 .globe-copy .globe-scroll-hint { margin-top: 12px; }
 .globe-art { max-width: 390px; margin-inline: auto; }
}
@media(max-height:700px) and (min-width:761px) { .globe-art { max-width: 470px; margin-inline:auto; } }
@media(max-height:740px) and (max-width:760px) {
 .globe-copy > p:not(.eyebrow):not(.globe-scroll-hint) { display:none; }
 .globe-art { max-width: 290px; }
 .globe-copy h3 { font-size: 1.65rem; }
}
@media(prefers-reduced-motion:reduce) { .globe-stops span { transition:none; } }
/* Country figures belong to the globe scene and follow its country focus. */
.globe-copy { padding:22px 0 22px 22px; }
.globe-copy h3 { font-size:clamp(1.9rem,3vw,2.8rem); margin:14px 0; }
.globe-copy > p:not(.eyebrow) { font-size:.84rem; }
.globe-stops { margin-top:18px; }
.globe-stops button { font:inherit; padding:9px 14px; border:1px solid #45414f; border-radius:30px; color:#bec1ce; background:transparent; font-size:.76rem; cursor:pointer; }
.globe-stops button:focus-visible { outline:2px solid #d5c7ff; outline-offset:3px; }
.globe-copy .geography-grid { display:grid; grid-template-columns:1fr; margin-top:16px; gap:14px; }
.globe-copy .geography-card { padding:18px 20px; border-radius:16px; background:#0e1015bd; border:1px solid #7b6c9c55; }
.globe-copy .geography-card[hidden] { display:none; }
.globe-copy .map-heading { display:flex; flex-direction:row-reverse; justify-content:space-between; align-items:center; gap:12px; margin-bottom:14px; }
.globe-copy .map-heading h3 { font:600 1.15rem 'Segoe UI',sans-serif; margin:0; }
.globe-copy .map-heading .eyebrow { font-size:.5rem; margin:0; max-width:140px; text-align:right; }
.globe-copy .insight-bars li { margin-bottom:10px; }
.globe-copy .insight-bars li > div { font-size:.76rem; margin-bottom:5px; }
.globe-copy .bar-track { height:3px; }
.globe-copy .coverage { font-size:.63rem; margin-top:12px; line-height:1.5; }
.globe-copy .globe-scroll-hint { margin-top:12px; margin-bottom:0; }
.globe-stage { min-height:720px; }
.globe-ready:not(.globe-reduced) .globe-stage { min-height:max(720px,calc(100svh - 115px)); }
@media(max-width:760px) {
 .globe-copy { padding:14px 4px 0; }
 .globe-copy h3 { font-size:1.65rem; margin:8px 0; }
 .globe-copy > p:not(.eyebrow) { display:none; }
 .globe-stops { margin-top:10px; }
 .globe-copy .geography-grid { margin-top:10px; }
 .globe-copy .geography-card { padding:12px 16px; }
 .globe-copy .map-heading { margin-bottom:9px; }
 .globe-copy .insight-bars li { margin-bottom:7px; }
 .globe-copy .coverage { margin-top:8px; }
 .globe-art { max-width:250px; }
 .globe-stage, .globe-ready:not(.globe-reduced) .globe-stage { min-height:0; }
 /* Comfortable touch targets for the country pills. */
 .globe-stops button { min-height:44px; }
}
@media(max-height:780px) {
 .globe-ready:not(.globe-reduced) .globe-stage { position:relative; top:0; }
 .globe-ready:not(.globe-reduced) { height:auto; }
}