.project-index{position:relative;width:100vw;min-height:100vh;background-color:var(--background);color:var(--foreground);scroll-snap-align:start;padding:1.5rem;flex-shrink:0}.project-index-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem;padding:4rem 10rem;max-width:1200px;margin:0 auto;min-height:calc(100vh - 3rem)}.hover-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;pointer-events:none;animation:fadeIn .4s cubic-bezier(.87,0,.13,1)}.hover-background img{width:100%;height:100%;object-fit:cover;opacity:.7}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.project-filter{display:flex;gap:3rem;justify-content:flex-start;align-items:center;width:100%;position:relative;z-index:2}.filter-btn{background:none;border:none;color:var(--foreground);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10px;font-weight:400;text-transform:capitalize;letter-spacing:.05em;cursor:pointer;padding:.5rem 0;opacity:.4;transition:opacity .3s ease;position:relative;display:block;white-space:nowrap;flex-shrink:0}.filter-btn.active,.filter-btn:hover{opacity:1}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:1.5rem 3rem;gap:1.5rem 3rem;max-width:100%}.project-grid,.project-link{width:100%;position:relative}.project-link{color:var(--foreground);text-decoration:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10px;font-weight:400;letter-spacing:.02em;cursor:pointer;opacity:.6;transition:opacity .3s ease;line-height:1.6;white-space:nowrap;overflow:visible;display:block;height:auto}.project-link:hover{opacity:1}.project-link.dimmed{opacity:.2}.project-link.hidden-by-filter{opacity:0;pointer-events:none}.project-grid>*{position:relative;z-index:1}.project-grid-mobile{display:none}.project-card{cursor:pointer;transition:transform .3s ease,opacity .3s ease}.project-card.hidden-by-filter{opacity:0;pointer-events:none;position:absolute;visibility:hidden}.project-card-image{width:100%;aspect-ratio:16/10;overflow:hidden;border-radius:6px;margin-bottom:.75rem;background:rgba(255,255,255,.05)}.project-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.project-card:active .project-card-image img{transform:scale(1.05)}.project-card-info{padding:0 .25rem}.project-card-name{font-size:13px;font-weight:500;margin:0 0 .25rem;line-height:1.4}.project-card-category{font-size:10px;opacity:.5;margin:0;text-transform:capitalize;letter-spacing:.05em}@media (max-width:1200px){.project-index-content{padding-left:5rem;padding-right:5rem}.project-grid-desktop{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1.5rem 2rem}}@media (max-width:768px){.project-index{height:auto;min-height:100vh;padding:1rem;scroll-snap-align:none}.project-index-content{gap:2rem;padding:4rem 1rem 2rem}.project-filter{gap:1.5rem;justify-content:center}.filter-btn{font-size:11px;padding:.5rem 0}.project-grid-desktop{display:none}.project-grid-mobile{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem;width:100%;max-width:100%}.hover-background{display:none}.sp-banner-img:after{display:none!important}}@media (max-width:480px){.project-grid-mobile{gap:1rem}.project-card-name{font-size:12px}.project-card-category{font-size:9px}}