/* Night Earth: deliberately isolated from the rest of the homepage. */
.su-home .su-earth {
  position: relative;
  width: 100%;
  max-width: 1100px;
  height: 590px;
  margin: 42px auto 28px;
  overflow: hidden;
  isolation: isolate;
  border-radius: 0;
  background: transparent;
  color: #f5f5f7;
}
.su-earth canvas { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.su-earth-stars { z-index: 0; -webkit-mask-image: radial-gradient(ellipse closest-side, #000 64%, transparent 100%); mask-image: radial-gradient(ellipse closest-side, #000 64%, transparent 100%); }
.su-earth-globe { z-index: 1; }
.su-earth-points { z-index: 2; }
.su-earth-heading { position: absolute; top: 30px; left: 34px; z-index: 3; text-align: left; pointer-events: none; }
.su-earth-heading span { display: block; color: #8291ab; font-size: 10px; font-weight: 500; letter-spacing: 2.5px; }
.su-earth-heading strong { display: block; margin-top: 8px; font-size: 17px; font-weight: 500; letter-spacing: .5px; }
.su-earth-location { position: absolute; z-index: 3; padding: 8px 12px; border: 1px solid #97b9e52e; border-radius: 9px; background: #071220c9; color: #edf6ff; font-size: 12px; font-weight: 400; line-height: 1; white-space: nowrap; pointer-events: none; box-shadow: 0 4px 16px #0002; }
.su-earth-bottom { position: absolute; bottom: 25px; left: 34px; right: 30px; z-index: 3; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.su-earth-caption { margin: 0; font-size: 10px; letter-spacing: .3px; color: #8695ad; }
.su-earth-loading { position: absolute; inset: 0; z-index: 2; display: grid; place-items: center; font-size: 12px; color: #879ab7; }
.su-earth-credit { display: block; margin: -14px auto 26px; color: #7889a3; font-size: 9px; letter-spacing: .2px; text-align: center; }
.su-earth-credit a { color: inherit; }
.su-earth-credit a:hover { text-decoration: underline; }
@media (max-width: 1000px) { .su-home .su-earth { height: 540px; } }
@media (max-width: 760px) {
  .su-home .su-earth { height: 410px; width: calc(100% + 12px); margin: 32px -6px 25px; border-radius: 0; }
  .su-earth-heading { top: 23px; left: 22px; }
  .su-earth-heading span { font-size: 8px; letter-spacing: 2px; }
  .su-earth-heading strong { font-size: 13px; margin-top: 7px; }
  .su-earth-bottom { left: 22px; right: 18px; bottom: 16px; }
  .su-earth-caption { font-size: 9px; letter-spacing: 0; }
  .su-earth-location { padding: 7px 9px; font-size: 10px; }
  .su-earth-credit { font-size: 8px; margin-bottom: 23px; }
}