.mrew-section,

.mrew-section * {

	box-sizing: border-box;

}



.mrew-section {

	--mrew-divider-color: #eaeaea;

	--mrew-divider-width: 1px;

	--mrew-item-padding: 24px;

	width: 100%;

	padding: 64px 80px;

	background: #f9f9f9;

}



.mrew-container {

	display: flex;

	flex-direction: column;

	gap: 32px;

	width: 100%;

	max-width: 1280px;

	margin-inline: auto;

}



.mrew-header {

	width: 100%;

	padding-bottom: 8px;

	border-bottom: 1px solid #eaeaea;

}



.mrew-header__content {

	display: flex;

	align-items: baseline;

	flex-wrap: wrap;

	gap: 12px;

}



.mrew-header__title,

.mrew-header__subtitle {

	margin: 0;

}



.mrew-header__title {

	font-family: "Outfit", Arial, sans-serif;

	font-size: 28px;

	font-weight: 900;

	line-height: 1.25;

	text-transform: uppercase;

	color: #111;

}



.mrew-header__subtitle {

	font-family: "Fraunces", Georgia, serif;

	font-size: 18px;

	font-style: italic;

	font-weight: 400;

	line-height: 1.4;

	color: #e03f54;

}



.mrew-items {

	display: grid;

	grid-template-columns: repeat(5, minmax(0, 1fr));

	column-gap: 32px;

	row-gap: 32px;

	width: 100%;

	margin: 0;

	padding: 0;

	list-style: none;

}



.mrew-item {

	display: flex;

	flex-direction: column;

	align-items: flex-start;

	gap: 12px;

	min-width: 0;

	margin: 0;

	padding: 0 0 0 var(--mrew-item-padding);

	border-inline-start: var(--mrew-divider-width) solid var(--mrew-divider-color);

}



/* Un nouveau bloc de cinq recommence sans séparateur gauche. */

.mrew-item:nth-child(5n + 1) {

	padding-inline-start: 0;

	border-inline-start: 0;

}



.mrew-item__number {

	display: block;

	font-family: "Outfit", Arial, sans-serif;

	font-size: 48px;

	font-weight: 900;

	line-height: 1.25;

	color: #e03f54;

}



.mrew-item__link {

	display: block;

	width: 100%;

	min-width: 0;

	color: inherit;

	text-decoration: none;

}



.mrew-item__content {

	display: flex;

	flex-direction: column;

	align-items: flex-start;

	gap: 6px;

	width: 100%;

	min-width: 0;

}



.mrew-item__category,

.mrew-item__title {

	display: block;

	width: 100%;

}



.mrew-item__category {

	font-family: "Outfit", Arial, sans-serif;

	font-size: 10px;

	font-weight: 700;

	line-height: 1.3;

	text-transform: uppercase;

	color: #e03f54;

}



.mrew-item__title {

	font-family: "Outfit", Arial, sans-serif;

	font-size: 16px;

	font-weight: 800;

	line-height: 1.25;

	color: #111;

	transition: color 160ms ease;

}



.mrew-item__link:hover .mrew-item__title,

.mrew-item__link:focus-visible .mrew-item__title {

	color: #e03f54;

}



.mrew-item__link:focus-visible {

	outline: 2px solid currentColor;

	outline-offset: 4px;

}



@media (max-width: 1024px) {

	.mrew-section {

		padding: 48px 32px;

	}



	.mrew-items {

		grid-template-columns: repeat(2, minmax(0, 1fr));

	}



	.mrew-item {

		padding-inline-start: var(--mrew-item-padding);

		border-inline-start: var(--mrew-divider-width) solid var(--mrew-divider-color);

	}



	.mrew-item:nth-child(odd) {

		padding-inline-start: 0;

		border-inline-start: 0;

	}

}



@media (max-width: 767px) {

	.mrew-section {

		padding: 36px 20px;

	}



	.mrew-header__content {

		align-items: flex-start;

		flex-direction: column;

	}



	.mrew-items {

		grid-template-columns: 1fr;

		row-gap: 0;

	}



	.mrew-item,

	.mrew-item:nth-child(odd) {

		padding: 24px 0 0;

		border-inline-start: 0;

		border-top: var(--mrew-divider-width) solid var(--mrew-divider-color);

	}



	.mrew-item:first-child {

		padding-top: 0;

		border-top: 0;

	}

}