.orbit article{--angle:0deg;--inverse:0deg;left:50%;top:50%;right:auto;bottom:auto;width:0;height:0;min-width:0;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible;animation:orbit-spin 54s linear infinite;transform-origin:0 0;will-change:transform}.orbit .n1{--angle:-150deg;--inverse:150deg}.orbit .n2{--angle:-90deg;--inverse:90deg}.orbit .n3{--angle:-30deg;--inverse:30deg}.orbit .n4{--angle:30deg;--inverse:-30deg}.orbit .n5{--angle:90deg;--inverse:-90deg}.orbit .n6{--angle:150deg;--inverse:-150deg}.orbit .card-face{position:absolute;left:0;top:0;width:216px;min-height:84px;padding:18px 24px;border:1px solid #2a3850;border-radius:16px;background:#111d31;box-shadow:0 18px 45px rgba(0,0,0,.18);transform:translateX(300px) translate(-50%,-50%) rotate(var(--inverse));animation:orbit-counter 54s linear infinite;white-space:nowrap;will-change:transform}.orbit .card-face span{display:inline;margin-left:10px}.orbit .card-face small{display:block;margin:5px 0 0 40px}@keyframes orbit-spin{from{transform:rotate(var(--angle))}to{transform:rotate(calc(var(--angle) + 360deg))}}@keyframes orbit-counter{from{transform:translateX(300px) translate(-50%,-50%) rotate(var(--inverse)) translateY(0)}25%{transform:translateX(300px) translate(-50%,-50%) rotate(calc(var(--inverse) - 90deg)) translateY(-5px)}50%{transform:translateX(300px) translate(-50%,-50%) rotate(calc(var(--inverse) - 180deg)) translateY(0)}75%{transform:translateX(300px) translate(-50%,-50%) rotate(calc(var(--inverse) - 270deg)) translateY(5px)}to{transform:translateX(300px) translate(-50%,-50%) rotate(calc(var(--inverse) - 360deg)) translateY(0)}}@media(max-width:900px){.orbit .card-face{transform:translateX(235px) translate(-50%,-50%) rotate(var(--inverse));animation-name:orbit-counter-tablet}@keyframes orbit-counter-tablet{from{transform:translateX(235px) translate(-50%,-50%) rotate(var(--inverse))}to{transform:translateX(235px) translate(-50%,-50%) rotate(calc(var(--inverse) - 360deg))}}}@media(max-width:600px){.orbit article{animation:none}.orbit .card-face{position:static;width:100%;min-height:0;transform:none;animation:none;white-space:normal}.orbit .n1,.orbit .n2,.orbit .n3,.orbit .n4,.orbit .n5,.orbit .n6{position:static;width:100%;height:auto;margin:0}.orbit{display:grid;grid-template-columns:1fr;gap:12px;padding:30px 20px}.orbit .core{position:static;transform:none;margin:0 auto 16px}.orbit .card-face small{margin-left:40px}}@media(prefers-reduced-motion:reduce){.orbit article,.orbit .card-face{animation-play-state:paused}}
