/* Slow orbital motion, with an explicit pause control and reduced-motion support. */
.orbital{animation:orbital-turn 52s linear infinite;will-change:transform}
.orbit-one{animation:ring-one-tilt 14s ease-in-out infinite}
.orbit-two{animation:ring-two-tilt 18s ease-in-out infinite}
.orbit-three{animation:ring-three-tilt 16s ease-in-out infinite}
.hero-art.is-paused .orbital,.hero-art.is-paused .orbit{animation-play-state:paused}
.motion-toggle{position:absolute;left:4%;bottom:1%;z-index:2;display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #ffffff40;border-radius:4px;background:#10213fcc;color:#e1e9f4;font-size:9px;line-height:1.3;letter-spacing:.2px;min-height:36px}
.motion-toggle:hover{background:#233e68;border-color:#d6f77b}
.motion-toggle:focus-visible{outline-color:#d6f77b}
.motion-toggle svg{width:12px;height:12px;fill:currentColor}
.motion-toggle .play-symbol{display:none}
.hero-art.is-paused .motion-toggle .pause-symbol{display:none}
.hero-art.is-paused .motion-toggle .play-symbol{display:block}
@keyframes orbital-turn{from{transform:rotate(-24deg)}to{transform:rotate(336deg)}}
@keyframes ring-one-tilt{0%,100%{transform:rotateY(54deg) rotateZ(-20deg)}50%{transform:rotateY(65deg) rotateZ(-6deg)}}
@keyframes ring-two-tilt{0%,100%{transform:rotateX(54deg) rotateZ(25deg)}50%{transform:rotateX(65deg) rotateZ(12deg)}}
@keyframes ring-three-tilt{0%,100%{transform:rotate(-32deg) rotateY(52deg)}50%{transform:rotate(-19deg) rotateY(41deg)}}
@media(max-width:760px){.motion-toggle{font-size:8px;left:0;bottom:-4px;padding:7px 8px}.art-caption{bottom:8px;max-width:58%;line-height:1.6}}
@media(prefers-reduced-motion:reduce){.orbital,.orbit{animation:none!important;will-change:auto}.motion-toggle{display:none}}