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