/**
 * Sekcja: zespół.
 * Figma 14557:4271 — sekcja 1440×1141, nagłówek 48/57,6 w kolumnie 969 od y=100,
 * akapit 20/28 w kolumnie 315 przy prawej krawędzi, zdjęcie 1284×735 od y=325.
 */

.about-people {
	padding-block: var(--space-section) 81px;
	background-color: var(--color-white);
}

/* Akapit startuje dokładnie na x=969 wewnątrz kontenera (14557:4276), więc kolumny
   stykają się bez odstępu — 969 + 315 = 1284. */
.about-people__head {
	display: grid;
	grid-template-columns: 969px 315px;
	align-items: start;
}

.about-people__lead {
	margin: 0;
	font-size: var(--fs-h6);
	line-height: var(--lh-h5);
	letter-spacing: var(--ls-heading);
	color: var(--color-title);
}

.about-people__media {
	margin: 51px 0 0;
	overflow: hidden;
	border-radius: var(--radius-md);
}

.about-people__img {
	display: block;
	width: 100%;
	height: 735px;
	object-fit: cover;
	object-position: center 28%;
}

/* 969+315 = 1284 mieści się dopiero przy ramce 1440. Pomiędzy tablet a desktop
   kolumny się kurczą, żeby lead nie wystawał za prawą krawędź. */
@media (min-width: 992px) and (max-width: 1439px) {
	.about-people__head {
		grid-template-columns: minmax(0, 1fr) minmax(0, 315px);
	}

	.about-people__head > * {
		min-width: 0;
	}
}

@media (max-width: 991px) {
	.about-people__head {
		grid-template-columns: minmax(0, 1fr);
	}

	.about-people__media {
		margin-top: var(--space-lg);
	}

	.about-people__img {
		height: auto;
		aspect-ratio: 1284 / 735;
	}
}