#team {
	padding: 0 var(--sec-inlineP);
}
section > h2 {
	text-align: center;
	font-size: clamp(1.75rem, 1.97vw + 1.31rem, 3rem);
	color: var(--color-h2);
}
#team > h2 {
	padding: var(--heading-topP) 0 var(--heading-bottomP);
}
div.employees {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 1rem;
	padding-bottom: var(--heading-topP);
}
div.employee {
	width: 10rem;
	padding: 1.75rem;
	text-align: center;
	transition: all 0.1s ease-in;
}
div.employee > img {
	width: 100%;
	border-radius: 50%;
}
div.employee > h3 {
	margin: 1.5rem 0 0.25rem;
}
div.employee > p {
	font-size: 1.1rem;
	color: #999;
	margin: 0;
}
#history {
	padding: 0 var(--sec-inlineP);
}
#history > h2 {
	padding: var(--heading-topP) 0 var(--heading-topP);
}
#history ul {
	--col-gap: var(--heading-topP);
	--lineW: 0.25rem;
	display: grid;
	grid-template-columns: var(--lineW) 1fr;
	column-gap: var(--col-gap);
	list-style: none;
	width: min(60rem, 100%);
	padding: 0 0 var(--heading-topP);
	margin: auto;
}
#history ul::before {
	content: "";
	grid-column: 1;
	grid-row: 1 / span 10;
	background: white;
	border-radius: calc(var(--lineW) / 2);
	box-shadow: 0 0 .2rem rgba(0,0,0,0.2);
}
#history ul li:not(:last-child) {
  margin-bottom: var(--col-gap);
}
#history > ul > li > h3 {
	position: relative;
	text-align: center;
	padding: 0.75rem 0;
	margin: 0;
}
#history > ul > li > h3::before {
	position: absolute;
	content: "";
	aspect-ratio: 1;
	width: 1.25rem;
	right: calc(100% + var(--col-gap) + var(--lineW) / 2);
	transform: translate(50%, 0);
	border-radius: 50%;
	background: white;
	box-shadow: 0 0 .2rem rgba(0,0,0,0.2);
}
#history > ul > li > .descr {
	padding: 1.5rem;
	margin: 0;
	background-color: white;
	box-shadow: 0 0 .2rem rgba(0,0,0,0.2);
}
@media (hover: hover) {
	div.employee:hover { box-shadow: 0 0 .3rem rgba(0,0,0,0.2); }
}
@media (min-width: 44rem) {
  #history ul { grid-template-columns: 1fr var(--lineW) 1fr; }
  #history ul::before { grid-column: 2; }
	#history ul li { grid-row: span 2; }
  #history ul li:nth-child(odd) { grid-column: 1; }
  #history ul li:nth-child(even) { grid-column: 3; }
	#history ul li:nth-child(2) { grid-row: 2 / 4; }
  #history ul li:nth-child(odd) .date::before {
    transform: translate(-50%, 0);
    left: calc(100% + var(--col-gap) + var(--lineW) / 2);
  }
}