.np-scene{background:transparent;isolation:isolate;overflow:clip}
.np-desk{position:absolute;inset:0;width:1728px;height:1117px;pointer-events:none}
.np-sheet{position:absolute;left:230px;top:65px;width:1380px;height:990px;pointer-events:none;z-index:2;filter:drop-shadow(1px 4px 3px #0003)}
.np-home{position:absolute;z-index:6;cursor:pointer;transform-origin:0 0}
.np-nav{position:absolute;top:955px;width:160px;height:155px;z-index:8;cursor:pointer;transition:translate .2s}
.np-previous{left:65px}.np-next{right:15px}
.np-nav img{width:100%;height:100%;object-fit:contain;pointer-events:none}
.np-previous:hover{translate:-4px 0}.np-next:hover{translate:4px 0}
.np-nav:focus-visible,.np-home:focus-visible{outline:3px solid #2776a0}
.np-leaf{position:absolute;top:65px;width:690px;height:990px;z-index:20;transform-style:preserve-3d;pointer-events:none}
.np-panel{position:absolute;top:0;width:230px;height:990px;transform-style:preserve-3d;transform-origin:left center}
.np-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:clip;background:#eee;}
.np-face img{position:absolute;top:0;width:1380px;height:990px;max-width:none}
.np-face::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0000000d,transparent 18%,transparent 90%,#00000009);pointer-events:none}
.np-back{transform:rotateY(180deg)}
@media(prefers-reduced-motion:reduce){.np-nav{transition:none}}

.np-stack{position:absolute;left:230px;top:65px;width:1380px;height:990px;pointer-events:none;z-index:1}
.np-sheet{filter:none}