.world-reach {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
  align-items: center;
  column-gap: clamp(1.35rem, 4vw, 4.6rem);
  row-gap: 1.35rem;
}

.world-reach-copy .editorial-heading span { display: block; color: var(--contrast); }
.world-reach-copy .editorial-heading span { font-size: .77em; line-height: 1.12; }

.world-reach-places {
  display: flex;
  flex-wrap: wrap;
  gap: .42rem .48rem;
  margin: clamp(1rem, 2.2vw, 1.55rem) 0 0;
  padding: 0;
  list-style: none;
}

.world-reach-places li {
  display: inline-flex;
  align-items: center;
  gap: .42rem;
  padding: .36rem .66rem;
  border: 1px solid #e8fbf327;
  border-radius: 999px;
  background-color: #f6edee0a;
  color: var(--ink);
  font-size: clamp(.75rem, 1.05vw, .9rem);
  line-height: 1.25;
}

.world-reach-places li::before {
  content: "";
  inline-size: .36rem;
  block-size: .36rem;
  flex: none;
  border: 1px solid var(--contrast);
  border-radius: 50%;
  box-shadow: 0 0 .48rem #a0eedb73;
}

.world-globe-figure { position: relative; min-inline-size: 0; }
.world-globe-stage {
  position: relative;
  isolation: isolate;
  inline-size: min(100%, 38rem);
  aspect-ratio: 1;
  margin-inline: auto;
  background: radial-gradient(ellipse at center, #bc39233b 0%, #751a2228 38%, transparent 68%);
}

.world-globe-stage:not([data-globe-ready="true"])::before {
  content: "";
  position: absolute;
  inset: 10%;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #371b1f, #140e12 64%, #0e090c 88%);
  box-shadow: inset .45rem .32rem 1.5rem #ff695a4d, 0 0 2.2rem #ff695a2b;
}

.world-globe-stage canvas { display: block; inline-size: 100%; block-size: 100%; }
.world-globe-controls {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  margin-block-start: -.2rem;
  direction: ltr;
}
.world-globe-controls[hidden] { display: none; }
.world-globe-controls button { cursor: pointer; }
.world-globe-direction { inline-size: 44px; padding-inline: 0; font-size: 1.15rem; }
.world-globe-direction[aria-pressed="true"] { border-color: var(--contrast); color: var(--contrast); }
.world-globe-toggle svg { inline-size: .82rem; block-size: .82rem; }
.world-globe-toggle[data-globe-state="paused"] .world-globe-pause,
.world-globe-toggle:not([data-globe-state="paused"]) .world-globe-play { display: none; }

@media (max-width: 760px) {
  .world-reach { grid-template-columns: minmax(0, 1fr); }
  .world-globe-stage { inline-size: min(100%, 30rem); }
}