.orbit{position:relative;width:100%;max-width:460px;margin-inline:auto;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;--orbit-radius: 38%;--orbit-spin: 75s}.orbit__track{position:absolute;top:50%;left:50%;width:76%;height:76%;transform:translate(-50%,-50%);color:var(--color-border-subtle);animation:orbit-pulse 6s ease-in-out infinite;pointer-events:none}.orbit__track-circle{fill:none;stroke:currentColor;stroke-width:2}@keyframes orbit-pulse{0%,to{opacity:.55}50%{opacity:1}}.orbit__center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;display:grid;gap:4px;z-index:1}.orbit__center-eyebrow{font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);font-weight:600}.orbit__center-label{font-size:1.125rem;font-weight:600;color:var(--color-text-heading);letter-spacing:-.01em;line-height:1.2}.orbit__nodes{list-style:none;padding:0;margin:0;position:absolute;inset:0;animation:orbit-spin var(--orbit-spin) linear infinite;transform-origin:50% 50%}@keyframes orbit-spin{to{transform:rotate(360deg)}}.orbit:hover .orbit__nodes,.orbit:focus-within .orbit__nodes,.orbit:hover .orbit__upright,.orbit:focus-within .orbit__upright{animation-play-state:paused}.orbit__node{position:absolute;top:calc(50% + sin(var(--angle, 0deg)) * var(--orbit-radius));left:calc(50% + cos(var(--angle, 0deg)) * var(--orbit-radius));transform:translate(-50%,-50%)}.orbit__upright{display:inline-block;animation:orbit-spin var(--orbit-spin) linear infinite reverse}.orbit__btn{appearance:none;background:transparent;border:0;padding:6px;margin:-6px;cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;gap:10px}.orbit__btn:focus{outline:none}.orbit__btn:focus-visible{outline:2px solid var(--color-text-heading);outline-offset:4px;border-radius:50%}.orbit__avatar{width:64px;height:64px;border-radius:50%;background:var(--color-bg-card);border:2px solid var(--color-bg-page);box-shadow:0 0 0 1px var(--color-border-subtle),0 6px 18px #00000073;object-fit:cover;transform:translateZ(0);transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .24s ease}.orbit__btn:hover .orbit__avatar,.orbit__btn:focus-visible .orbit__avatar{transform:scale(1.12);box-shadow:0 0 0 1px var(--color-border),0 12px 28px #0000008c}.orbit__btn:active .orbit__avatar{transform:scale(1.06);transition-duration:.12s}.orbit__name{font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);letter-spacing:-.005em;white-space:nowrap;transition:color .2s ease}.orbit__btn:hover .orbit__name,.orbit__btn:focus-visible .orbit__name{color:var(--color-text-heading)}.orbit__card{position:absolute;bottom:calc(100% + 18px);left:50%;width:240px;padding:14px 16px;background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:0 16px 32px -8px #0009;opacity:0;pointer-events:none;transform:translate(-50%,8px) scale(.98);transform-origin:50% 100%;transition:opacity .22s ease,transform .28s cubic-bezier(.34,1.56,.64,1);z-index:5;text-align:left}.orbit__btn:hover .orbit__card,.orbit__btn:focus-visible .orbit__card{opacity:1;pointer-events:auto;transform:translate(-50%) scale(1)}.orbit__card:after{content:"";position:absolute;top:100%;left:50%;width:10px;height:10px;transform:translate(-50%,-55%) rotate(45deg);background:var(--color-bg-card);border-right:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle)}.orbit__card-title{font-size:.875rem;font-weight:600;color:var(--color-text-heading);letter-spacing:-.005em;margin:0 0 4px}.orbit__card-body{font-size:.8125rem;color:var(--color-text-body);line-height:1.5;margin:0}.orbit__card-meta{margin-top:10px;padding-top:10px;border-top:1px solid var(--color-border-subtle);font-size:.75rem;color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;letter-spacing:.01em}@media (prefers-reduced-motion: reduce){.orbit__track,.orbit__nodes,.orbit__upright{animation:none}.orbit__btn:hover .orbit__avatar,.orbit__btn:focus-visible .orbit__avatar{transform:none;box-shadow:0 0 0 1px var(--color-border),0 6px 18px #00000073}.orbit__card,.orbit__btn:hover .orbit__card,.orbit__btn:focus-visible .orbit__card{transition:opacity 80ms linear;transform:translate(-50%) scale(1)}}