/* The literal period alone reserves width. Its measured ink box places Earth;
   the empty inline probe exposes the true alphabetic baseline without width. */
.studio-masthead .masthead-dot[data-hero-earth] {
  position: relative;
  display: inline-block;
  line-height: inherit;
  color: var(--accent);
}
:is([data-hero-earth], [data-footer-earth]) .studio-earth__fallback { visibility: visible; }
.studio-period[data-footer-earth] .studio-earth__fallback { display: inline; visibility: visible; }
:is([data-hero-earth], [data-footer-earth]) .studio-earth__baseline {
  display: inline-block;
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
  vertical-align: baseline;
}
:is([data-hero-earth], [data-footer-earth]) canvas {
  position: absolute;
  display: block;
  width: var(--earth-glyph-size);
  height: var(--earth-glyph-size);
  top: var(--earth-glyph-top);
  left: var(--earth-glyph-left);
  filter: drop-shadow(var(--earth-shadow));
  pointer-events: none;
  visibility: hidden;
}
:is([data-hero-earth], [data-footer-earth])[data-earth-ready="true"] .studio-earth__fallback { visibility: hidden; }
:is([data-hero-earth], [data-footer-earth])[data-earth-ready="true"] canvas { visibility: visible; }