@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Newsreader:ital,opsz,wght@1,6..72,400;1,6..72,500&display=swap";:root{--plaster: #d9d5cb;--ink: #1b1917;--chrome-text: #fff}*{margin:0;padding:0;box-sizing:border-box;user-select:none}body{font-family:Inter,sans-serif;background-color:var(--plaster);overflow:hidden}a,p{display:block;text-decoration:none;color:var(--chrome-text);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;-webkit-font-smoothing:antialiased}a:focus-visible{outline:1px solid #fff;outline-offset:4px}nav,footer{position:absolute;left:0;width:100vw;padding:1.25em 1.5em;display:flex;align-items:baseline;justify-content:space-between;gap:2em;mix-blend-mode:difference;z-index:10000}nav{top:0}footer{bottom:0}.logo a{font-family:Newsreader,serif;font-style:italic;font-weight:500;font-size:20px;letter-spacing:0;text-transform:none}.links,.socials{display:flex;align-items:baseline;gap:2.5em}.socials{margin-left:1.5em}.container{position:relative;width:100vw;height:100vh;overflow:hidden;cursor:grab}.canvas{position:absolute;will-change:transform}.item{position:absolute;width:120px;height:160px;overflow:hidden;background-color:var(--ink);cursor:pointer}.item img{transition:transform .6s cubic-bezier(.23,1,.32,1)}.item:hover img{transform:scale(1.05)}.expanded-item{position:fixed;z-index:100;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--ink);overflow:hidden;cursor:pointer;box-shadow:0 30px 90px #1b19174d}img{width:100%;height:100%;object-fit:cover;pointer-events:none}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--plaster);pointer-events:none;transition:opacity .3s ease;opacity:0;z-index:2}.overlay.active{pointer-events:auto;opacity:1}.project-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;pointer-events:none;mix-blend-mode:difference;z-index:10000}.project-title p{position:relative;font-size:clamp(34px,5vw,56px);height:1.3em;color:#fff;text-transform:none;letter-spacing:-.01em;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}.project-title p .word{position:relative;display:inline-block;font-family:Newsreader,serif;font-style:italic;font-weight:400;font-size:inherit;margin-right:.18em;transform:translateY(0);will-change:transform}@media(prefers-reduced-motion:reduce){.item img{transition:none}.item:hover img{transform:none}}@media(max-width:768px){nav,footer{padding:.9em 1em;gap:.75em}a,p{font-size:10px;letter-spacing:.04em}.logo a{font-size:16px}.links{gap:1em;white-space:nowrap}.links>a:nth-child(3){display:none}.socials{display:none}footer p:first-child{max-width:56vw;line-height:1.5}.project-title p{font-size:30px;padding:0 16px}}