body{box-sizing:border-box;width:100%;height:auto;min-height:100vh;margin-bottom:0;padding-top:45px;overflow:hidden}html.embedded-project body{padding-top:0}html.embedded-project header.top,html.embedded-project header.bottom{display:none}.cubes-container{perspective:2000px;box-sizing:border-box;grid-template-columns:repeat(4,1fr);align-content:start;width:100vw;min-height:100vh;padding-top:14px;display:grid}.cube-wrapper{perspective:2000px;flex-direction:column;justify-content:flex-start;align-items:center;height:440px;display:flex}.cube-link{color:inherit;text-decoration:none;display:block}.cube{width:400px;height:400px;transform-style:preserve-3d;cursor:pointer;will-change:transform;position:relative}.cube-face{background-position:50%;background-size:cover;justify-content:center;align-items:center;width:400px;height:400px;display:flex;position:absolute}.cube-face:first-child{transform:translateZ(200px)}.cube-face:nth-child(2){transform:rotateY(180deg)translateZ(200px)}.cube-face:nth-child(3){transform:rotateY(-90deg)translateZ(200px)}.cube-face:nth-child(4){transform:rotateY(90deg)translateZ(200px)}.cube-face:nth-child(5){transform:rotateX(90deg)translateZ(200px)}.cube-face:nth-child(6){transform:rotateX(-90deg)translateZ(200px)}.cube--wrapped .cube-face{background-repeat:no-repeat;background-size:300% 220%;background-image:var(--wrap-image)!important}.cube--wrapped .cube-face.front{background-position:50%}.cube--wrapped .cube-face.right{background-position:86%}.cube--wrapped .cube-face.back{background-position:14%}.cube--wrapped .cube-face.left{background-position:74%}.cube--wrapped .cube-face.top{background-position:50% 12%}.cube--wrapped .cube-face.bottom{background-position:50% 88%}@media screen and (width<=1024px){.cubes-container{grid-template-columns:repeat(2,320px);justify-content:center;gap:12px;padding:12px}.cube,.cube-face{width:320px;height:320px}.cube-face:first-child{transform:translateZ(160px)}.cube-face:nth-child(2){transform:rotateY(180deg)translateZ(160px)}.cube-face:nth-child(3){transform:rotateY(-90deg)translateZ(160px)}.cube-face:nth-child(4){transform:rotateY(90deg)translateZ(160px)}.cube-face:nth-child(5){transform:rotateX(90deg)translateZ(160px)}.cube-face:nth-child(6){transform:rotateX(-90deg)translateZ(160px)}}@media screen and (width<=768px){.cubes-container{grid-template-columns:repeat(2,220px);justify-content:center;gap:10px;padding:10px}.cube,.cube-face{width:220px;height:220px}.cube-face:first-child{transform:translateZ(110px)}.cube-face:nth-child(2){transform:rotateY(180deg)translateZ(110px)}.cube-face:nth-child(3){transform:rotateY(-90deg)translateZ(110px)}.cube-face:nth-child(4){transform:rotateY(90deg)translateZ(110px)}.cube-face:nth-child(5){transform:rotateX(90deg)translateZ(110px)}.cube-face:nth-child(6){transform:rotateX(-90deg)translateZ(110px)}}@media screen and (width<=480px){.cubes-container{grid-template-columns:repeat(2,1fr);gap:8px;padding:8px}.cube,.cube-face{width:140px;height:140px}.cube-face:first-child{transform:translateZ(70px)}.cube-face:nth-child(2){transform:rotateY(180deg)translateZ(70px)}.cube-face:nth-child(3){transform:rotateY(-90deg)translateZ(70px)}.cube-face:nth-child(4){transform:rotateY(90deg)translateZ(70px)}.cube-face:nth-child(5){transform:rotateX(90deg)translateZ(70px)}.cube-face:nth-child(6){transform:rotateX(-90deg)translateZ(70px)}.project-name{margin-top:15px;font-size:14px}}