@font-face{font-family:Bitcount Grid Single;font-style:normal;font-weight:100 900;font-display:swap;src:url(/nudot-cube/bitcount-grid-single.woff2)format("woff2")}:is(html:has([data-anim=nudot-cube]),body:has([data-anim=nudot-cube])){overflow:visible!important}.nc{color:#fff;background:#0d0d0d}.nc-section{height:calc(100svh - var(--nc-pin-top,0px));background:#0d0d0d;position:relative;overflow:hidden}.nc-scene{perspective:1100px;pointer-events:none;z-index:3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.nc-cube{--s:min(58vw, 58vh, 360px);width:var(--s);height:var(--s);transform-style:preserve-3d;will-change:transform;position:relative;transform:rotateX(90deg)rotateY(0)}.nc-face{backface-visibility:hidden;color:#fff;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 1px}.nc-face__inner{background:#00000061;flex-direction:column;justify-content:space-around;align-items:center;gap:.5rem;padding:1rem;display:flex;position:absolute;inset:0}.nc-face img{object-fit:contain;filter:invert();opacity:.9;flex-shrink:0;width:48%;height:auto}.nc-face__title{color:#fff;letter-spacing:.06em;text-align:center;font-family:Bitcount Grid Single,monospace;font-size:clamp(.7rem,1.6vw,1.1rem);line-height:1.1}.nc-face__zh{color:#fff9;text-align:center;letter-spacing:.02em;font-family:sans-serif;font-size:14px}.nc-face[data-face=front]{transform:translateZ(calc(var(--s) / 2));background:#262626 url(/nudot-cube/b1.webp) 50%/cover no-repeat}.nc-face[data-face=back]{transform:rotateY(180deg) translateZ(calc(var(--s) / 2));background:#1a1a1a url(/nudot-cube/b2.webp) 50%/cover no-repeat}.nc-face[data-face=right]{transform:rotateY(90deg) translateZ(calc(var(--s) / 2));background:#0d0d0d url(/nudot-cube/b3.webp) 50%/cover no-repeat}.nc-face[data-face=left]{transform:rotateY(-90deg) translateZ(calc(var(--s) / 2));background:#171717 url(/nudot-cube/b4.webp) 50%/cover no-repeat}.nc-face[data-face=top]{transform:rotateX(-90deg) translateZ(calc(var(--s) / 2));background:#404040 url(/nudot-cube/b5.webp) 50%/cover no-repeat}.nc-face[data-face=bottom]{transform:rotateX(90deg) translateZ(calc(var(--s) / 2));background:#000 url(/nudot-cube/b6.webp) 50%/cover no-repeat}.nc-face[data-face=bottom] img{opacity:.85}.nc-face[data-face=bottom] .nc-face__inner{transform:rotate(90deg)}.nc-strip{z-index:10;flex-direction:column;gap:.75rem;display:flex;position:absolute;top:55%;left:2.5rem;transform:translateY(-50%)}.nc-dot{background:#fff3;border-radius:50%;width:.25rem;height:.25rem;transition:background .3s,scale .3s;display:block}.nc-dot[data-active]{background:#fffc;scale:1.8}.nc-nav{z-index:10;white-space:nowrap;align-items:center;gap:20px;padding-top:35px;display:flex;position:absolute;top:calc(50% + min(29vw,29vh,180px) + 2rem);left:50%;transform:translate(-50%)}.nc-btn{cursor:pointer;background:0 0;border:none;align-items:center;padding:.4rem .5rem;display:flex}.nc-btn:focus-visible{outline-offset:2px;outline:1px solid #fffc}.nc-btn img{object-fit:contain;filter:brightness(0)invert();opacity:.3;width:clamp(1.8rem,2.6vw,2.5rem);height:clamp(1.8rem,2.6vw,2.5rem);transition:opacity .3s}.nc-btn:hover img{opacity:.65}.nc-btn[data-active] img{opacity:1}.nc-caption{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:10;position:absolute;top:calc(50% + clamp(14rem,26vw,22rem));left:50%;transform:translate(-50%)}.nc-mini-scene{perspective:400px;width:45px;height:45px;margin:0 auto 1.5rem;position:relative}.nc-mini{--ms:45px;width:var(--ms);height:var(--ms);transform-style:preserve-3d;will-change:transform;transform:rotateX(90deg)rotateY(0)}.nc-mini__face{backface-visibility:hidden;background:#000c;border:1px solid #fff6;justify-content:center;align-items:center;font-family:DM Mono,monospace;font-size:1.2rem;font-weight:700;display:flex;position:absolute;inset:0}.nc-mini__face[data-face=front]{transform:translateZ(calc(var(--ms) / 2))}.nc-mini__face[data-face=back]{transform:rotateY(180deg) translateZ(calc(var(--ms) / 2))}.nc-mini__face[data-face=right]{transform:rotateY(90deg) translateZ(calc(var(--ms) / 2))}.nc-mini__face[data-face=left]{transform:rotateY(-90deg) translateZ(calc(var(--ms) / 2))}.nc-mini__face[data-face=top]{transform:rotateX(-90deg) translateZ(calc(var(--ms) / 2))}.nc-mini__face[data-face=bottom]{transform:rotateX(90deg) translateZ(calc(var(--ms) / 2))}.nc-mini__face span{font:inherit;color:#fff}.nc-mini__face[data-face=bottom] span{display:inline-block;transform:rotate(90deg)}@media (max-width:768px){.nc-cube{--s:min(68vw, 52vh, 260px)}.nc-strip{display:none}.nc-nav{gap:10px;padding-top:10px}.nc-btn img{width:clamp(1.1rem,5vw,1.6rem);height:clamp(1.1rem,5vw,1.6rem)}}