.people_grid_container {
	display: grid;
	gap: var(--universal-gap);
}

.people_grid_main_grid {
	display: grid;
	gap: var(--universal-gap);
}

.people_grid_main_person {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(400px, 100%), 1fr));
	background-color: var(--color-light-grey);
}

.main_person_left {
	min-height: 450px;
	position: relative;
}

.main_person_left img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}

.main_person_right {
	display: flex;
	gap: var(--universal-gap);
	justify-content: space-between;
	flex-direction: column;
	padding: var(--box-padding);
}

.people_grid_sub_grid {
	display: grid;
	gap: var(--universal-gap);
	grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 900px) {
	.people_grid_sub_grid {
		grid-template-columns: repeat(1, 1fr);
	}
}

.people_grid_sub_grid_headline {
	margin-top: var(--universal-gap);
}

.sub_person_grid_item {
	background-color: var(--color-blue);
	color: var(--color-white);
}

.sub_person_grid_item:hover {
	text-decoration: none;
}

.sub_person_grid_item .sub_person_info_right .blob {
	transition: all 300ms ease;
}

.sub_person_grid_item:hover .sub_person_info_right .blob {
	transform: translateX(-10px);
}

.sub_person_image img {
	aspect-ratio: 7 / 4;
	object-fit: cover;
}

.sub_person_info {
	padding: var(--box-padding);
	display: grid;
	gap: var(--universal-gap);
	grid-template-columns: auto 50px;
}

.sub_person_info h3 {
	margin-bottom: 8px;
}

.sub_person_info span {
	font-weight: normal;
	font-size: var(--fs-4);
}


