#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-weight:400;text-transform:uppercase;letter-spacing:var(--ls)}.project-text-name,.project-text-role{font-size:var(--fs-2xl);line-height:var(--lh-sm);opacity:.5;transition:opacity .2s}.project-text-role{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:var(--ls-sm);line-height:var(--lh-sm)}#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:var(--fs-md);font-weight:500;font-family:var(--font-primary);letter-spacing:var(--ls);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:0;padding-bottom:5rem}.project-text-separator{font-size:var(--fs-5xl);line-height:var(--lh-sm);letter-spacing:var(--ls);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:3/2;overflow:hidden;background-color:var(--color-surface)}.project-image:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:50%;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent);pointer-events:none;z-index:1}.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(.9);transition:filter .5s ease;will-change:transform,filter}.project-image:hover img{filter:brightness(1)}.project-info{position:absolute;bottom:0;background-color:transparent;display:flex;justify-content:space-between;align-items:end;gap:10px;width:100%;padding:10px;z-index:2}.project-title{font-size:var(--fs-xl);letter-spacing:var(--ls);text-transform:uppercase;color:var(--white);margin-bottom:0}.project-role{font-size:var(--fs-lg);font-style:italic;color:var(--white)}@media (max-width:1024px){.project-item{width:100%}.project-text-name,.project-text-role{font-size:var(--fs-lg)}}@media (max-width:640px){#project .container{padding:0!important}.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 10px}.project-mode-toggle span{display:none}.project-grid{display:grid;grid-template-columns:1fr;padding-bottom:0}.project-text-separator{margin:5rem 2rem}.project-image{aspect-ratio:1/1}.project-title{font-size:var(--fs-md)}.project-role{font-size:.9rem}.project-text-wrapper{padding:1rem 10px 5rem}.project-text-item{flex-direction:column;justify-content:start;gap:8px;padding:18px 0 13px}.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:var(--fs-md);opacity:1}}