/* HANDOFF */

.HANDOFF {
	position: relative;
}

.HANDOFF .headings {
	display: flex;
	gap: var(--s8);
	margin-bottom: var(--s5);
}

.HANDOFF .headings .heading {
	flex: 1 1 0;
	color: var(--med-blue-400);
	margin-top: 0;
}

.HANDOFF .rows {
	display: flex;
	flex-direction: column;
	gap: var(--s4);
}

.HANDOFF .row {
	position: relative;
	display: flex;
	align-items: center;
	gap: var(--s8);
	background: var(--light-blue-300);
	border-radius: 4rem;
	padding: var(--s5) var(--s6);
}

.HANDOFF .row .content {
	flex: 1 1 0;
}

.HANDOFF .row .content p:first-child {
	margin-top: 0;
}

.HANDOFF .row .content p:last-child {
	margin-bottom: 0;
}

.HANDOFF .row-label {
	display: none;
}

.HANDOFF :is(h3, h4, h5, h6) {margin-top: 0!important;}

.HANDOFF .row .arrow {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	line-height: 0;
	z-index: 1;
}

@media screen and (max-width: 960px) {
	.HANDOFF .headings {
		display: none;
	}

	.HANDOFF .rows {
		gap: var(--s3);
	}

	.HANDOFF .row {
		flex-direction: column;
		align-items: stretch;
		gap: var(--s3);
		padding: var(--s4);
		border-radius: 2rem;
	}

	.HANDOFF .row .arrow {
		position: static;
		align-self: self-start;
		transform: rotate(90deg);
	}

	.HANDOFF .row-label {
		display: block;
		color: var(--med-blue-400);
		margin-top: 0;
		margin-bottom: var(--s2);
	}
}