.filter-bar-wrapper{background-color:#fafafa;border-top:1px solid #d7d2cb;border-bottom:1px solid #d7d2cb;margin-bottom:2rem;padding:.75rem 0}.filter-bar-inner{width:100%}.filter-brand-text{letter-spacing:1px;color:#333;text-transform:uppercase;font-size:.75rem;font-weight:700}.filter-nav{gap:1.5rem;display:flex}.filter-nav-link{color:#666;cursor:pointer;background:0 0;border:none;padding:0;font-size:.9rem;transition:color .2s ease-in-out}.filter-nav-link:hover{color:#000}.filter-nav-link.active{color:#000;font-weight:600}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.nav.hide-scrollbar{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}
.project-grid-container{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;width:100%;display:grid}.project-card-wrapper{flex-direction:column;display:flex}.animate-fade-in{will-change:opacity, transform;animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeAndScale}@keyframes fadeAndScale{0%{opacity:0;transform:translateY(15px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.project-card-inner{background:#fff;border:1px solid #eaeaea;border-radius:8px;flex-direction:column;height:100%;transition:box-shadow .3s;display:flex;overflow:hidden}.project-card-inner:hover{box-shadow:0 10px 30px #00000014}.project-card-image-placeholder{background-color:#f4f4f4;background-position:50%;background-size:cover;height:200px;position:relative}.project-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#333;border-radius:4px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;position:absolute;top:1rem;left:1rem}.project-card-content{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.project-card-content h4{color:#111;margin-bottom:.25rem;font-size:1.25rem;font-weight:600}.client-name{color:#666;margin-bottom:1rem;font-size:.85rem;font-weight:500}.summary-text{color:#555;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:1.5rem;font-size:.95rem;line-height:1.5;display:-webkit-box;overflow:hidden}.view-project-btn{color:#000;cursor:pointer;background:0 0;border:none;align-items:center;margin-top:auto;padding:0;font-weight:600;transition:color .2s;display:inline-flex}.view-project-btn:hover{color:#555}.no-projects-message{text-align:center;color:#666;grid-column:1/-1;padding:4rem 0;font-size:1.1rem}