/*
 * Ritratti delle persone.
 *
 * Due colonne su schermo largo, una sotto i 620px. Le variabili sono quelle
 * del tema, con un valore di riserva per restare leggibile altrove.
 */

.hs-people {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.6rem;
	margin: 2rem 0 2.5rem;
}

.hs-people__item {
	margin: 0;
}

.hs-people__img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	background: var(--sand, #ddd2c0);
}

.hs-people__caption {
	display: block;
	margin-top: .7rem;
}

.hs-people__name {
	display: block;
	font-weight: 600;
	color: var(--ink, #11100e);
}

.hs-people__role {
	display: block;
	margin-top: .15rem;
	font-size: .9rem;
	line-height: 1.4;
	color: var(--muted, #6f675b);
}

@media (max-width: 620px) {
	.hs-people {
		grid-template-columns: 1fr;
		gap: 1.8rem;
	}
}