html[data-v-23c84f23]{scroll-behavior:smooth}.scene[data-v-23c84f23]{height:900px;left:45%;margin:0;perspective:1500px;position:fixed;top:50%;transform:translate(-50%,-50%);width:1200px;z-index:0}.cube-grid[data-v-23c84f23]{display:grid;gap:100px 200px;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,1fr);height:100%;left:-100px;padding:100px 0;place-items:center;position:absolute;top:0;width:100%}.cube[data-v-23c84f23]{position:relative;transform:translateZ(-75px);transform-style:preserve-3d;transition:transform .1s ease-out}.cube[data-v-23c84f23],.cube__face[data-v-23c84f23]{height:150px;width:150px}.cube__face[data-v-23c84f23]{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:2px solid #fff;position:absolute}.cube__face--front[data-v-23c84f23]{transform:rotateY(0) translateZ(75px)}.cube__face--right[data-v-23c84f23]{transform:rotateY(90deg) translateZ(75px)}.cube__face--back[data-v-23c84f23]{transform:rotateY(180deg) translateZ(75px)}.cube__face--left[data-v-23c84f23]{transform:rotateY(-90deg) translateZ(75px)}.cube__face--top[data-v-23c84f23]{transform:rotateX(90deg) translateZ(75px)}.cube__face--bottom[data-v-23c84f23]{transform:rotateX(-90deg) translateZ(75px)}