/*** Module: In the News ***/

.module.in-the-news {
	color: var(--white);
	overflow-x: clip;
	padding-block: var(--module-spacing-medium);
}

.module.in-the-news .bg-field {
	background: var(--euphoric-blue);
	background-size: 200% 200%, 220% 220%, 240% 240%, 100% 100%;
}

@media (prefers-reduced-motion: no-preference) {

	.module.in-the-news .bg-field {
		animation: euphoria-drift var(--euphoria-drift-duration) ease-in-out infinite;
	}

}

/** Intro — heading over the see-more link **/

.module.in-the-news .intro {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: var(--text-spacing-medium);
	grid-column: 1 / span 4;
}

/** Cards — 2-up press mentions **/

.module.in-the-news .cards {
	display: grid;
	gap: var(--text-spacing-xlarge);
	grid-column: 5 / -1;
	grid-template-columns: repeat(2, 1fr);
	list-style: none;
	margin: 0;
	padding: 0;
}

/***************************************************************************************************************************************************************************************/
/* MQ MAX-WIDTH 950 - Tablet Sizes */
/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: calc(950rem / 16)) {

	.module.in-the-news .intro,
	.module.in-the-news .cards {
		grid-column: 1 / -1;
	}

	.module.in-the-news .cards {
		margin-top: var(--text-spacing-small);
	}

}

/***************************************************************************************************************************************************************************************/
/* MQ MAX-WIDTH 650 - Mobile Sizes */
/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: calc(650rem / 16)) {

	.module.in-the-news {
		padding-block: var(--text-spacing-xlarge);
	}

	.module.in-the-news .intro {
		gap: var(--text-spacing-small);
	}

	.module.in-the-news .cards {
		grid-template-columns: 1fr;
		margin-top: 0;
	}

}