.globe-section{max-width:var(--ds-size-container);margin:16px auto 22px;padding:0 4px;--globe-inset:20px}
.globe-panel{position:relative;height:460px;overflow:hidden;background:var(--ds-color-navy-black)}
.globe-panel .globe-map{position:absolute;inset:0}
.globe-panel::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(0,15,30,.9) 0,rgba(0,15,30,.72) calc(var(--globe-inset) + 240px),rgba(0,15,30,0) calc(var(--globe-inset) + 470px))}

.globe-copy{position:absolute;z-index:2;left:var(--globe-inset);top:30px;max-width:420px;display:flex;flex-direction:column;align-items:flex-start;color:var(--ds-color-white)}
.globe-title{font-family:var(--ds-font-display);font-weight:800;font-size:20px;line-height:1.2;letter-spacing:-.01em;margin:0 0 8px;color:var(--ds-color-white)}
.globe-desc{font-size:var(--ds-text-14_5);line-height:1.55;color:rgba(255,255,255,.76);margin:0 0 20px}
.globe-cta{display:inline-block;margin-top:2px;background:rgba(255,255,255,.14);color:var(--ds-color-white);border:1px solid rgba(255,255,255,.45);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:var(--ds-font-display);font-weight:700;font-size:var(--ds-text-14);
  padding:11px 20px;border-radius:var(--ds-radius-8);text-decoration:none;transition:background-color .18s,transform .2s}
.globe-cta:hover{background:rgba(255,255,255,.24);transform:translateY(-1px)}
.globe-cta:focus-visible{outline:2px solid var(--ds-color-white);outline-offset:3px}
.globe-year{position:absolute;z-index:2;right:var(--globe-inset);top:22px;font-family:var(--ds-font-display);font-weight:800;font-size:48px;letter-spacing:-.02em;color:var(--ds-color-white);font-variant-numeric:tabular-nums;opacity:.92}
.globe-legend{position:absolute;z-index:2;left:calc(var(--globe-inset) - 10px);bottom:24px;display:flex;flex-wrap:wrap;gap:6px 16px;margin:0;padding:6px 10px;list-style:none;background:rgba(0,15,30,.78);border-radius:6px;font-size:var(--ds-text-13);color:rgba(255,255,255,.72);max-width:560px}
.globe-legend li::before{content:"";display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;background:var(--c);vertical-align:-1px}
.globe-credit{position:absolute;z-index:2;right:var(--globe-inset);bottom:10px;font-size:11px;color:rgba(255,255,255,.6);background:rgba(0,15,30,.75);padding:2px 8px;border-radius:4px}
.globe-credit a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.globe-credit a:hover{color:var(--ds-color-white)}
.globe-map .maplibregl-ctrl-attrib{display:none}
.globe-map .maplibregl-ctrl-bottom-right{right:calc(var(--globe-inset) - 10px);bottom:30px}
.globe-map .maplibregl-ctrl-group{background:var(--ds-color-white);border-radius:var(--ds-radius-8);box-shadow:0 4px 14px rgba(0,10,25,.35)}
.globe-map .maplibregl-ctrl-group button{width:34px;height:34px}
.globe-map .maplibregl-cooperative-gesture-screen{display:none}
.globe-map .maplibregl-canvas:focus-visible{outline:3px solid var(--ds-color-white);outline-offset:-3px}
@media(max-width:768px){
  .globe-section{margin:12px auto 16px;padding:0 16px}
  .globe-panel{height:auto;display:flex;flex-direction:column}
  .globe-panel::after{display:none}
  .globe-copy{display:contents}
  .globe-title{order:1;padding:22px 16px 0;font-size:18px}
  .globe-desc{order:2;padding:0 16px 18px}
  .globe-panel .globe-map{order:3;position:relative;inset:auto;height:340px}
  .globe-legend{order:4;position:static;padding:14px 16px 8px;max-width:none;background:none;border-radius:0}
  .globe-cta{order:5;margin:4px 16px 14px;align-self:flex-start}
  .globe-credit{order:6;position:static;padding:0 16px 14px;background:none}
  .globe-year{top:12px;right:16px;font-size:34px}
  .globe-map .maplibregl-ctrl-bottom-right{right:0;bottom:0}
}
@media(prefers-reduced-motion:reduce){.globe-cta{transition:none}}