.orbit-layout{padding:0 0 34px;position:relative}
.orbit-scene{position:relative;width:100%;max-width:1280px;height:530px;margin:0 auto;isolation:isolate}
.orbit-scene:before{content:'';position:absolute;inset:12% 14%;pointer-events:none;background:radial-gradient(ellipse,#14376030,transparent 68%);border-radius:50%}
.orbit-trace{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1;fill:none;stroke-width:1}
.orbit-path-back{stroke:#4b6580;opacity:.42;stroke-dasharray:3 7}
.orbit-path-front{stroke:#679ed2;opacity:.6}
.orbit-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:52;pointer-events:none;text-align:center;padding:30px 38px;min-width:350px;background:radial-gradient(ellipse,var(--paper) 18%,transparent 72%);animation:orbit-center-float 7s ease-in-out infinite}
.hero .orbit-center h1{font-family:var(--sans);font-size:88px;line-height:1.1;font-weight:500;letter-spacing:-4.7px;margin:0;color:var(--ink)}
.orbit-role{font-size:20px;font-weight:400;letter-spacing:-.3px;color:#91b4dc;margin:18px 0 0;line-height:1.3}
.orbit-project{position:absolute;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;gap:10px;min-width:110px;padding:9px;transform:translate(-50%,-50%);text-align:center;will-change:transform,opacity;border-radius:14px;outline-offset:4px;visibility:hidden}
.orbit-projects{position:absolute;inset:0;pointer-events:none}
.orbit-project{pointer-events:auto}
.orbit-icon{display:grid;place-items:center;width:72px;height:72px;border:1px solid #56708c77;border-radius:17px;background:#f5f5f1;box-shadow:0 10px 25px #0005;overflow:hidden;transition:box-shadow .2s,border-color .2s}
.orbit-icon img{display:block;width:100%;height:100%;object-fit:contain}
.orbit-icon-arbi img{width:84%;height:84%}
.orbit-icon-ccs{background:#274780}
.orbit-name{font-family:var(--mono);font-size:10px;letter-spacing:.2px;line-height:1.5;color:#aec7e0;white-space:nowrap}
.orbit-project:hover .orbit-icon,.orbit-project:focus-visible .orbit-icon{border-color:#a6d8ff;box-shadow:0 0 0 4px #73b8f519,0 12px 28px #0005}
.orbit-project:hover .orbit-name,.orbit-project:focus-visible .orbit-name{color:var(--ink)}
.orbit-intro{text-align:center;max-width:600px!important;margin:0 auto 25px!important;font-size:13px!important;line-height:1.9}
.orbit-scene[data-paused="true"] .orbit-center{animation-play-state:paused}
.orbit-targeted .project-visual{animation:orbit-target-flash 1.3s ease}
html[data-theme="light"] .orbit-scene:before{background:radial-gradient(ellipse,#b6d6f335,transparent 68%)}
html[data-theme="light"] .orbit-path-back{stroke:#7c9bb7;opacity:.45}
html[data-theme="light"] .orbit-path-front{stroke:#6c96bc;opacity:.7}
html[data-theme="light"] .orbit-role{color:#2b5f88}
html[data-theme="light"] .orbit-name{color:#315f88}
html[data-theme="light"] .orbit-icon{border-color:#a9bfd2;box-shadow:0 9px 23px #244b7024}
html[data-theme="light"] .orbit-project:hover .orbit-icon,html[data-theme="light"] .orbit-project:focus-visible .orbit-icon{border-color:#3475aa;box-shadow:0 0 0 4px #367eb715,0 10px 24px #244b7030}
@keyframes orbit-center-float{0%,100%{transform:translate(-50%,calc(-50% - 3px))}50%{transform:translate(-50%,calc(-50% + 3px))}}
@keyframes orbit-target-flash{0%,100%{border-color:var(--line)}35%{border-color:var(--blue);box-shadow:0 0 0 3px #68b5f51c}}
@media(min-width:1450px){.orbit-scene{height:550px}.orbit-layout{padding-bottom:36px}}
@media(max-width:760px){.orbit-scene{height:390px}.orbit-layout{padding-bottom:21px}.hero .orbit-center h1{font-size:50px;letter-spacing:-2.5px}.orbit-center{min-width:240px;padding:30px 22px}.orbit-role{font-size:13px;letter-spacing:-.2px;margin-top:12px}.orbit-icon{width:48px;height:48px;border-radius:12px}.orbit-project{min-width:77px;padding:7px;gap:7px}.orbit-name{font-size:8px}.orbit-intro{font-size:11px!important;margin-bottom:16px!important;max-width:450px!important}}
@media(max-width:380px){.hero .orbit-center h1{font-size:44px}.orbit-role{font-size:12px}.orbit-center{min-width:215px}.orbit-icon{width:40px;height:40px}.orbit-project{min-width:72px}.orbit-scene{height:370px}}
@media(prefers-reduced-motion:reduce){.orbit-center{animation:none!important}.orbit-project{will-change:auto}.orbit-targeted .project-visual{animation:none}}