.gallery-container{position:relative;width:100vw;height:100vh;overflow:hidden;cursor:-webkit-grab;cursor:grab;background-color:var(--base-500)}.canvas{will-change:transform}.canvas,.item{position:absolute}.item{width:120px;height:160px;overflow:hidden;cursor:pointer;border-radius:.5rem}.expanded-item,.item img{opacity:.7!important}.expanded-item{position:fixed;z-index:10;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--base-500);border-radius:.5rem;overflow:hidden;cursor:pointer;filter:contrast(1.1)!important}.gallery-container img{object-fit:cover;filter:contrast(1.1)!important}.gallery-container img,.overlay{width:100%;height:100%;pointer-events:none}.overlay{position:fixed;top:0;left:0;background-color:var(--base-500);transition:opacity .3s ease;opacity:0;z-index:2}.overlay.active{pointer-events:auto;opacity:1}.project-title{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:100%;text-align:center;pointer-events:none;z-index:20}.project-title p{position:relative;height:4rem;color:#fff;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.project-title p .word{position:relative;display:inline-block;font-size:3rem;letter-spacing:-.02rem;margin-right:.1em;transform:translateY(0);will-change:transform}