.orbit-lab{--orbit-bg:#08090b;--orbit-ink:#fff;--orbit-muted:#93949c;overscroll-behavior:contain;touch-action:pan-y;background:var(--orbit-bg);color:var(--orbit-ink);padding:0 clamp(22px,6vw,100px);font-family:Arial,Helvetica,sans-serif;position:fixed;inset:0;overflow:auto}.orbit-lab.light{--orbit-bg:#f4f3f0;--orbit-ink:#111;--orbit-muted:#66666b}.orbit-lab>header{border-bottom:1px solid color-mix(in srgb,var(--orbit-ink) 13%,transparent);justify-content:space-between;align-items:center;gap:20px;max-width:1440px;height:84px;margin:auto;display:flex}.orbit-lab header a{color:inherit;letter-spacing:.12em;font-size:13px;font-weight:700;text-decoration:none}.orbit-lab header a span{color:var(--orbit-muted);letter-spacing:0;margin-left:12px;font-weight:400}.orbit-caption{color:var(--orbit-muted);letter-spacing:.13em;text-transform:uppercase;font-size:10px}.orbit-hero{grid-template-columns:1fr 1.1fr;align-items:center;gap:12px 48px;max-width:1440px;min-height:min(690px,76vh);margin:auto;display:grid}.orbit-copy h1{letter-spacing:-.055em;margin:24px 0;font-size:clamp(32px,4vw,62px);font-weight:500;line-height:1.06}.orbit-copy>p:last-child{color:var(--orbit-muted);font-size:13px;line-height:1.8}.orbit-stage{place-items:center;min-height:460px;display:grid;position:relative}.orbit-coordinate{color:var(--orbit-muted);opacity:.5;font:10px monospace;position:absolute;top:8%;left:8%}.orbit-stage>p{color:var(--orbit-muted);font-size:11px;position:absolute;bottom:0}.orbit-controls{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:12px;padding:12px 0 28px;display:flex}.orbit-controls button{color:var(--orbit-ink);border:1px solid color-mix(in srgb,var(--orbit-ink) 18%,transparent);cursor:pointer;background:0 0;border-radius:999px;min-height:44px;padding:10px 16px;font-size:11px}.orbit-controls>div{border:1px solid color-mix(in srgb,var(--orbit-ink) 15%,transparent);border-radius:999px;gap:2px;padding:3px;display:flex}.orbit-controls>div button{border:0}.orbit-controls button[aria-pressed=true]{background:color-mix(in srgb,var(--orbit-ink) 12%,transparent)}.orbit-controls>span{color:var(--orbit-muted);margin-left:auto;font-size:11px}.orbit-details{border-top:1px solid color-mix(in srgb,var(--orbit-ink) 13%,transparent);grid-template-columns:repeat(3,1fr);gap:40px;max-width:1440px;margin:auto;padding:30px 0 44px;display:grid}.orbit-details h2{margin:24px 0 12px;font-size:17px;font-weight:500}.orbit-details>div>p:last-child{max-width:310px;color:var(--orbit-muted);font-size:12px;line-height:1.7}.orbit-mini{letter-spacing:.13em;align-items:center;gap:12px;height:64px;font-size:15px;display:flex}.orbit-mark{aspect-ratio:1;width:clamp(120px,18vw,230px);color:var(--orbit-ink);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;display:block;position:relative}.orbit-mark.compact{width:32px}.orbit-original,.orbit-vector{pointer-events:none;width:100%;height:100%;animation-duration:inherit;position:absolute;inset:0}.orbit-vector{opacity:0;overflow:visible}.orbit-original{z-index:1}.orbit-lab.light .orbit-original{filter:invert()}.playing .orbit-original{animation-name:orbit-original;animation-timing-function:linear;animation-fill-mode:both}.playing .orbit-vector{animation-name:orbit-vector;animation-timing-function:linear;animation-fill-mode:both}.orbit-vector *{animation-duration:inherit}.orbit-window{transform-box:view-box;transform-origin:500px 500px}.playing .orbit-window{animation-timing-function:cubic-bezier(.45,0,.2,1);animation-fill-mode:both}.playing .window-a{animation-name:orbit-a}.playing .window-b{animation-name:orbit-b}.playing .window-c{animation-name:orbit-c}.orbit-edge{opacity:0}.playing .orbit-edge{animation-name:orbit-edge;animation-timing-function:linear;animation-fill-mode:both}@keyframes orbit-original{0%,3%,98%,to{opacity:1}9%,94%{opacity:0}}@keyframes orbit-vector{0%,to{opacity:0}3%,98%{opacity:1}}@keyframes orbit-edge{0%,8%,90%,to{opacity:0}20%,78%{opacity:1}}@keyframes orbit-a{0%,9%,91%,to{transform:translate(0)rotate(0)scale(1)}28%{transform:translate(-360px,-230px)rotate(-16deg)scale(.78)}50%{transform:translate(-460px,620px)rotate(-32deg)scale(.65)}70%{transform:translate(350px,840px)rotate(12deg)scale(.8)}}@keyframes orbit-b{0%,12%,94%,to{transform:translate(0)rotate(0)scale(1)}32%{transform:translate(430px,140px)rotate(18deg)scale(.9)}54%{transform:translate(160px,-570px)rotate(30deg)scale(.65)}75%{transform:translate(-540px,-400px)rotate(-12deg)scale(.78)}}@keyframes orbit-c{0%,5%,88%,to{transform:translate(0)rotate(0)scale(1)}25%{transform:translate(330px,-310px)rotate(12deg)scale(.72)}47%{transform:translate(570px,620px)rotate(28deg)scale(.9)}68%{transform:translate(-550px,830px)rotate(-16deg)scale(.7)}}.orbit-lab button:focus-visible,.orbit-lab a:focus-visible{outline:2px solid var(--orbit-ink);outline-offset:6px}@media (max-width:760px){.orbit-lab>header{height:68px}.orbit-lab header>.orbit-caption{display:none}.orbit-hero{grid-template-columns:1fr;gap:0;padding-top:36px}.orbit-stage{min-height:360px}.orbit-mark{width:140px}.orbit-mark.compact{width:32px}.orbit-details{grid-template-columns:1fr;gap:28px}}@media (prefers-reduced-motion:reduce){.playing .orbit-original{animation-name:orbit-reduced;animation-duration:.24s}.playing .orbit-vector{display:none}.playing .orbit-window,.playing .orbit-edge{animation:none}}@keyframes orbit-reduced{0%,to{opacity:1}50%{opacity:.65}}
