.work-canvas-wrapper{left:0;pointer-events:none;position:fixed;top:0}.work-canvas-wrapper,.work-canvas-wrapper canvas{height:100%;width:100%}.work-overview-page{position:relative}.work-overview-page .project{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;mix-blend-mode:difference;padding-left:var(--spacing-m);padding-right:var(--spacing-m);perspective:120px;position:fixed;width:100%;z-index:1}.work-overview-page .project .project-text{text-align:center}@media (min-width:1200px){.work-overview-page .project .project-text{transform:rotateY(calc(var(--mouse-x)*4deg)) rotateX(calc(var(--mouse-y)*-2deg));transform-origin:50% 50% 400px}}.work-overview-page .project .project-text h2{font-size:var(--font--2xl);-webkit-hyphens:auto;hyphens:auto;line-height:100%;margin-bottom:.6rem}@media (min-width:1200px){.work-overview-page .project .project-text h2{-webkit-hyphens:none;hyphens:none}}.work-overview-page .project .project-text p{font-size:1em;margin-bottom:var(--spacing-m);margin-left:auto;margin-right:auto;max-width:55ch}.work-overview-page .project .btn.project-button{background-color:transparent;pointer-events:auto;transform:translateZ(-30em)}.project-enter-active,.project-leave-active{transition:all .4s var(--bezier-smooth)}.project-enter-from,.project-leave-to{opacity:0}.project-enter-to,.project-leave-from{opacity:1}