.panorama{position:absolute;inset:0;overflow:hidden;z-index:0;background:#0a0a12;-webkit-mask-image:linear-gradient(to bottom,#000 52%,rgba(0,0,0,.35) 82%,transparent 100%);mask-image:linear-gradient(to bottom,#000 52%,rgba(0,0,0,.35) 82%,transparent 100%);--cube: 200vmax;--half: 100vmax;perspective:var(--half);perspective-origin:50% 50%}.panorama-cube{position:absolute;top:50%;left:50%;width:var(--cube);height:var(--cube);margin:calc(var(--cube) / -2) 0 0 calc(var(--cube) / -2);transform-style:preserve-3d;animation:pano-orbit 45s linear infinite;will-change:transform}.panorama-face{position:absolute;inset:0;background-size:cover;background-position:center;transform-origin:50% 50%}.pf-front{transform:rotateY(0) translateZ(calc(var(--half) * -1)) scale(1.01)}.pf-back{transform:rotateY(180deg) translateZ(calc(var(--half) * -1)) scale(1.01)}.pf-right{transform:rotateY(-90deg) translateZ(calc(var(--half) * -1)) scale(1.01)}.pf-left{transform:rotateY(90deg) translateZ(calc(var(--half) * -1)) scale(1.01)}.pf-top{transform:rotateX(-90deg) translateZ(calc(var(--half) * -1)) scale(1.01)}.pf-bottom{transform:rotateX(90deg) translateZ(calc(var(--half) * -1)) scale(1.01)}@keyframes pano-orbit{0%{transform:rotateX(-3deg) rotateY(0)}to{transform:rotateX(-3deg) rotateY(360deg)}}.panorama-veil{position:absolute;inset:0;z-index:1;backdrop-filter:blur(2px) saturate(1.15);background:radial-gradient(120% 95% at 50% 8%,#08080b0d,#08080b9e 78%),linear-gradient(to bottom,#08080b47,#08080beb)}.skin3d{display:grid;place-items:center;perspective:900px;cursor:grab;user-select:none;touch-action:pan-y}.skin3d.dragging{cursor:grabbing}.skin3d-stage{transform-style:preserve-3d}.skin3d-model{position:relative;transform-style:preserve-3d;will-change:transform}.skin3d-box{position:absolute;left:0;top:0;transform-style:preserve-3d}.skin3d-face{position:absolute;left:50%;top:50%;image-rendering:pixelated;backface-visibility:hidden;background-repeat:no-repeat}@media(prefers-reduced-motion:reduce){.panorama-cube{animation-duration:240s}}