#project{padding-bottom:0}#curtains-canvas canvas,.curtains-canvas-container canvas{position:fixed!important;top:0;left:0;width:100%;height:100%}.project-curtains-plane{visibility:hidden!important}.project-text-wrapper{padding:1rem 0 5rem}.project-text-list{display:flex;flex-direction:column;gap:0}.project-text-item{border-bottom:1px solid var(--color-text);display:flex;justify-content:space-between;gap:0;padding:1.5rem 0;opacity:0;will-change:opacity}.project-text-item:hover .project-text-client,.project-text-item:hover .project-text-name{opacity:1}.project-text-name-wrapper .material-symbols-outlined{display:none}.project-text-name{font-size:var(--fs-2xl);font-weight:400}.project-text-client,.project-text-name{letter-spacing:-.02em;line-height:1;opacity:.5;transition:opacity .2s}.project-text-client{font-size:var(--fs-xl);text-align:end}.project-header{position:fixed;min-height:70vh;display:flex;justify-content:center;align-items:center;left:0;top:0;right:0;transform-origin:top center;will-change:transform}.project-header h2{font-size:11vw;font-weight:400;text-transform:uppercase;text-align:center;letter-spacing:-.05em;line-height:.9}#project h2>span:first-child{font-size:4vw;line-height:1;letter-spacing:-.03em}.project-content{margin-top:70vh;position:relative;background-color:var(--color-bg)}.project-mode-toggle{display:flex;justify-content:center;gap:1rem;width:100%;padding:2rem 0}.project-mode-toggle span{font-weight:500}.project-mode-toggle button{background-color:transparent;color:var(--color-text);font-size:var(--fs-md);font-weight:500;font-family:var(--font-primary);letter-spacing:-.5;text-transform:uppercase;border:none;outline:none}.project-mode-toggle button.active{cursor:not-allowed;pointer-events:none;position:relative}.project-mode-toggle button:before{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background-color:var(--color-text);transition:width .5s ease}.project-mode-toggle button.active:before{width:100%}.project-mode-toggle button:active{border:none;outline:none}.project-grid{padding:1rem 0 5rem;column-count:2;column-gap:1rem}.project-text-separator{font-size:var(--fs-4xl);line-height:1;letter-spacing:-.03em;text-align:center;margin:8rem 1rem;display:none}.project-item{display:flex;flex-direction:column;position:relative;width:100%;page-break-inside:avoid;break-inside:avoid;margin-bottom:1rem}.project-image{position:relative;width:100%;max-height:500px;overflow:hidden;background-color:var(--color-surface)}.project-image img{position:absolute;top:0;left:0;width:100%;height:115%!important;transform:translateZ(0);filter:brightness(.8);object-fit:cover;transform-origin:center center;transition:filter .5s ease;will-change:transform,filter}.project-image:hover img{filter:brightness(1)}.project-info{position:absolute;bottom:2rem;background-color:transparent;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}.project-title{font-size:var(--fs-2xl);font-weight:400;margin:0 2rem}.project-client,.project-title{letter-spacing:-.02em;text-align:center;color:var(--white)}.project-client{font-size:var(--fs-xl)}.view-cursor{position:fixed;top:0;left:0;width:80px;height:80px;border-radius:50%;background:var(--white);mix-blend-mode:difference;border:none;z-index:9999;display:flex;align-items:center;justify-content:center;font-size:var(--fs-md);font-weight:500;color:var(--black);text-transform:uppercase;transition:background .3s ease}.view-cursor,.view-cursor span{pointer-events:none}@media (max-width:1024px){.project-header h2{font-size:19vw}#project h2>span:first-child{font-size:7vw}}@media (max-width:640px){#project .container{padding:0}.project-header{min-height:60vh}.project-content{margin-top:60vh}.project-mode-toggle{justify-content:space-between;padding:2rem 1rem 1rem}.project-mode-toggle span{display:none}.project-grid{display:grid;grid-template-columns:1fr;grid-gap:0;gap:0;padding-bottom:0}.project-text-separator{display:block;margin:5rem 2rem}.project-item{margin-bottom:0}.project-image{max-height:280px}.project-text-wrapper{padding:1rem 1rem 5rem}.project-text-item{flex-direction:column;justify-content:start;gap:2px}.project-text-name-wrapper{position:relative;display:block;width:100%}.project-text-name-wrapper .material-symbols-outlined{display:inline-block;font-size:25px;position:absolute;right:-5px;top:-10%}.project-text-name{font-size:var(--fs-lg);opacity:1}.project-text-client{font-size:var(--fs-md);opacity:1}}