/* VNISH GLOBAL v126: paint the atmosphere only after v65 has projected it. */
.hero--v53 .global-earth-emission {
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity .2s ease;
}

.hero--v53 .global-earth-emission[data-bound-to-globe="projected-silhouette"] {
  opacity: 1 !important;
  visibility: visible !important;
}

/* A real frame from the approved renderer when Opera cannot create WebGL2. */
.hero--v53 .global-sphere-stage.is-static:not([data-renderer]) .global-sphere-fallback {
  --v126-static-globe-height: 77.607%;
  z-index: 1;
  opacity: 1 !important;
  background: none;
}

.hero--v53 .global-sphere-stage.is-static:not([data-renderer]) .global-sphere-fallback::before,
.hero--v53 .global-sphere-stage.is-static:not([data-renderer]) .global-sphere-fallback::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: var(--v126-static-globe-height);
  aspect-ratio: 1;
  border-radius: 50%;
  content: "";
  transform: translate(-50%, -50%);
}

.hero--v53 .global-sphere-stage.is-static:not([data-renderer]) .global-sphere-fallback::before {
  background: url("/assets/hero/global-earth-static-v126.webp") center / 100% 100% no-repeat;
  filter: saturate(1.05) contrast(1.30) brightness(1.11);
}

.hero--v53 .global-sphere-stage.is-static:not([data-renderer]) .global-sphere-fallback::after {
  opacity: .76;
  background: conic-gradient(
    from -18deg,
    rgba(238, 254, 255, .94),
    rgba(95, 217, 252, .66) 10%,
    rgba(30, 147, 219, .32) 21%,
    rgba(112, 226, 253, .58) 34%,
    rgba(232, 252, 255, .90) 47%,
    rgba(49, 170, 232, .40) 60%,
    rgba(126, 232, 255, .72) 73%,
    rgba(38, 152, 221, .34) 86%,
    rgba(238, 254, 255, .94)
  );
  filter: blur(3px) drop-shadow(0 0 13px rgba(92, 216, 252, .42));
  -webkit-mask-image: radial-gradient(farthest-side, transparent 0 97.1%, #000 98.2%, rgba(0, 0, 0, .54) 99.2%, transparent 100%);
  mask-image: radial-gradient(farthest-side, transparent 0 97.1%, #000 98.2%, rgba(0, 0, 0, .54) 99.2%, transparent 100%);
}

@media (max-width: 760px) {
  .hero--v53 .global-sphere-stage.is-static:not([data-renderer]) .global-sphere-fallback {
    --v126-static-globe-height: 68.130%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero--v53 .global-earth-emission { transition: none; }
}