.saex-globe-mount,
#saex-globe {
  position: relative;
  width: 100%;
  height: clamp(560px, 78vh, 900px);
  min-height: 560px;
  overflow: hidden;
  background: #020914;
  isolation: isolate;
}

.saex-globe-mount canvas,
#saex-globe canvas {
  display: block;
  width: 100%;
  height: 100%;
}

.saex-globe-mount .saex-label,
.saex-globe-mount .saex-ocean-label,
#saex-globe .saex-label,
.saex-globe-mount .saex-ocean-label,
#saex-globe .saex-ocean-label {
  position: absolute;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 5;
  white-space: nowrap;
}

.saex-globe-mount .saex-label,
#saex-globe .saex-label {
  color: #fff;
  font: 700 11px/1.15 Inter, Arial, sans-serif;
  letter-spacing: .08em;
  text-shadow: 0 1px 4px #000, 0 0 8px #000;
}

.saex-globe-mount .saex-label small,
#saex-globe .saex-label small {
  display: block;
  margin-top: 2px;
  color: #b8c5d3;
  font-size: 8px;
  font-weight: 500;
  letter-spacing: .04em;
  text-align: center;
}

.saex-globe-mount .saex-ocean-label,
#saex-globe .saex-ocean-label {
  color: rgba(202, 214, 239, .58);
  font: 500 16px/1.08 Inter, Arial, sans-serif;
  letter-spacing: .12em;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 1px 4px rgba(0,0,0,.45), 0 0 8px rgba(0,0,0,.28);
  white-space: pre-line;
  z-index: 4;
}

@media (max-width: 767px) {
  .saex-globe-mount,
#saex-globe {
    height: 70svh;
    min-height: 480px;
  }
  .saex-globe-mount .saex-label,
#saex-globe .saex-label { font-size: 9px; }
  .saex-globe-mount .saex-label small,
#saex-globe .saex-label small { font-size: 7px; }
  .saex-globe-mount .saex-ocean-label,
#saex-globe .saex-ocean-label { font-size: 12px; }
}

#hero-globe { background: transparent !important; }