.nx{width:var(--name-w);max-width:calc(100% - var(--gut) * 2);padding:var(--gap) 0;text-align:center;margin:0 auto}.nx__title{font-variation-settings:"wdth" 112, "wght" 750;text-wrap:balance;letter-spacing:-.015em;margin:0;font-size:clamp(40px,4.4vw,84px);font-weight:400;line-height:.95}.nx__lede{color:var(--fg-dim);margin:14px auto 0;font-size:clamp(16px,1.1vw,19px);line-height:1.5}.nx__stage{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;height:clamp(420px,72vh,780px);margin-top:clamp(24px,4vh,48px);position:relative}.nx__stage[data-dragging]{cursor:grabbing}.nx__canvas{opacity:0;width:100%;height:100%;transition:opacity .6s var(--ease-out);position:absolute;inset:0}.nx__stage[data-ready=true] .nx__canvas{opacity:1}.nx__stage[data-flying=true] .nx__canvas{z-index:-1;pointer-events:none;transition:none;position:fixed;inset:0}.nx__stage[data-flying=true] .nx__spots{visibility:hidden}.nx__fallback{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.nx__spots{pointer-events:none;margin:0;padding:0;list-style:none;position:absolute;inset:0}.nx__spot{--spot:24px;--dx:22px;--dy:-22px;text-align:left;transition:opacity .25s var(--ease-out);position:absolute;top:0;left:0}.nx__spot[data-side=left]{--dx:-22px}.nx__spot[data-front=false]{opacity:0}.nx__spot:before,.nx__spot:after{content:"";opacity:0;transition:opacity .35s var(--ease-out);transition-delay:calc(var(--i) * 60ms);pointer-events:none;position:absolute}.nx__spot:before{background:var(--fg);border-radius:50%;width:6px;height:6px;top:-3px;left:-3px;box-shadow:0 0 0 2px #04070d80}.nx__spot:after{width:hypot(var(--dx), var(--dy));transform-origin:0;height:1px;transform:rotate(atan2(var(--dy), var(--dx)));background:#eef1f6b3;top:0;left:0}.nx__stage[data-landed=true] .nx__spot:before,.nx__stage[data-landed=true] .nx__spot:after{opacity:1}.nx__spot[data-front=false] .nx__btn{pointer-events:none}.nx__btn{left:calc(var(--dx) - var(--spot) / 2);top:calc(var(--dy) - var(--spot) / 2);z-index:1;width:var(--spot);height:var(--spot);background:var(--fg);color:var(--earth);cursor:pointer;pointer-events:auto;opacity:0;transition:opacity .35s var(--ease-out), transform .45s var(--ease-out), background-color .25s var(--ease-out), box-shadow .25s var(--ease-out);transition-delay:calc(var(--i) * 60ms);border:0;border-radius:50%;padding:0;position:absolute;transform:scale(.4);box-shadow:0 0 0 4px #eef1f624}.nx__stage[data-landed=true] .nx__btn{opacity:1;transform:none}.nx__btn:before,.nx__btn:after{content:"";width:10px;height:1.5px;transition:transform .35s var(--ease-out);background:currentColor;margin:-.75px 0 0 -5px;position:absolute;top:50%;left:50%}.nx__btn:after{transform:rotate(90deg)}.nx__btn:hover{box-shadow:0 0 0 8px #eef1f62e}.nx__btn:focus-visible{outline:2px solid var(--volt);outline-offset:4px}.nx__num{display:none}.nx__spot[data-open=true] .nx__btn{background:var(--volt)}.nx__spot[data-open=true] .nx__btn:before{transform:rotate(45deg)}.nx__spot[data-open=true] .nx__btn:after{transform:rotate(135deg)}.nx__label{left:calc(var(--dx) + var(--spot) / 2 + 12px);top:var(--dy);border:var(--hair) solid var(--seam);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s var(--ease-out), transform .3s var(--ease-out);background:#04070dd1;flex-direction:column;gap:4px;padding:12px 16px;display:flex;position:absolute;transform:translate(-6px,-50%)}.nx__spot[data-side=left] .nx__label{left:auto;right:calc(var(--spot) / 2 + 12px - var(--dx));transform:translate(6px,-50%)}.nx__label .mono{color:var(--fg-dim)}.nx__label strong{font-variation-settings:"wdth" 104, "wght" 600;font-size:clamp(16px,1.1vw,19px);font-weight:400}.nx__spec{color:var(--fg-dim);font-size:14px}.nx__stage[data-landed=true] .nx__spot[data-open=true][data-front=true] .nx__label{opacity:1;transform:translateY(-50%)}.nx__bar{pointer-events:none;opacity:0;transition:opacity .6s var(--ease-out) .35s, transform .6s var(--ease-out) .35s;justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(10px)}.nx__stage[data-landed=true] .nx__bar{opacity:1;transform:none}.nx__stage[data-flying=true] .nx__bar{opacity:0;transition-delay:0s;transform:translateY(10px)}.nx__stage[data-landed=false] .nx__views{pointer-events:none}.nx__hint{color:var(--fg-dim);align-items:center;gap:10px;display:inline-flex}.nx__hint svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}.nx__views{border:var(--hair) solid var(--seam);pointer-events:auto;display:flex}.nx__view{min-width:84px;height:40px;color:var(--fg);font:inherit;cursor:pointer;transition:background-color .2s var(--ease-out);background:0 0;border:0;padding:0 16px;font-size:15px}.nx__view+.nx__view{border-left:var(--hair) solid var(--seam)}.nx__view:hover{background:var(--earth-2,#ffffff0a)}.nx__view:focus-visible{outline:2px solid var(--volt);outline-offset:-2px}.nx__note{margin:20px 0 0}.nx__legend{text-align:left;margin:20px 0 0;padding:0;list-style:none;display:none}@media (width<=860px){.nx__spots{overflow-x:clip}.nx__stage{height:min(110vw,62svh)}.nx__spot{--spot:20px;--dx:16px;--dy:-16px}.nx__spot[data-side=left]{--dx:-16px}.nx__label,.nx__btn:before,.nx__btn:after{display:none}.nx__btn{box-shadow:0 0 0 3px #04070d99}.nx__spot[data-open=true] .nx__btn{background:var(--volt)}.nx__num{height:100%;font-family:var(--mono);place-items:center;font-size:12px;display:grid}.nx__bar{justify-content:center}.nx__hint{display:none}.nx__legend{display:block}.nx__legend li{border-top:var(--hair) solid var(--earth-3);grid-template-columns:20px 1fr;align-items:baseline;column-gap:12px;padding:12px 0;display:grid}.nx__legend li>span:first-child{background:var(--fg);height:20px;color:var(--earth);font-family:var(--mono);border-radius:50%;place-items:center;font-size:12px;display:grid}.nx__legend .nx__spec{grid-column:2;margin-top:2px}}@media (prefers-reduced-motion:reduce){.nx__btn,.nx__label,.nx__canvas,.nx__bar{transition:none}}.nx--pulse .nx__spot{--spot:32px;--dot:10px;--card:264px;--dx:0px;--dy:0px}.nx--pulse .nx__spot[data-side=left]{--dx:0px}.nx--pulse .nx__spot:before{left:calc(var(--dot) / -2);top:calc(var(--dot) / -2);width:var(--dot);height:var(--dot);box-shadow:none;box-sizing:border-box;background:0 0;border:1px solid #eef1f6d9;border-radius:50%}.nx--pulse .nx__spot:after{display:none}.nx--pulse .nx__stage[data-landed=true] .nx__spot:before{animation:2.6s cubic-bezier(.2,.6,.3,1) infinite nx-pulse;animation-delay:calc(var(--i) * .29s)}@keyframes nx-pulse{0%{opacity:.9;transform:scale(1)}70%,to{opacity:0;transform:scale(3.4)}}.nx--pulse .nx__stage[data-landed=true] .nx__spot[data-open=true]:before{opacity:0;animation:none}.nx--pulse .nx__btn{box-shadow:none;background:0 0}.nx--pulse .nx__btn:after{display:none}.nx--pulse .nx__btn:before{width:var(--dot);height:var(--dot);margin:calc(var(--dot) / -2) 0 0 calc(var(--dot) / -2);background:var(--fg);transition:transform .3s var(--ease-out), background-color .25s var(--ease-out);border-radius:50%;box-shadow:0 0 0 2.5px #04070dd9,0 0 10px 3px #04070d59}.nx--pulse .nx__btn:hover{box-shadow:none}.nx--pulse .nx__btn:hover:before{transform:scale(1.3)}.nx--pulse .nx__spot[data-open=true] .nx__btn{background:0 0}.nx--pulse .nx__spot[data-open=true] .nx__btn:before{background:var(--volt);transform:scale(1.2);box-shadow:0 0 0 2.5px #04070dd9,0 0 14px #ffec198c}.nx--pulse .nx__btn:focus-visible{outline-offset:-4px}.nx--pulse .nx__tag{border:var(--hair) solid var(--seam-lit);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:var(--mono);letter-spacing:.02em;white-space:nowrap;color:var(--fg);opacity:0;pointer-events:none;transition:opacity .2s var(--ease-out), transform .2s var(--ease-out);background:#04070dc7;padding:5px 10px;font-size:12px;position:absolute;top:0;left:16px;transform:translate(-4px,-50%)}.nx--pulse .nx__spot[data-side=left] .nx__tag{left:auto;right:16px;transform:translate(4px,-50%)}.nx--pulse .nx__stage[data-landed=true] .nx__spot[data-front=true][data-open=false]:hover .nx__tag{opacity:1;transform:translateY(-50%)}.nx--pulse .nx__stage[data-landed=true] .nx__spot[data-front=true][data-open=false]:has(.nx__btn:focus-visible) .nx__tag{opacity:1;transform:translateY(-50%)}.nx--pulse .nx__lead{pointer-events:none;height:1px;transition:transform .35s var(--ease-out);background:linear-gradient(90deg,#eef1f6bf,#eef1f659);position:absolute;top:0;transform:scaleX(0)}.nx--pulse .nx__spot[data-dock=right] .nx__lead{width:max(0px, calc(var(--w) - var(--x) - var(--card) - 10px));transform-origin:0;left:10px}.nx--pulse .nx__spot[data-dock=left] .nx__lead{width:max(0px, calc(var(--x) - var(--card) - 10px));transform-origin:100%;background:linear-gradient(270deg,#eef1f6bf,#eef1f659);right:10px}.nx--pulse .nx__label{width:var(--card);box-sizing:border-box;white-space:normal;transition:opacity .3s var(--ease-out), transform .35s var(--ease-out);padding:16px 44px 16px 18px;transform:translateY(calc(6px - 50%))}.nx--pulse .nx__spot[data-dock=right] .nx__label,.nx--pulse .nx__spot[data-dock=right][data-side=left] .nx__label{left:calc(var(--w) - var(--x) - var(--card));right:auto;transform:translateY(calc(6px - 50%))}.nx--pulse .nx__spot[data-dock=left] .nx__label,.nx--pulse .nx__spot[data-dock=left][data-side=left] .nx__label{left:calc(-1 * var(--x));right:auto;transform:translateY(calc(6px - 50%))}.nx--pulse .nx__stage[data-landed=true] .nx__spot[data-open=true][data-front=true] .nx__lead{transform:scaleX(1)}.nx--pulse .nx__stage[data-landed=true] .nx__spot[data-open=true][data-front=true] .nx__label{opacity:1;pointer-events:auto;transition-delay:.18s;transform:translateY(-50%)}.nx--pulse .nx__spot[data-open=true]{z-index:2}.nx--pulse .nx__close{width:26px;height:26px;color:var(--fg-dim);cursor:pointer;transition:color .2s var(--ease-out), background-color .2s var(--ease-out);background:0 0;border:0;border-radius:50%;padding:0;position:absolute;top:10px;right:10px}.nx--pulse .nx__close:before,.nx--pulse .nx__close:after{content:"";background:currentColor;width:11px;height:1.5px;margin:-.75px 0 0 -5.5px;position:absolute;top:50%;left:50%;transform:rotate(45deg)}.nx--pulse .nx__close:after{transform:rotate(-45deg)}.nx--pulse .nx__close:hover{color:var(--fg);background:#ffffff0f}.nx--pulse .nx__close:focus-visible{outline:2px solid var(--volt);outline-offset:0}.nx--pulse .nx__stage[data-zoomed=true]{touch-action:none}.nx--pulse .nx__stage[data-zoomed=true] .nx__canvas{-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(#0000,#000 12% 80%,#0000 96%),linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(#0000,#000 12% 80%,#0000 96%),linear-gradient(90deg,#0000,#000 8% 92%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.nx--pulse .nx__ctrls{pointer-events:auto;gap:12px;display:flex}.nx--pulse .nx__zoom[hidden]{display:none}.nx--pulse .nx__zbtn{place-items:center;min-width:44px;padding:0;display:grid}.nx--pulse .nx__zbtn svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.nx--pulse .nx__zbtn:disabled{color:var(--fg-faint,#eef1f64d);cursor:default}.nx--pulse .nx__zbtn:disabled:hover{background:0 0}.nx--pulse .nx__stage[data-landed=false] .nx__ctrls{pointer-events:none}@media (width<=860px){.nx--pulse .nx__spot{--spot:22px;--dot:22px}.nx--pulse .nx__btn{background:var(--fg);box-shadow:0 0 0 3px #04070d99}.nx--pulse .nx__spot[data-open=true] .nx__btn{background:var(--volt)}.nx--pulse .nx__tag,.nx--pulse .nx__lead{display:none}.nx--pulse .nx__spot:before{border-color:#eef1f699}@keyframes nx-pulse{0%{opacity:.8;transform:scale(1)}70%,to{opacity:0;transform:scale(1.9)}}.nx--pulse .nx__ctrls{gap:8px}.nx--pulse .nx__view{min-width:64px;padding:0 12px}.nx--pulse .nx__zbtn{min-width:40px}}@media (prefers-reduced-motion:reduce){.nx--pulse .nx__stage[data-landed=true] .nx__spot:before{opacity:0;animation:none}.nx--pulse .nx__lead,.nx--pulse .nx__tag{transition:none}}.nx--pulse .nx__top{display:none}.nx--pulse .nx__top .nx__zbtn[aria-pressed=true]{color:var(--volt)}@media (hover:none){.nx--pulse .nx__top{display:flex}}@media (width<=860px){.nx--pulse .nx__zoom{display:none}}
