.motion-graphic{position:absolute;inset:-42px -55px -48px -48px;overflow:hidden;pointer-events:none;z-index:-1;opacity:.95}.motion-graphic:before{content:'';position:absolute;inset:11%;background-image:linear-gradient(#d5ddd6 1px,transparent 1px),linear-gradient(90deg,#d5ddd6 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(135deg,transparent 8%,black 45%,transparent 92%);transform:rotate(-8deg)}.orbit{position:absolute;display:block;border:1px solid #a8b8ac;border-radius:50%;transform:rotate(-24deg)}.orbit-one{width:340px;height:130px;right:6%;top:20%;animation:orbitFloat 8s ease-in-out infinite}.orbit-two{width:230px;height:90px;right:22%;top:36%;border-color:#f16c4d88;animation:orbitFloat 6s ease-in-out -2s infinite reverse}.motion-dot{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 6px #f16c4d22}.dot-one{right:20%;top:17%;animation:dotDrift 5s ease-in-out infinite}.dot-two{right:42%;top:55%;width:7px;height:7px;background:var(--lime);box-shadow:0 0 0 5px #c8e66b44;animation:dotDrift 7s ease-in-out -1s infinite reverse}.motion-label{position:absolute;background:var(--ink);color:var(--lime);padding:5px 7px;font:8px var(--mono);letter-spacing:.08em}.label-one{right:38%;top:13%;transform:rotate(-8deg);animation:labelFloat 6s ease-in-out infinite}.label-two{right:9%;top:61%;background:var(--coral);color:var(--white);transform:rotate(5deg);animation:labelFloat 7s ease-in-out -2s infinite reverse}@keyframes orbitFloat{0%,100%{transform:rotate(-24deg) translateY(0)}50%{transform:rotate(-17deg) translateY(-10px)}}@keyframes dotDrift{0%,100%{transform:translate(0,0)}50%{transform:translate(-13px,15px)}}@keyframes labelFloat{0%,100%{translate:0 0}50%{translate:5px -7px}}@media(max-width:800px){.motion-graphic{inset:-32px -28px -38px -28px}.orbit-one{width:280px}.orbit-two{width:190px}}@media(prefers-reduced-motion:reduce){.motion-graphic *,.marquee-track{animation:none!important}}