.orbit-stage{--size:44vw;--rx:60vw;--ry:90px;--cyc:38%;touch-action:pan-y;-webkit-user-select:none;user-select:none;height:440px;position:relative;overflow-x:clip}@media (min-width:40rem){.orbit-stage{--size:min(34vw, 290px);--rx:50vw;--ry:100px;--cyc:37%;height:545px}}@media (min-width:64rem){.orbit-island{transform:translate(calc(-50% + var(--sx) * var(--rx)), calc(-50% + var(--cy) * var(--ry))) scale(calc(.38 + .62 * var(--d)));opacity:calc(.35 + .65 * var(--d))}.orbit-stage{--size:min(21vw, 280px);--rx:min(38vw, 520px);--ry:min(8vw, 100px);--cyc:38%;height:clamp(540px,72vh,660px)}}@media (orientation:landscape) and (max-height:500px) and (not (min-width:64rem)){.orbit-stage{--size:190px;--ry:45px;--cyc:38%;height:300px}.orbit-stage .orbit-name{text-wrap:nowrap;white-space:nowrap;font-size:1.05rem}.orbit-stage .orbit-caption{margin-top:-10%}}.orbit-ring{margin:0;padding:0;list-style:none;position:absolute;inset:0}.orbit-island{left:50%;top:var(--cyc);width:var(--size);transform:translate(calc(-50% + var(--sx) * var(--rx)), calc(-50% + var(--cy) * var(--ry))) scale(calc(.3 + .7 * var(--d) * var(--d)));opacity:calc(.3 + .7 * var(--d));will-change:transform;position:absolute}.orbit-hit{cursor:pointer;width:100%;min-width:64px;min-height:64px;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:24px;flex-direction:column;align-items:center;padding:0;text-decoration:none;display:flex}.orbit-hit:focus-visible{outline-offset:4px;background:#ffffffb3;outline:4px solid #123a72}.orbit-art{aspect-ratio:1;width:100%;display:block;position:relative}.orbit-art img{object-fit:contain;pointer-events:none;filter:drop-shadow(0 10px 12px #14325a40);width:100%;height:100%;transition:translate .2s ease-out,scale .2s ease-out;display:block}.orbit-lock{aspect-ratio:1;pointer-events:none;width:22%;position:absolute;top:10%;right:10%}.orbit-lock svg{width:100%;height:100%;display:block}.orbit-caption{z-index:1;text-align:center;opacity:0;flex-direction:column;align-items:center;gap:2px;margin-top:-6%;padding:0 4px 4px;transition:opacity .2s ease-out;display:flex;position:relative}.orbit-island[data-front] .orbit-caption{opacity:1}.orbit-name,.orbit-name-sub{color:#0f1d33;text-wrap:balance;text-shadow:2.5px 0 #fff,-2.5px 0 #fff,0 2.5px #fff,0 -2.5px #fff,1.8px 1.8px #fff,-1.8px 1.8px #fff,1.8px -1.8px #fff,-1.8px -1.8px #fff,2.3px 1px #fff,-2.3px 1px #fff,2.3px -1px #fff,-2.3px -1px #fff,1px 2.3px #fff,-1px 2.3px #fff,1px -2.3px #fff,-1px -2.3px #fff,0 4px #123a7259;font-weight:800;line-height:1.3}.orbit-name{font-size:clamp(1.05rem,4.6vw,1.6rem)}.orbit-name-sub{font-size:.875rem;font-weight:600}@media (prefers-reduced-motion:no-preference){@media (hover:hover){.orbit-island[data-front] .orbit-hit:hover .orbit-art img{translate:0 -4px;scale:1.03}}.orbit-island[data-front] .orbit-hit:active .orbit-art img{transition-duration:75ms;scale:.98}}.orbit-controls{z-index:200;left:0;right:0;top:var(--cyc);pointer-events:none;justify-content:space-between;padding:0 8px;display:flex;position:absolute;translate:0 -50%}.orbit-arrow{pointer-events:auto;color:#123a72;cursor:pointer;background:#fff;border:3px solid #123a72;border-radius:50%;place-items:center;width:64px;height:64px;transition:transform .2s ease-out,box-shadow .2s ease-out;display:grid;box-shadow:0 4px #123a72}@media (hover:hover){.orbit-arrow:hover{box-shadow:0 6px #123a72}}@media (prefers-reduced-motion:no-preference){@media (hover:hover){.orbit-arrow:hover{transform:translateY(-2px)}}.orbit-arrow:active{transition-duration:75ms;transform:scale(.98)}}.orbit-arrow:focus-visible{outline-offset:3px;outline:4px solid #fff}.orbit-hint{z-index:200;color:#0f1d33;text-align:center;background:#fff;border-radius:999px;max-width:calc(100% - 32px);padding:6px 14px;font-size:.875rem;font-weight:700;transition:opacity .3s ease-out;position:absolute;top:4px;left:50%;translate:-50%;box-shadow:0 3px #123a72}.orbit-stage[data-touched] .orbit-hint{opacity:0;pointer-events:none}.orbit-dots{z-index:200;gap:6px;margin:0;padding:0;list-style:none;display:flex;position:absolute;bottom:8px;left:50%;translate:-50%}.orbit-dots li{background:#ffffffb3;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 1px #123a7233}.orbit-dots li[data-on]{background:#123a72}
