.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}.project-title h1{position:relative;font-size:3rem;line-height:1;letter-spacing:-.02rem;transition:opacity .3s ease}.project-title h1,.project-title-caption{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-caption{position:absolute;top:0;left:0;width:100%}.project-title h1 .word,.project-title-caption .word{position:relative;display:inline-block;font-size:3rem;letter-spacing:-.02rem;margin-right:.1em;transform:translateY(0);will-change:transform}@media (max-width:768px){.project-title h1,.project-title h1 .word,.project-title-caption .word{font-size:1.3rem;white-space:nowrap}}