.logo-orbit{position:relative;display:table;margin:32px auto 42px;isolation:isolate;border-radius:50%;outline:none}
.logo-orbit .hero-logo,.logo-orbit .page-project-logo{margin:0!important;max-width:100%}
.logo-orbit:before{content:'';position:absolute;inset:-30px;border-radius:50%;background:radial-gradient(circle,transparent 45%,rgba(var(--accent-rgb,255,123,27),.18) 65%,transparent 74%);opacity:0;transition:opacity .45s;z-index:-1;pointer-events:none}
.logo-orbit-ring{position:absolute;inset:-25px;border:1px solid rgba(var(--accent-rgb,255,123,27),.25);border-radius:50%;opacity:0;scale:.9;transition:opacity .4s,scale .5s;animation:orbit-around 24s linear infinite;animation-play-state:paused;pointer-events:none}
.orbit-symbol{position:absolute;display:grid;place-items:center;width:30px;height:30px;margin:-15px;background:var(--page,#0b0c0d);border:1px solid rgba(var(--accent-rgb,255,123,27),.35);border-radius:50%;color:var(--accent,#ff7b1b);box-shadow:0 0 16px rgba(var(--accent-rgb,255,123,27),.16)}
.orbit-symbol svg{display:block;width:16px;height:16px;animation:orbit-around 24s linear infinite reverse;animation-play-state:paused;filter:drop-shadow(0 0 4px rgba(var(--accent-rgb,255,123,27),.4))}
.logo-orbit:hover .logo-orbit-ring,.logo-orbit:focus-visible .logo-orbit-ring{opacity:1;scale:1;animation-play-state:running}
.logo-orbit:hover .orbit-symbol svg,.logo-orbit:focus-visible .orbit-symbol svg{animation-play-state:running}
.logo-orbit:hover:before,.logo-orbit:focus-visible:before{opacity:1}
.logo-orbit:focus-visible{outline:1px solid var(--accent,#ff7b1b);outline-offset:5px}
@keyframes orbit-around{to{transform:rotate(360deg)}}
@media(max-width:600px){.logo-orbit{margin-top:28px;margin-bottom:38px}.logo-orbit-ring{inset:-20px}.orbit-symbol{width:26px;height:26px;margin:-13px}.orbit-symbol svg{width:14px;height:14px}}
@media(prefers-reduced-motion:reduce){.logo-orbit-ring,.orbit-symbol svg{animation:none}.logo-orbit-ring{transition:opacity .2s;scale:1}}