.zz-filter-bar {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--zz-space-sm);
	margin-bottom: var(--zz-space-xl);
}
.zz-filter {
	padding: 8px 20px;
	border-radius: 999px;
	border: 1px solid var(--zz-border);
	font-weight: 600;
	font-size: 0.9rem;
	color: var(--zz-gray);
	background: var(--zz-white);
	transition: background var(--zz-transition), color var(--zz-transition), border-color var(--zz-transition);
}
.zz-filter.is-active,
.zz-filter:hover { background: var(--zz-black); color: var(--zz-white); border-color: var(--zz-black); }

.zz-project-card {
	background: var(--zz-white);
	border-radius: var(--zz-radius-lg);
	overflow: hidden;
	border: 1px solid var(--zz-border);
	transition: transform var(--zz-transition), box-shadow var(--zz-transition);
}
.zz-project-card:hover { transform: translateY(-6px); box-shadow: 0 20px 40px rgba(17,17,17,0.1); }
.zz-project-card-thumb img { aspect-ratio: 4/3; object-fit: cover; width: 100%; }
.zz-project-card-body { padding: var(--zz-space-md); display: flex; align-items: center; justify-content: space-between; gap: var(--zz-space-sm); }
.zz-project-location { display: block; font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--zz-gold-dark); font-weight: 700; margin-bottom: 4px; }
.zz-project-card-body h3 { font-size: 1.05rem; margin: 0; }