/**
 * Team page (Phase 18). Registered by public/class-team-page.php, enqueued
 * only on `/team/`.
 *
 * Breakpoints match public.css: sm: 576px  md: 768px  lg: 992px  xl: 1200px
 */

.emobility-team__header {
	max-width: 46rem;
	margin-bottom: var(--emobility-space-8);
}

.emobility-team-card {
	text-align: center;
}

.emobility-team-card__photo {
	width: 8rem;
	height: 8rem;
	margin: 0 auto var(--emobility-space-4);
	border-radius: var(--emobility-radius-full);
	overflow: hidden;
	background: var(--emobility-color-surface-muted);
}

@media (min-width: 992px) {
	.emobility-team-card__photo {
		width: 9.5rem;
		height: 9.5rem;
	}

	.emobility-team__grid {
		gap: var(--emobility-space-8);
	}
}

.emobility-team-card__photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.emobility-team-card__placeholder {
	display: block;
	width: 100%;
	height: 100%;
	background: var(--emobility-gray-200);
}

.emobility-team-card__name {
	font-size: var(--emobility-text-lg);
	margin-bottom: var(--emobility-space-1);
}

.emobility-team-card__position {
	font-size: var(--emobility-text-sm);
	margin-bottom: var(--emobility-space-3);
}

.emobility-team-card__bio {
	font-size: var(--emobility-text-sm);
	margin-bottom: 0;
}