/* ================================
   TGW TEAM GALLERY - BASE STYLES
   (Layout comes from Elementor controls; this file only
   holds the structural + animation rules that must not change.)
================================ */

.tgw-gallery-wrap {
	width: 100%;
	box-sizing: border-box;
	background: #000000;
	overflow: hidden;
}

.tgw-gallery {
	position: relative;
	width: 100%;
	max-width: 900px;
	height: 650px;
	margin: 0 auto;
	--tgw-fade-duration: 300ms;
	--tgw-transition-duration: 600ms;
}

.tgw-card {
	position: absolute;
	overflow: hidden;
	border-radius: 18px;
	background: #111111;
	transform: translateZ(0);
	will-change: transform;
	box-sizing: border-box;
}

.tgw-card img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	opacity: 1;
	transform: scale(1.01);
	transition:
		opacity var(--tgw-fade-duration, 300ms) ease,
		transform var(--tgw-transition-duration, 600ms) ease;
}

/* Applied by JS while an image is swapping */
.tgw-card img.tgw-changing {
	opacity: 0;
	transform: scale(1.04);
}

.tgw-card img.tgw-changing{opacity:0;transform:scale(1.06);filter:blur(3px);transition:opacity .6s ease,transform .6s ease,filter .6s ease;}