.projects-filter-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-12);overflow-x:auto;padding-bottom:var(--space-4);-webkit-overflow-scrolling:touch;scrollbar-width:none}.projects-filter-nav::-webkit-scrollbar{display:none}.filter-btn{background:var(--color-white);border:1px solid rgba(0,0,0,0.08);color:var(--color-gray-600);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);cursor:pointer;transition:all 0.4s cubic-bezier(0.16,1,0.3,1);white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,0.02)}.filter-btn:hover{background:rgba(141,198,63,0.05);color:var(--color-brand-green);border-color:rgba(141,198,63,0.3)}.filter-btn.active{background:var(--gradient-accent);color:var(--color-white);border-color:transparent;box-shadow:0 4px 16px rgba(141,198,63,0.3)}.projects-grid{margin-bottom:var(--space-16);margin-left:calc(var(--space-4) * -1);margin-right:calc(var(--space-4) * -1)}.projects-grid::after{content:'';display:block;clear:both}.grid-sizer,.project-item{width:33.333%;padding:var(--space-4);float:left}.project-card{position:relative;border-radius:var(--radius-2xl);overflow:hidden;background:var(--color-bg-secondary);display:flex;text-decoration:none;cursor:pointer;box-shadow:0 8px 30px rgba(0,0,0,0.06);aspect-ratio:4 / 3.2;animation:fadeInScale 0.6s cubic-bezier(0.16,1,0.3,1) forwards}@keyframes fadeInScale{0%{opacity:0;transform:scale(0.95)}100%{opacity:1;transform:scale(1)}}.project-image{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 0.8s cubic-bezier(0.16,1,0.3,1);z-index:1}.project-card::before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,22,40,0.85) 0%,rgba(10,22,40,0) 60%);z-index:2;transition:background 0.5s ease}.project-info{position:relative;z-index:3;padding:var(--space-8);display:flex;flex-direction:column;justify-content:flex-end;width:100%;height:100%}.project-category{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-body);font-size:11px;font-weight:var(--font-bold);color:var(--color-white);background:var(--color-brand-green);padding:6px 14px;border-radius:var(--radius-full);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:var(--tracking-wider);width:max-content;box-shadow:0 4px 10px rgba(141,198,63,0.3);transform:translateY(20px);opacity:0;transition:all 0.4s ease}.project-title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-white);margin:0 0 var(--space-2) 0;line-height:1.25;transform:translateY(30px);transition:transform 0.4s ease;text-shadow:0 2px 8px rgba(0,0,0,0.4)}.project-desc{font-size:var(--text-sm);color:rgba(255,255,255,0.8);margin:0;opacity:0;transform:translateY(30px);transition:all 0.4s ease;transition-delay:0.05s;display:flex;align-items:center;gap:8px}.project-desc svg{color:var(--color-brand-blue);flex-shrink:0}.project-btn-icon{position:absolute;top:var(--space-6);right:var(--space-6);width:44px;height:44px;background:rgba(255,255,255,0.15);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.3);border-radius:50%;display:flex;justify-content:center;align-items:center;color:var(--color-white);transform:rotate(-45deg) scale(0.8);opacity:0;transition:all 0.4s cubic-bezier(0.16,1,0.3,1)}.project-card:hover .project-image{transform:scale(1.06)}.project-card:hover::before{background:linear-gradient(0deg,rgba(10,22,40,0.95) 0%,rgba(10,22,40,0.3) 100%)}.project-card:hover .project-category{opacity:1;transform:translateY(0)}.project-card:hover .project-title{transform:translateY(0)}.project-card:hover .project-desc{opacity:1;transform:translateY(0)}.project-card:hover .project-btn-icon{opacity:1;transform:rotate(0) scale(1);background:var(--color-brand-green);border-color:var(--color-brand-green);box-shadow:0 4px 16px rgba(141,198,63,0.4)}@media (max-width:1200px){.project-title{font-size:var(--text-xl)}.project-info{padding:var(--space-6)}}@media (max-width:991px){.grid-sizer,.project-item{width:50%}}@media (max-width:767px){.projects-filter-nav{justify-content:flex-start;flex-wrap:nowrap;padding:0 var(--space-4) var(--space-4) var(--space-4);margin:0 calc(var(--space-4) * -1) var(--space-8)}.grid-sizer,.project-item{width:50% !important;padding:6px !important}.project-card{aspect-ratio:1 / 1 !important}.project-category,.project-title,.project-desc{transform:translateY(0) !important;opacity:1 !important}.project-card::before{background:linear-gradient(0deg,rgba(10,22,40,0.95) 0%,rgba(10,22,40,0) 75%) !important}.project-category{font-size:8px !important;padding:3px 8px !important;margin-bottom:6px !important}.project-title{font-size:clamp(0.9rem,3.5vw,1.15rem) !important;margin-bottom:2px !important}.project-desc{font-size:10px !important;gap:4px !important}.project-desc svg{width:11px !important;height:11px !important}.project-btn-icon{display:none !important}.project-info{padding:var(--space-3) !important;padding-bottom:var(--space-4) !important}.project-card:active{transform:scale(0.97) !important;box-shadow:0 5px 15px rgba(0,0,0,0.15) !important}}