/* PROJECTS PAGE */
.filter-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:40px;}
.filter-btn{padding:10px 22px;border-radius:30px;border:1.5px solid var(--black-border);background:var(--black-card);color:var(--text-body);font-family:var(--font-body);font-size:0.88rem;font-weight:600;cursor:pointer;transition:var(--transition);}
.filter-btn:hover{border-color:var(--orange);color:var(--orange);}
.filter-btn.active{background:var(--orange);color:var(--white);border-color:var(--orange);}
.projects-masonry{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.proj-card{background:var(--black-card);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--black-border);transition:var(--transition);}
.proj-card:hover{border-color:rgba(255,107,26,0.35);transform:translateY(-4px);box-shadow:var(--shadow-orange);}
.proj-img{height:210px;overflow:hidden;}
.proj-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.45s ease;}
.proj-card:hover .proj-img img{transform:scale(1.07);}
.proj-info{padding:22px;}
.proj-cat{display:inline-block;background:rgba(255,107,26,0.12);color:var(--orange);font-size:0.7rem;font-weight:700;padding:4px 10px;border-radius:4px;text-transform:uppercase;letter-spacing:0.07em;margin-bottom:10px;}
.proj-info h3{font-family:var(--font-head);font-size:1.05rem;font-weight:700;color:var(--white);margin-bottom:8px;}
.proj-info p{font-size:0.84rem;color:var(--text-body);line-height:1.6;margin-bottom:12px;}
.proj-meta{display:flex;gap:16px;flex-wrap:wrap;}
.proj-meta span{font-size:0.78rem;color:var(--gray-600);display:flex;align-items:center;gap:5px;}
.proj-meta i{color:var(--orange);font-size:0.72rem;}
.proj-cta{background:var(--orange);padding:72px 0;}
.proj-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;}
.proj-cta-inner h2{font-family:var(--font-head);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;color:var(--white);margin-bottom:8px;}
.proj-cta-inner p{color:rgba(255,255,255,0.85);}
.proj-cta .btn-primary{background:var(--white);color:var(--orange);border-color:var(--white);}
.proj-cta .btn-primary:hover{background:var(--black);color:var(--white);border-color:var(--black);}
@media(max-width:900px){.projects-masonry{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){.projects-masonry{grid-template-columns:1fr;}.proj-cta-inner{flex-direction:column;text-align:center;}}