.project-tabs-wrapper { width: 100%; }
.project-filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 40px; }
.filter-btn { border-radius: 999px; border: 1px solid rgba(17,17,17,.15); background: #fff; padding: 10px 16px; font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: .15em; color: rgba(17,17,17,.7); cursor: pointer; transition: .3s; }
.filter-btn:hover { border-color: #E1AF4A; color: #111; }
.filter-btn.active { background: #111; color: #fff; border-color: #111; }
.project-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.project-card { position: relative; height: 500px; overflow: hidden; background: #111; }
.project-card img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
.project-card:hover img { transform: scale(1.05); }
.overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.95), rgba(0,0,0,.25), transparent); }
.content { position: absolute; left: 20px; right: 20px; bottom: 20px; color: #fff; z-index: 2; }
.badge { display: inline-flex; align-items: center; padding: 6px 12px; border: 1px solid rgba(225,175,74,.6); background: rgba(0,0,0,.45); backdrop-filter: blur(6px); border-radius: 999px; font-size: 10px; letter-spacing: .18em; text-transform: uppercase; color: #E1AF4A; }
.content h3 { margin: 14px 0 6px; font-size: 24px; line-height: 1.2; color: #fff; }
.content p { margin: 0; font-size: 14px; color: rgba(255,255,255,.8); display: flex; align-items: center; }
.location-icon { display: inline-flex; align-items: center; margin-right: 5px; }
.hide { display: none !important; }