/* ==========================================================================
   Portfolio cards — webcirclez.com creative overlay (UK-AirportParking style)
   ========================================================================== */

.wcz-portfolio-item {
	cursor: pointer;
}

.wcz-portfolio-thumb {
	line-height: 0;
}

.wcz-portfolio-overlay::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 0;
	background: radial-gradient(circle at 50% 35%, rgba(0, 194, 229, 0.12) 0%, transparent 55%);
	opacity: 0;
	transition: opacity 0.4s ease;
	pointer-events: none;
}

.wcz-portfolio-item:hover .wcz-portfolio-overlay::before {
	opacity: 1;
}

.wcz-portfolio-title {
	animation: wcz-portfolio-title-in 0.45s cubic-bezier(0.2, 0.8, 0.2, 1) both;
}

.wcz-portfolio-date {
	animation: wcz-portfolio-date-in 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) both;
}

@keyframes wcz-portfolio-date-in {
	from {
		opacity: 0;
		transform: translateY(-8px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes wcz-portfolio-title-in {
	from {
		opacity: 0;
		transform: translateY(12px) scale(0.96);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@media (prefers-reduced-motion: reduce) {
	.wcz-portfolio-title,
	.wcz-portfolio-date {
		animation: none;
	}
}