.gallery-container{position:relative;width:100%;height:100vh;overflow:hidden;cursor:-webkit-grab;cursor:grab;background-color:var(--perfect-brick)}.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(--perfect-brick);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(--perfect-brick);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}:focus{outline:none!important}.expanded-item,.expanded-item *{outline:none!important;box-shadow:none!important}.expanded-item .nav-btn:focus,.expanded-item img:focus,.expanded-item:focus{outline:none!important;border:none!important}.back-btn{position:absolute;left:2rem;top:2rem;font-size:1.25rem;color:white;background:rgba(0,0,0,.35);padding:.5rem 1rem;border-radius:.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;z-index:50}.expanded-item img{width:100%;height:100%;object-fit:cover}