.projects-section{background-color:#222831;min-height:100vh;padding:6rem 0}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section-title{text-align:center;margin-bottom:3rem}.sub-title{color:#d4a017;text-transform:uppercase;letter-spacing:2px;margin-bottom:.5rem;font-size:1rem;font-weight:600}.main-title{color:#fff;font-size:2.5rem;font-weight:700}.filter-container{background:#ffffff0d;border-radius:50px;flex-wrap:wrap;justify-content:center;gap:10px;width:fit-content;margin-bottom:3rem;margin-left:auto;margin-right:auto;padding:10px;display:flex}.filter-btn{color:#aaa;cursor:pointer;background:0 0;border:none;border-radius:25px;outline:none;padding:10px 25px;font-size:.95rem;font-weight:600;transition:color .3s;position:relative}.filter-btn:hover{color:#fff}.filter-btn.active{color:#222831}.active-bg{z-index:0;background-color:#d4a017;border-radius:25px;position:absolute;inset:0}.filter-label{z-index:1;position:relative}.project-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;display:grid}.project-card{aspect-ratio:4/3;background-color:#2c3136;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}.project-card img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.project-card:hover img{transform:scale(1.1)}.project-overlay{opacity:0;background:linear-gradient(#0000 0%,#0003 50%,#000000e6 100%);flex-direction:column;justify-content:flex-end;width:100%;height:100%;padding:2rem;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.project-card:hover .project-overlay{opacity:1}.project-content{transition:transform .3s;transform:translateY(20px)}.project-card:hover .project-content{transform:translateY(0)}.project-category{color:#d4a017;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px;font-size:.85rem;font-weight:600;display:block}.project-title{color:#fff;margin-bottom:1rem;font-size:1.5rem;line-height:1.2}.project-link{color:#fff;border-bottom:1px solid #d4a017;align-items:center;padding-bottom:2px;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .3s;display:inline-flex}.project-link:hover{color:#d4a017}.status-badge{text-transform:uppercase;letter-spacing:.5px;z-index:2;border-radius:20px;padding:5px 12px;font-size:.75rem;font-weight:700;position:absolute;top:15px;right:15px;box-shadow:0 2px 10px #0003}.status-badge.completed{color:#fff;background-color:#27ae60}.status-badge.ongoing{color:#fff;background-color:#e67e22}.status-badge.upcoming{color:#fff;background-color:#3498db}.no-projects{text-align:center;color:#aaa;margin-top:3rem;font-size:1.2rem}@media (max-width:768px){.filter-container{border-radius:15px;width:100%}.filter-btn{text-align:center;flex:1 0 40%}}.show-more-container{text-align:center;margin-top:3rem}.show-more-btn{color:#222831;cursor:pointer;background-color:#d4a017;border:none;border-radius:50px;justify-content:center;align-items:center;padding:1rem 2.5rem;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #d4a01733}.show-more-btn:hover{background-color:#ffc107;transform:translateY(-4px);box-shadow:0 8px 25px #ffc1074d}