@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}body{font-family:Cormorant Garamond,sans-serif;background-color:#e3e3db;overflow:hidden}a,p{display:block;text-decoration:none;color:#fff;font-size:14px;font-weight:600;letter-spacing:-.01rem;-webkit-font-smoothing:antialiased}.logo{display:flex;align-items:center;gap:.5em}.logo img{width:32px;height:32px}.logo p{font-size:24px;font-weight:700;mix-blend-mode:difference}nav,footer{position:absolute;left:0;width:100vw;padding:1em;display:flex;justify-content:space-between;gap:2em;z-index:1000}nav{top:0}footer{bottom:0}.socials{display:flex;gap:2em}.socials a{font-size:24px;font-weight:500;letter-spacing:-.01rem}.socials svg{width:24px;height:24px;fill:#fff}.container{position:relative;width:100vw;height:100svh;overflow:hidden;cursor:grab}.canvas{position:absolute;will-change:transform}.item{position:absolute;width:240px;height:320px;overflow:hidden;background-color:#000;cursor:pointer}.expanded-item{position:fixed;z-index:100;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#e3e3db;overflow:hidden;cursor:pointer}img{width:100%;height:100%;object-fit:cover;pointer-events:none}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#e3e3db;pointer-events:none;transition:opacity .3s ease;opacity:0;z-index:2}.overlay.active{pointer-events:none;opacity:1}.project-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;pointer-events:none;z-index:1000}.project-title p{position:relative;font-size:48px;color:#fff;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.project-title p .word{position:relative;display:inline-block;font-family:Inter,sans-serif;letter-spacing:-.02rem;margin-right:.1em;transform:translateY(0);will-change:transform}