#project{padding-bottom:0}.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-name,.project-text-item:hover .project-text-role{opacity:1}.project-text-name-wrapper .material-symbols-outlined{display:none}.project-text-name{font-size:2.3rem;font-weight:400;text-transform:uppercase}.project-text-name,.project-text-role{letter-spacing:-.5;line-height:1;opacity:.5;transition:opacity .2s}.project-text-role{font-size:2rem;text-align:end}.project-text-hover-img{position:fixed;top:50%;left:50%;width:370px;height:370px;transform:translate(-50%,-50%);opacity:0;pointer-events:none;object-fit:cover;z-index:5000;transition:transform .35s ease}.project-text-item:hover+.project-text-hover-img{opacity:1;transform:translate(-50%,-50%)}.project-header{position:fixed;min-height:70vh;display:flex;justify-content:center;align-items:center;left:0;top:0;right:0}.project-header h1{font-size:13vw;font-weight:400;text-transform:uppercase;text-align:center;letter-spacing:-.03em;line-height:1}#project .project-number{font-size:5vw;letter-spacing:-.05em;line-height:1}.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:1rem;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{display:flex;flex-direction:column;gap:2rem;padding-bottom:5rem}.project-text-separator{font-size:4rem;line-height:1;letter-spacing:-.03em;text-align:center;margin:8rem 1rem}.project-item{display:flex;flex-direction:column;position:relative;width:50%}.project-image{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;background-color:var(--color-surface)}.project-image img{position:absolute;top:0;left:0;width:100%;height:115%!important;object-fit:cover;transform:translateZ(0);transform-origin:center;filter:brightness(.8);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-info-number{font-size:2.5rem;letter-spacing:-1px;line-height:1.3;display:none}.project-title{font-size:2.5rem;text-transform:uppercase;margin-bottom:0}.project-role,.project-title{letter-spacing:-.5;text-align:center;color:var(--white)}.project-role{font-size:1.5rem;font-style:italic}.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:14px;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-item{width:70%}.project-text-name,.project-text-role{font-size:1.5rem}}@media (max-width:640px){#project .container{padding:0}.project-header{min-height:60vh}.project-content{margin-top:55vh}.project-header h1{font-size:20vw}#project .project-number{font-size:110vw}.project-mode-toggle{justify-content:space-between;padding:1.5rem 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{font-size:2.5rem;margin:5rem 2rem}.project-item{width:100%}.project-image{aspect-ratio:1/1.2}.project-title{font-size:1.5rem;margin:0 2rem}.project-role{font-size:1rem}.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:-5px}.project-text-name,.project-text-role{font-size:1rem;opacity:1}}