/* Meet the Team — Polaroid Wall */

.fc-team-wall {
	--fc-team-tape: rgba(72, 101, 114, 0.35); /* washi tape tint - LWH brand teal */
	--fc-team-name: #1a1a1a;
	--fc-team-role: #767676;
	--fc-team-font: 'Chamberi Display', sans-serif;
	--fc-team-max-photo: 150px; /* max width of each photo, 3 per row */

	width: 100%;
	max-width: 480px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 22px;
	padding: 8px;
}

.fc-team-row {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	gap: 14px;
}

.fc-team-row--top .fc-team-polaroid,
.fc-team-row--bottom .fc-team-polaroid {
	flex: 1 1 0;
	min-width: 0;
	max-width: var(--fc-team-max-photo);
}

.fc-team-polaroid {
	position: relative;
	margin: 0;
	background: #fff;
	padding: 8px 8px 12px;
	box-shadow: 0 10px 18px rgba(0, 0, 0, 0.12), 0 2px 5px rgba(0, 0, 0, 0.08);
	transform: rotate(var(--tilt, -3deg));
	transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.fc-team-polaroid:hover {
	transform: rotate(0deg) translateY(-4px) scale(1.04);
	box-shadow: 0 18px 26px rgba(0, 0, 0, 0.18), 0 4px 8px rgba(0, 0, 0, 0.1);
	z-index: 2;
}

/* Small alternating tilt so the row still feels handmade, not a rigid grid */
.fc-team-polaroid--1 { --tilt: -4deg; }
.fc-team-polaroid--2 { --tilt: 3deg; }
.fc-team-polaroid--3 { --tilt: -3deg; }
.fc-team-polaroid--4 { --tilt: 4deg; }
.fc-team-polaroid--5 { --tilt: -2deg; }
.fc-team-polaroid--6 { --tilt: 3deg; }

.fc-team-polaroid__tape {
	display: block;
	position: absolute;
	top: -10px;
	left: 50%;
	width: 40px;
	height: 16px;
	background: var(--fc-team-tape);
	border: 1px solid rgba(0, 0, 0, 0.05);
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08);
	transform: translateX(-50%) rotate(-4deg);
	pointer-events: none;
	z-index: 1;
}

.fc-team-polaroid__photo {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background: #ddd;
}

/* !important guards against theme/core resets like `img { height: auto }`
   which otherwise stop the photo filling its frame and expose the grey
   background underneath it. */
.fc-team-polaroid__photo img {
	display: block !important;
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	object-fit: cover !important;
	filter: grayscale(20%) contrast(1.02);
	transition: filter 0.35s ease;
}

.fc-team-polaroid:hover .fc-team-polaroid__photo img {
	filter: grayscale(0%) contrast(1);
}

.fc-team-polaroid__caption {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	margin-top: 8px;
	font-family: var(--fc-team-font);
}

.fc-team-polaroid__name {
	font-size: 12px;
	font-weight: 500;
	color: var(--fc-team-name);
	line-height: 1.25;
}

.fc-team-polaroid__role {
	margin-top: 2px;
	font-size: 9px;
	font-weight: 400;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--fc-team-role);
}

/* Responsive */

@media (max-width: 420px) {
	.fc-team-wall {
		gap: 12px;
		padding: 4px;
	}

	.fc-team-row {
		gap: 8px;
	}
}