/* The parent defines placement and width; the ellipse keeps its Figma proportions. */
.brand-orbit { aspect-ratio: 996 / 257; border-radius: var(--radius-round); transform: rotate(-3.8deg); pointer-events: none; }
.brand-orbit::before { content: ""; position: absolute; inset: 0; border: 1px solid var(--color-orbit); border-radius: inherit; mask-image: linear-gradient(transparent, #000); }
.brand-orbit__point { position: absolute; inset: 0 auto auto 0; inline-size: 1.305221%; aspect-ratio: 1; border-radius: var(--radius-round); background: var(--color-orbit); offset-path: ellipse(50% 50%); offset-anchor: center; offset-distance: 9%; animation: whiteway-brand-orbit var(--dur-orbit) linear infinite; }
[data-marquee-paused="true"] .brand-orbit__point, [data-marquee-visible="false"] .brand-orbit__point { animation-play-state: paused; }
@keyframes whiteway-brand-orbit { to { offset-distance: 109%; } }
@media (prefers-reduced-motion: reduce) { .brand-orbit__point { animation: none; } }
.brand-orbit--inverse { --color-orbit: var(--color-on-accent); mix-blend-mode: exclusion; }