.orbit-ring{--orbit-ring-max-size:26rem;--orbit-ring-label-space:var(--spacing-7);padding-inline:var(--orbit-ring-label-space)}.orbit-ring__stage{width:min(100%, var(--orbit-ring-max-size));aspect-ratio:1;margin-inline:auto;position:relative}.orbit-ring__image{border-radius:var(--border-radius-full);object-fit:cover;width:56%;height:56%;position:absolute;top:22%;left:22%}.orbit-ring__lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.orbit-ring__ellipse,.orbit-ring__circle{stroke:var(--color-gray-400);stroke-width:var(--border-width);stroke-miterlimit:10;vector-effect:non-scaling-stroke;fill:none}.orbit-ring__dot-container{border-radius:var(--border-radius-full);position:absolute;inset:0}.orbit-ring__dot{color:inherit;cursor:pointer;z-index:10;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;padding:0;font-family:inherit;text-decoration:none;display:flex;position:absolute;transform:translate(-50%,-50%)}.orbit-ring__dot-point{background-color:var(--color-gray-800);border-radius:var(--border-radius-full);z-index:2;width:20px;height:20px;transition:transform var(--transition-fast) ease}.orbit-ring__dot:hover .orbit-ring__dot-point,.orbit-ring__dot:focus-visible .orbit-ring__dot-point{transform:scale(1.2)}.orbit-ring__dot:focus-visible{outline:2px solid var(--color-gray-800);outline-offset:4px;border-radius:var(--border-radius-full)}.orbit-ring__dot-label{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-primary);text-align:center;line-height:var(--lh-tight);position:absolute}.orbit-ring__dot-word{display:block}@media (width<=768px){.orbit-ring{--orbit-ring-label-space:var(--spacing-5xl)}}@media (prefers-reduced-motion:reduce){.orbit-ring__dot-point{transition:none}}