.listicle-lvcva {
	/*==============================*/
	/*=====----- TEMPLATE -----=====*/
	/*==============================*/

	position: relative;
	z-index: 2;
	padding: var(--space-10) 0 0;
	margin-bottom: var(--space-20);
	color: var(--black);
	background: #f5f5f5;

	.widget-inner {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		align-items: start;
		align-content: start;
		gap: var(--space-10);
	}

	.header-outer {
		display: contents;
	}

	.widget-header {
		padding: 0 var(--space-5);
	}

	.widget-title {
		margin-bottom: var(--space-5);
		font-family: var(--font-display);
		font-weight: var(--font-weight-black);
		font-size: var(--text-4xl);
		line-height: 0.9;
		color: inherit;

		&::after {
			display: block;
			max-width: 337px;
			height: 1px;
			margin-top: var(--space-5);
			background: #d9d9d9;
			content: '';
		}
	}

	.widget-desc {
		margin: 0;
		font-family: var(--font-display);
		font-weight: var(--font-weight-semibold);
		font-size: 0.9375rem;
		line-height: 1.3;
		color: inherit;
	}

	.view-all-col {
		margin-top: var(--space-5);
	}

	.slides {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		align-items: start;
		align-content: start;
		gap: var(--space-10);
		padding: 0 var(--space-5);
	}

	.template-image {
		order: 1;

		.slide-img {
			width: 100%;
		}
	}

	/*============================*/
	/*=====----- SLIDES -----=====*/
	/*============================*/

	.slide {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		align-items: start;
		align-content: start;
		gap: var(--space-5);
	}

	.icon {
		display: block;
		font-size: 2.125rem;
		line-height: 1;
		color: var(--purple);
	}

	.slide-title {
		margin: 0;
		font-family: var(--font-display);
		font-weight: var(--font-weight-bold);
		font-size: var(--text-xl);
		line-height: 1.1;
		color: inherit;
	}

	.slide-desc {
		margin: 0;
		font-family: var(--font-spectral);
		font-weight: var(--font-weight-medium);
		font-size: var(--text-base);
		line-height: 1.3;
		color: inherit;
	}
	
	/*===================================*/
	/*=====----- MEDIA QUERIES -----=====*/
	/*===================================*/

	@media (min-width: 64em) {
		padding: 0;
		margin-bottom: 143px;
		background: none;

		&::before {
			position: absolute;
			inset: 0 361px 60px 0;
			z-index: -1;
			display: block;
			width: 100%;
			height: 100%;
			background: #f5f5f5;
			content: '';
			pointer-events: none;
		}

		.widget-inner {
			grid-template-columns: 50% minmax(0, 1fr);
			gap: 110px;
		}

		.header-outer {
			position: sticky;
			top: 0;
			display: block;
		}

		.widget-header {
			max-width: 700px;
			padding: 54px 0 0 81px;
			margin-bottom: 60px;
		}

		.widget-title {
			font-size: 3.75rem;
		}

		.widget-desc {
			font-size: 1.0625rem;
		}

		.slides {
			gap: 170px;
			padding: 135px 50px var(--space-10);
		}

		.slide {
			max-width: 460px;
		}

		.icon {
			font-size: 2.5rem;
		}

		.slide-title {
			font-size: 1.75rem;
		}

		.slide-desc {
			font-size: var(--text-lg);
		}
	}
}