.vp {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.vp__title {
	display: flex;
	flex-direction: column;
	margin-bottom; var(--spacer_32);
	align-items: center;
}

.vp__title--highlighted {
	width: fit-content;
	background-color: var(--tertiary_color);
	color: var(--white_color);
	padding: 0 var(--spacer_16);
}

.vp__title--colored {
	color: var(--tertiary_color);
}

.vp__video-container {
	max-width: 78rem;
	width: 100%;
	aspect-ratio: 780 / 438;
}

.vp__video-container iframe {
	width: 100%;
	height: 100%;
}

.vp__pictogram-list {
	display: flex;
	gap: var(--gutter_width_px);
	width: 100%;
	margin-top: var(--spacer_40);
	flex-flow: wrap;
	align-items: stretch;
	justify-content: center;
}

.vp__pictogram-list-item {
	padding: var(--spacer_36);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: calc((100% / 4) - (var(--gutter_width_px) / 4 * 3));
	min-width: 20rem;
	background-color: var(--white_color);
	min-width: 25rem;
}

.vp__pictogram-list-item--pictogram {
	gap: var(--spacer_8);
}

.vp__pictogram-list-item--text {
	font-size: var(--font_size_20);
	font-weight: var(--font_weight_700);
	line-height: 28px;
}

.vp__pictogram-list-item-caption {
	font-weight: 800;
	line-height: 36px;
}

.vp__pictogram-list-item-image {
	max-width: 5rem;
	max-height: 5rem;
	object-fit: contain;
}

.vp__button {
	margin-top: var(--spacer_40);
}