.projects-gallery{background:var(--gray-50)}.projects-grid{gap:var(--space-xl)}.project-card{transition:opacity .4s ease,transform .4s ease,box-shadow var(--transition-base)}.project-card.hidden{opacity:0;transform:scale(.85);pointer-events:none;position:absolute;width:0;height:0;overflow:hidden;margin:0;padding:0}.project-card.showing{animation:projectReveal .5s ease forwards}@keyframes projectReveal{0%{opacity:0;transform:scale(.88) translateY(15px)}to{opacity:1;transform:scale(1) translateY(0)}}.project-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-xl);box-shadow:inset 0 0 #0ea5b500;transition:box-shadow var(--transition-base);pointer-events:none;z-index:1}.project-card:hover:after{box-shadow:inset 0 0 0 3px #0ea5b580}.filter-bar{padding:var(--space-md) 0}.filter-btn{position:relative;overflow:hidden}.filter-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--teal),var(--teal-dark));opacity:0;transition:opacity var(--transition-base);z-index:-1;border-radius:inherit}.filter-btn.active:before{opacity:1}.projects-count{text-align:center;margin-bottom:var(--space-xl);font-family:var(--font-heading);font-size:var(--text-sm);color:var(--gray-400);font-weight:500;transition:opacity var(--transition-base)}.lightbox-body .badge{margin-bottom:var(--space-md)}.lightbox-body h3{font-size:var(--text-2xl)}.lightbox-body p{color:var(--gray-600);line-height:1.8}.lightbox-body .btn{margin-top:var(--space-md)}.projects-empty{text-align:center;padding:var(--space-4xl) var(--space-xl);display:none}.projects-empty.visible{display:block}.projects-empty-icon{width:80px;height:80px;margin:0 auto var(--space-xl);background:var(--gray-100);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--gray-400)}.projects-empty-icon svg{width:36px;height:36px}.projects-empty h3{color:var(--gray-600);margin-bottom:var(--space-sm)}.projects-empty p{color:var(--gray-400)}@media(max-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.projects-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}.lightbox-content{width:95%}.lightbox-body h3{font-size:var(--text-xl)}}@media(max-width:480px){.filter-bar{gap:var(--space-xs)}.filter-btn{padding:7px 14px;font-size:.7rem}}