/* Homepage hero: restrained decorative orbit (Three.js).
   Apple-style low contrast: the ring reads as a faint graphite-blue
   halo behind the copy. The canvas is PURE DECORATION:
   - no focus (no tabindex, canvas is not focusable by default)
   - no pointer events (clicks pass through to the buttons/text)
   - z-index 0, below the intro copy (z-index 1)
   Reduced-motion users get the plain static hero. */
.shelf-hero { position: relative; }

.hero-orbit {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.shelf-intro { position: relative; z-index: 1; }

@media (prefers-reduced-motion: reduce) {
  .hero-orbit { display: none; }
}