.hero-art { margin: 0; flex-direction: column; gap: 4px; }
.orbital-stage { position: relative; width: 100%; aspect-ratio: 620 / 490; }
#orbital-field, .orbital-fallback { position: absolute; inset: 0; width: 100%; height: 100%; }
#orbital-field { display: none; }
.orbital-fallback { object-fit: contain; }
.orbital-ready #orbital-field { display: block; }
.orbital-ready .orbital-fallback { display: none; }
.hero-art .art-caption {
  position: relative; inset: auto; width: 82%; display: flex; align-items: center;
  justify-content: space-between; padding-top: 13px; gap: 20px;
  border-color: color-mix(in srgb, var(--line) 65%, transparent);
}
#orbital-title { font: 9px/1.5 ui-monospace, monospace; color: var(--subtle); letter-spacing: 1.8px; }
html .orbital-toggle.icon-button.glass { width: 34px; height: 34px; flex: 0 0 34px; opacity: .65; }
html .orbital-toggle.icon-button.glass:hover, html .orbital-toggle.icon-button.glass:focus-visible { opacity: 1; }
html .orbital-toggle.icon-button.glass svg { width: 12px; height: 12px; }
@media (max-width:760px) {
  .hero-art { margin-top: 8px; padding-bottom: 12px; }
  .hero-art .art-caption { width: 88%; }
}
@media (forced-colors:active) { .orbital-fallback { filter: grayscale(1); } }