/* Procedural orbital artwork; isolated from layout and all interactive UI. */
.orbital-scene {
  position: absolute;
  width: 720px;
  height: 720px;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 0;
  contain: layout style;
}
.orbital-scene canvas { display: block; width: 100%; height: 100%; }
@media (max-width: 1100px) { .orbital-scene { width: 630px; height: 630px; } }
@media (max-width: 767px) { .orbital-scene { width: 500px; height: 500px; top: 42%; } }
@media (prefers-reduced-motion: reduce) { .orbital-scene { transform: translate(-50%, -50%); } }