.highlights-container {
	position: relative;
	max-width: 1200px;
	padding: 0 var(--space-5);
	margin: 0 auto var(--widget-margin-bottom);

	.title {
		margin-bottom: var(--space-3);
		font-family: var(--font-contrast-condensed);
		font-weight: var(--font-weight-extrabold);
		font-size: 1.75rem;
		line-height: 1.2;
		color: var(--gray-dark);
	}

	.widgets {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		align-items: start;
		gap: 33px;
	}

	@media (min-width: 64em) {
		.widgets {
			grid-template:
				'slide1 slide2' auto
				'slide1 slide3' auto
				'links slide3' auto / 69.83% minmax(0, 1fr);
			gap: var(--space-5);
		}

		&:not(:has(.custom-link-list)) .widgets {
			grid-template:
				'slide1 slide2' auto
				'slide1 slide3' auto / 69.83% minmax(0, 1fr);
		}

		.title {
			margin-bottom: var(--space-4);
			font-size: 2.5rem;
		}
	}
}