.g360{z-index:2;isolation:isolate;background:var(--surface);color:var(--ink);position:relative;overflow:clip}[data-motion=on] .g360--curtain{margin-top:-100svh;box-shadow:0 -30px 80px -10px #0b182d80}.g360__stage{padding-block:var(--s-96);position:relative}[data-motion=on] .g360__track{height:250svh}[data-motion=on] .g360__stage{height:100svh;padding-block:var(--s-48);align-items:center;display:grid;position:sticky;top:0;overflow:clip}.g360__glow{pointer-events:none;display:none;position:absolute;inset:0}.g360__glow span{border-radius:50%;position:absolute}.g360__glow span:first-child{background:radial-gradient(circle,#c39fe98c 0%,#c39fe900 66%);width:46vw;height:46vw;bottom:-18%;left:-6%}.g360__glow span:nth-child(2){background:radial-gradient(circle,#dac5f2b3 0%,#dac5f200 66%);width:36vw;height:36vw;top:-12%;right:-4%}.g360__glow span:nth-child(3){background:radial-gradient(circle,#ede2f8e6 0%,#ede2f800 62%);width:40vw;height:40vw;top:18%;left:42%}@keyframes g360-drift{0%{translate:0}to{translate:3vw -2vw}}[data-motion=on] .g360__glow span{animation:24s ease-in-out infinite alternate g360-drift}[data-motion=on] .g360__glow span:nth-child(2){animation-duration:31s;animation-direction:alternate-reverse}[data-motion=on] .g360__glow span:nth-child(3){animation-duration:38s}.g360__sky{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.g360__layout{z-index:1;column-gap:var(--s-64);grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:center;display:grid;position:relative}.g360__name{font-size:var(--fs-h1);font-weight:var(--fw-h3);line-height:var(--lh-h1);letter-spacing:var(--ls-h1);color:var(--purple);display:block}.g360__sub{margin-top:var(--s-8);font-size:var(--fs-h3);font-weight:var(--fw-h2);line-height:var(--lh-h3);color:var(--purple);display:block}.g360__body{margin-top:var(--s-24);color:var(--muted)}.g360__title .w,.g360__body .w{display:inline-block}.g360__system{--label:190px;width:min(calc((100% - 2 * (28px + var(--label)) + 48px) / .62), calc(100svh - 150px), 720px);aspect-ratio:1;justify-self:center;position:relative}.g360__orbits,.g360__drift{position:absolute;inset:0}.g360__drift{translate:calc(var(--px,0) * 12px) calc(var(--py,0) * 12px);transition:translate .8s cubic-bezier(.22,.61,.36,1)}.g360__layer{width:100%;max-width:none;height:100%;position:absolute;inset:0;overflow:visible}@keyframes g360-turn{to{transform:rotate(360deg)}}@keyframes g360-turn-back{to{transform:rotate(-360deg)}}[data-motion=on] .g360__layer--outer{animation:160s linear infinite paused g360-turn}[data-motion=on] .g360__layer--inner{animation:220s linear infinite paused g360-turn-back}[data-motion=on] .g360[data-live] .g360__layer--outer,[data-motion=on] .g360[data-live] .g360__layer--inner{animation-play-state:running}.g360 .g360__ring{fill:none;stroke:var(--purple-200);stroke-width:1px;vector-effect:non-scaling-stroke}.g360 .g360__ring--faint{stroke:var(--purple-100)}.g360 .g360__ring--dash{stroke:var(--purple-200);stroke-dasharray:2 9}.g360 .g360__ring--dots{stroke:var(--purple-300);stroke-dasharray:1 7;stroke-width:1.4px}.g360 .g360__axis{fill:none;stroke:var(--purple-100);stroke-width:1px;stroke-dasharray:3 7;vector-effect:non-scaling-stroke}.g360 .g360__spoke{stroke:var(--purple-300);stroke-width:1px;vector-effect:non-scaling-stroke;opacity:0;transition:opacity .45s}.g360__system[data-hover="0"] .g360__spoke--0,.g360__system[data-hover="1"] .g360__spoke--1,.g360__system[data-hover="2"] .g360__spoke--2,.g360__system[data-hover="3"] .g360__spoke--3,.g360__system[data-hover="4"] .g360__spoke--4,.g360__system[data-hover="5"] .g360__spoke--5,.g360__system[data-hover="6"] .g360__spoke--6,.g360__system[data-hover="7"] .g360__spoke--7{opacity:1}.g360 .g360__orbit{fill:none;stroke:var(--purple-400);stroke-width:1.6px;stroke-dasharray:1.5 7;stroke-linecap:round;vector-effect:non-scaling-stroke}.g360 .g360__trail{fill:none;stroke:var(--purple-500);stroke-width:2.4px;stroke-dasharray:1;stroke-dashoffset:0;stroke-linecap:round;opacity:.55}.g360__atom{width:40%;height:40%;margin:auto;position:absolute;inset:0}.g360__pillars{position:absolute;inset:0}.g360Pillar{--a:calc(var(--i) * 45deg - 90deg);--r:31%;left:calc(50% + var(--r) * cos(var(--a)));top:calc(50% + var(--r) * sin(var(--a)));width:0;height:0;position:absolute}.g360Pillar__node{width:26px;height:26px;box-shadow:0 0 0 1px var(--purple-100), 0 0 0 7px #ede2f8b3, 0 6px 18px #5f249f38;background:#fff;border-radius:50%;transition:box-shadow .45s;position:absolute;top:-13px;left:-13px}.g360Pillar__node:after{content:"";background:radial-gradient(circle at 35% 35%, var(--purple-400), var(--purple-700));border-radius:50%;position:absolute;inset:8px}.g360Pillar:hover .g360Pillar__node{box-shadow:0 0 0 1px var(--purple-200), 0 0 0 11px #dac5f2a6, 0 8px 24px #5f249f4d}.g360Pillar__text{width:max-content;max-width:var(--label);position:absolute;top:0;left:0}.g360Pillar__in{gap:var(--s-4);display:grid}.g360Pillar[data-side=top] .g360Pillar__text{text-align:center;translate:-50% calc(-100% - 24px)}.g360Pillar[data-side=bottom] .g360Pillar__text{text-align:center;translate:-50% 24px}.g360Pillar[data-side=right] .g360Pillar__text{text-align:left;translate:28px -50%}.g360Pillar[data-side=left] .g360Pillar__text{text-align:right;translate:calc(-100% - 28px) -50%}.g360Pillar[data-side=tr] .g360Pillar__text{text-align:left;translate:24px calc(4px - 100%)}.g360Pillar[data-side=br] .g360Pillar__text{text-align:left;translate:24px -4px}.g360Pillar[data-side=bl] .g360Pillar__text{text-align:right;translate:calc(-100% - 24px) -4px}.g360Pillar[data-side=tl] .g360Pillar__text{text-align:right;translate:calc(-100% - 24px) calc(4px - 100%)}.g360Pillar__label{font-size:var(--fs-h4);font-weight:var(--fw-h4);line-height:var(--lh-h4);letter-spacing:var(--ls-h4);color:var(--navy);transition:color .35s}.g360Pillar:hover .g360Pillar__label{color:var(--purple)}.g360Pillar__line{color:var(--muted)}.g360Pillar__in,.g360__caption,.g360__head{--halo:var(--surface);text-shadow:0 0 2px var(--halo), 0 0 4px var(--halo), 0 0 8px var(--halo), 0 0 12px var(--halo)}.g360__head,.g360__caption{z-index:2;position:relative}.g360__system{z-index:1}.g360__orbits{z-index:0}.g360__pillars{z-index:1}.g360__caption{display:none}@media (width<=1359px){.g360__layout{column-gap:var(--s-48);grid-template-columns:minmax(0,300px) minmax(0,1fr)}}@media (width<=1199px){.g360__layout{row-gap:var(--s-32);text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center}.g360__head{max-width:56ch}.g360__system{--label:170px;width:min(calc((100% - 2 * (28px + var(--label)) + 48px) / .62), calc(100svh - 360px), 640px)}}@media (width<=900px){[data-motion=on] .g360__track{height:210svh}[data-motion=on] .g360__stage{padding-block:var(--s-24);align-items:center}.g360__layout{row-gap:var(--s-48);text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center}.g360__head{max-width:40ch}.g360__sub{font-size:var(--fs-lead)}.g360__body{margin-top:var(--s-8);font-size:var(--fs-body);line-height:var(--lh-body)}.g360__system{--label:84px;width:min(calc((100% - 2 * (14px + var(--label)) + 40px) / .6), calc(100svh - 380px), 520px);min-width:240px}.g360Pillar{--r:30%}.g360Pillar__node{width:16px;height:16px;box-shadow:0 0 0 1px var(--purple-100), 0 0 0 4px #ede2f8cc, 0 3px 10px #5f249f33;top:-8px;left:-8px}.g360Pillar__node:after{inset:5px}.g360Pillar__label{font-size:var(--fs-fine);line-height:1.25}.g360Pillar__line{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.g360Pillar[data-side=top] .g360Pillar__text{translate:-50% calc(-100% - 14px)}.g360Pillar[data-side=bottom] .g360Pillar__text{translate:-50% 14px}.g360Pillar[data-side=right] .g360Pillar__text{translate:14px -50%}.g360Pillar[data-side=left] .g360Pillar__text{translate:calc(-100% - 14px) -50%}.g360Pillar[data-side=tr] .g360Pillar__text{translate:12px calc(2px - 100%)}.g360Pillar[data-side=br] .g360Pillar__text{translate:12px -2px}.g360Pillar[data-side=bl] .g360Pillar__text{translate:calc(-100% - 12px) -2px}.g360Pillar[data-side=tl] .g360Pillar__text{translate:calc(-100% - 12px) calc(2px - 100%)}.g360__caption{max-width:34ch;min-height:3em;color:var(--navy);display:block}.g360__caption[data-hint=true]{color:var(--muted)}.g360Pillar{cursor:pointer}}.g360__system[data-active="0"] .g360Pillar:first-child .g360Pillar__label,.g360__system[data-active="1"] .g360Pillar:nth-child(2) .g360Pillar__label,.g360__system[data-active="2"] .g360Pillar:nth-child(3) .g360Pillar__label,.g360__system[data-active="3"] .g360Pillar:nth-child(4) .g360Pillar__label,.g360__system[data-active="4"] .g360Pillar:nth-child(5) .g360Pillar__label,.g360__system[data-active="5"] .g360Pillar:nth-child(6) .g360Pillar__label,.g360__system[data-active="6"] .g360Pillar:nth-child(7) .g360Pillar__label,.g360__system[data-active="7"] .g360Pillar:nth-child(8) .g360Pillar__label{color:var(--purple)}@media (prefers-reduced-motion:reduce){.g360__layer,.g360__glow span{animation:none!important}}.g360--dark{background:var(--navy-950);color:var(--ink-inverse,#fff)}.g360--dark .g360__name,.g360--dark .g360__sub{color:var(--purple-on-dark)}.g360--dark .g360__body{color:var(--muted-inverse)}.g360--dark .g360__ring{stroke:#a36dde38}.g360--dark .g360__ring--faint{stroke:#a36dde1f}.g360--dark .g360__ring--dash{stroke:#a36dde38}.g360--dark .g360__ring--dots{stroke:#c39fe973}.g360--dark .g360__axis{stroke:#a36dde24}.g360--dark .g360__spoke{stroke:var(--purple-300)}.g360--dark .g360__orbit{stroke:var(--purple-400)}.g360--dark .g360__trail{stroke:var(--purple-300);opacity:.7}.g360--dark .g360Pillar__node{background:var(--navy-950);box-shadow:0 0 0 1px #a36dde73,0 0 0 7px #a36dde29,0 6px 18px #00000059}.g360--dark .g360Pillar__node:after{background:radial-gradient(circle at 35% 35%, var(--purple-300), var(--purple-500))}.g360--dark .g360Pillar:hover .g360Pillar__node{box-shadow:0 0 0 1px #c39fe999,0 0 0 11px #a36dde38,0 8px 24px #0006}.g360--dark .g360Pillar__label{color:#fff}.g360--dark .g360Pillar:hover .g360Pillar__label{color:var(--purple-300)}.g360--dark .g360Pillar__line{color:var(--muted-inverse)}.g360--dark .g360Pillar__in,.g360--dark .g360__caption,.g360--dark .g360__head{--halo:var(--navy-950)}.g360--dark .g360__system[data-active="0"] .g360Pillar:first-child .g360Pillar__label,.g360--dark .g360__system[data-active="1"] .g360Pillar:nth-child(2) .g360Pillar__label,.g360--dark .g360__system[data-active="2"] .g360Pillar:nth-child(3) .g360Pillar__label,.g360--dark .g360__system[data-active="3"] .g360Pillar:nth-child(4) .g360Pillar__label,.g360--dark .g360__system[data-active="4"] .g360Pillar:nth-child(5) .g360Pillar__label,.g360--dark .g360__system[data-active="5"] .g360Pillar:nth-child(6) .g360Pillar__label,.g360--dark .g360__system[data-active="6"] .g360Pillar:nth-child(7) .g360Pillar__label,.g360--dark .g360__system[data-active="7"] .g360Pillar:nth-child(8) .g360Pillar__label{color:var(--purple-300)}@media (width<=900px){.g360--dark .g360Pillar__node{box-shadow:0 0 0 1px #a36dde73,0 0 0 4px #a36dde2e}.g360--dark .g360__caption{color:#fff}.g360--dark .g360__caption[data-hint=true]{color:var(--muted-inverse)}}