/* Keep the About globe and its selection controls in step: reserve the layout
   while loading, then dissolve both in together when the renderer is ready. */
.about-editorial-page #about-world-panel .globe-exploration:not([data-ready]) { opacity:0; }
.about-editorial-page #about-world-panel .globe-exploration[data-ready="true"] {
  animation:about-world-dissolve-in .72s ease-out both;
}
@keyframes about-world-dissolve-in { from { opacity:0; } to { opacity:1; } }
.about-editorial-page #about-world-panel .globe-exploration:not([data-ready]) .globe-origin-panel,
.about-editorial-page #about-world-panel .globe-exploration:not([data-ready]) .globe-controls-disclosure {
  visibility:hidden;
}
.about-editorial-page #journey-stage #world-map { opacity:0; }
.about-editorial-page #journey-stage[data-ready="true"] #world-map { opacity:1; }

/* Center the branded loading screen over the entire World Connections card,
   including its heading, while the globe and selector prepare together. */
/* Only the active World panel anchors the loader. When hidden, the shared
   tab rule must keep it absolutely positioned so it cannot push Local down. */
.about-editorial-page #about-world-panel:not([hidden]) { position:relative; }
.about-editorial-page #journey-loading {
  position:absolute;
  inset:0;
  z-index:30;
  border-radius:inherit;
  display:flex;
  flex-direction:column;
  gap:9px;
  color:#eaf8fd;
  background:linear-gradient(145deg,rgba(5,8,22,.97),rgba(10,36,58,.94));
  text-align:center;
  opacity:1;
  transition:opacity .72s ease-out;
}
.about-editorial-page #about-world-panel[data-ready="true"] #journey-loading {
  opacity:0;
  pointer-events:none;
}
.about-editorial-page #journey-loading[hidden] { display:none!important; }
.about-editorial-page #journey-loading .carson-loading-mark {
  position:relative;
  display:grid;
  place-items:center;
  width:96px;
  height:96px;
  margin-bottom:9px;
}
.about-editorial-page #journey-loading .carson-loading-mark::before {
  content:'';
  position:absolute;
  inset:0;
  border:2px solid rgba(76,201,240,.22);
  border-top-color:#4cc9f0;
  border-radius:50%;
  animation:carson-loader-orbit 1.35s linear infinite;
}
.about-editorial-page #journey-loading img { width:68px; height:68px; object-fit:contain; }
.about-editorial-page #journey-loading strong { color:#fff; font:800 20px/1.3 Montserrat,Inter,sans-serif; }
.about-editorial-page #journey-loading > span:last-child { color:#c2e2ee; font:500 14px/1.5 Inter,sans-serif; }
@keyframes carson-loader-orbit { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) {
  .about-editorial-page #journey-loading .carson-loading-mark::before,
  .about-editorial-page #about-world-panel .globe-exploration[data-ready="true"] { animation:none; }
  .about-editorial-page #journey-loading { transition:none; }
}