.home{padding-top:var(--spacing-m);padding-bottom:var(--spacing-xl)}.filter-row{align-items:center;gap:var(--spacing-m);margin-bottom:var(--spacing-m);border-bottom:1px solid #0000;flex-wrap:wrap;padding:8px 0;display:flex}.filter-btn{cursor:pointer;font-size:var(--font-size-caption);text-transform:capitalize;letter-spacing:.05em;color:var(--text-muted);font-family:var(--font-family-sans);background:0 0;border:none;padding-bottom:4px;transition:color .2s;position:relative}.filter-btn.active,.filter-btn:hover{color:var(--text-primary)}.filter-btn.active:after{content:"";background-color:var(--text-primary);width:100%;height:1px;position:absolute;bottom:0;left:0}.no-results{font-size:var(--font-size-body);color:var(--text-muted);text-align:center;padding:var(--spacing-xl) 0;grid-column:1/-1;font-style:italic}.project-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.project-card{flex-direction:column;text-decoration:none;display:flex}.image-wrapper{aspect-ratio:4/3;background-color:#3a42410d;position:relative;overflow:hidden}.image-wrapper img{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:transform .6s,filter .5s}.project-card:hover .image-wrapper img{filter:grayscale(0%);transform:scale(1.03)}.project-info{padding-top:var(--spacing-s);justify-content:space-between;align-items:baseline;gap:8px;display:flex}.project-title{font-family:var(--font-family-sans);font-weight:var(--font-weight-regular);font-size:var(--font-size-body);color:var(--text-primary);margin:0;transition:color .3s}.project-location{font-family:var(--font-family-sans);font-size:var(--font-size-caption);color:var(--text-muted);white-space:nowrap;font-style:italic;transition:color .3s}.project-card:hover .project-title,.project-card:hover .project-location{color:var(--interactive-color)}@media (max-width:600px){.project-grid{gap:var(--spacing-s);grid-template-columns:1fr}}