/* ==========================================================================
   WHO WE ARE (photo collage + stat blocks)
   Markup lives in: page-templates/home.php (section "2. WHO WE ARE")
   ========================================================================== */

.who-we-are-section,
.who-we-are,
.about-preview {
	position: relative;
	z-index: 1;
	padding-top: 100px !important; /* Clears the 60px card overlap with breathing room */
	padding-bottom: 80px !important;
}

.who-we-are__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--space-xl);
	align-items: center;
}

.who-we-are__gallery {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--space-sm);
}

.who-we-are__gallery img {
	width: 100%;
	height: 220px;
	object-fit: cover;
	border-radius: var(--radius-card);
	display: block;
}

.stat-row {
	display: flex;
	gap: var(--space-lg);
	border-top: 1px solid #e5e7eb;
	padding-top: var(--space-md);
	margin: var(--space-md) 0;
}

.stat-block {
	display: flex;
	flex-direction: column;
	border-left: 2px solid var(--color-accent, #FE5C08);
	padding-left: var(--space-sm);
}

.stat-block__number {
	font-family: var(--font-display);
	font-size: 32px;
	font-weight: var(--fw-semibold);
	color: var(--color-primary, #03193C);
}

.stat-block__label {
	font-size: 13px;
	color: var(--color-text-muted);
	max-width: 140px;
}

/* ---------------- Responsive ---------------- */
@media (max-width: 900px) {
	.who-we-are__grid { grid-template-columns: 1fr; }
	.stat-row { flex-wrap: wrap; }
}

@media (max-width: 768px) {
	.who-we-are-section,
	.who-we-are,
	.about-preview {
		position: relative !important;
		z-index: 1 !important;
		padding-top: 85px !important; /* Clears the 50px card overlap with breathing room */
		margin-top: 0 !important;
	}

	.who-we-are .container,
	.who-we-are__grid {
		display: flex !important;
		flex-direction: column !important;
	}

	.who-we-are__content {
		display: contents;
	}

	/* 1. Subtitle, Heading & Text Content */
	.who-we-are__header,
	.who-we-are__text {
		order: 1 !important;
	}

	/* 2. Counter / Experience Stats */
	.who-we-are__counter,
	.who-we-are__stats {
		order: 2 !important;
		margin-bottom: 24px !important;
	}

	/* 3. Image Collage */
	.who-we-are__collage,
	.who-we-are__images,
	.who-we-are__gallery {
		order: 3 !important;
		margin: 0 0 28px 0 !important;
		width: 100% !important;
	}

	/* 4. Action CTA Button */
	.who-we-are__cta,
	.who-we-are .btn {
		order: 4 !important;
		display: inline-flex !important;
		align-self: flex-start !important;
		margin-top: 0 !important;
	}
}