/* Filter Tabs */
.portfolio-filter-tabs { display: flex; justify-content: center; gap: 15px; margin-bottom: 30px; }
.portfolio-filter-btn {
    padding: 8px 24px; border: none; border-radius: 5px; font-weight: 600; font-size:15px;
    cursor: pointer; background: #f0f0f0; color: #333; transition: all 0.3s;
	white-space: nowrap;
}
.portfolio-filter-btn.active { background: var(--contrast); /* Warna keemasan mirip referensi */ color: #fff; }

/* Grid System */
.portfolio-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; }

/* Card Design (Mendekati portfolio.jpg) */
.portfolio-card { position: relative; overflow: hidden; display: block; border-radius:8px;}
.portfolio-img-wrap { width: 100%;}
.portfolio-img-wrap img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; display: block;}

/* White Info Box Floating */
.portfolio-card-content {
	position: absolute;
	padding: 30px;
	bottom: 0;
	height: 50%;
	background-image: linear-gradient(0deg,#000 10%,rgba(255,255,255,0) 100%);
	width: 100%;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.portfolio-card-content h2 { margin: 0 0 3px; font-size: 18px; font-weight: bold;}
.portfolio-project-info { font-size: 14px; color: #555; }
.portfolio-project-info p { margin: 0!Important; }
.portfolio-excerpt,
.portfolio-excerpt p { margin: 0!Important; color:#fff!important; font-size:14px;}
.link_abs {
	position:absolute;
	display:block;
	text-indent:-9000px;
	width:100%;
	height:100%;
	left:0;
	top:0;
	opacity:0;
}

@media only screen and (max-width: 1200px) {
	.portfolio-grid {
		grid-template-columns: 1fr 1fr;
	}
}


@media only screen and (max-width: 767px) {
	.portfolio-filter-tabs {
		justify-content: flex-start;
		overflow: scroll;
	}
	.portfolio-grid {
		grid-template-columns: 1fr;
	}
}