.article-card {
	position: relative;
	z-index: 1;
}

.article-card__media {
	position: relative;
	overflow: hidden;
	background: var(--c-beige);
}

.article-card__image-link {
	display: block;
	height: 100%;
}

.article-card__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.9s var(--ease-out);
}

@media (hover: hover) {
	.article-card:hover .article-card__image {
		transform: scale(1.045);
	}

	.article-card:hover .article-card__title a {
		text-decoration-color: currentColor;
	}

	.article-card:hover .article-card__more::after {
		width: 100%;
	}

	.article-card:hover .article-card__more .link-arrow__icon {
		transform: translateX(5px);
	}
}

.article-card__badge {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	padding: 0 13px 0 14px;
}

.article-card__title {
	font-size: var(--fs-h3);
	line-height: 1.2;
	font-weight: var(--fw-semi);
	color: var(--c-text);
}

.article-card__title a {
	text-decoration: underline;
	text-decoration-color: transparent;
	text-underline-offset: 0.15em;
	text-decoration-thickness: 1px;
	transition: text-decoration-color var(--transition);
}

.article-card__title a:hover,
.article-card__title a:focus-visible {
	text-decoration-color: currentColor;
}

.article-card__meta {
	font-size: 1rem;
	line-height: 25px;
	color: var(--c-copper);
}

.article-card__more {
	gap: 0;
}

.article-card__more .link-arrow__label {
	padding-right: 9px;
}

/* Dernier article : visuel pleine largeur. */
.article-card--featured .article-card__media {
	width: min(100%, 1423px);
	aspect-ratio: 32 / 7;
}

.article-card--featured .article-card__body {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-areas:
		"title title"
		"meta more";
	align-items: end;
	column-gap: 24px;
	margin-top: 31px;
}

.article-card--featured .article-card__title {
	grid-area: title;
	max-width: 638px;
}

.article-card--featured .article-card__meta {
	grid-area: meta;
	margin-top: 22px;
}

.article-card--featured .article-card__more {
	grid-area: more;
	justify-self: end;
}

/* Liste : visuel à gauche, texte à droite. */
.article-card--row,
.article-card--home-small {
	display: grid;
	grid-template-columns: 47.06% 5.42% 47.52%;
	align-items: start;
}

.article-card--row .article-card__media,
.article-card--home-small .article-card__media {
	grid-column: 1;
	aspect-ratio: 304 / 196;
}

.article-card--row .article-card__body,
.article-card--home-small .article-card__body {
	grid-column: 3;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.article-card--row .article-card__more {
	margin-top: 31px;
}

.article-card--row .article-card__meta {
	margin-top: 30px;
}

/* Accueil : grande vignette + petites vignettes. */
.article-card--home-large .article-card__media {
	aspect-ratio: 722 / 284;
}

.article-card--home-large .article-card__body {
	margin-top: 31px;
}

.article-card--home-large .article-card__title {
	max-width: 638px;
}

.article-card--home-large .article-card__meta {
	margin-top: 22px;
}

.article-card--home-small .article-card__body {
	align-self: end;
	margin-bottom: -6px;
}

.article-card--home-small .article-card__meta {
	margin-top: 26px;
}

@media (max-width: 900px) {
	.article-card--featured .article-card__body {
		grid-template-columns: 1fr;
		grid-template-areas:
			"title"
			"meta"
			"more";
	}

	.article-card--featured .article-card__more {
		justify-self: start;
		margin-top: 16px;
	}
}

@media (max-width: 600px) {
	.article-card--row,
	.article-card--home-small {
		grid-template-columns: 1fr;
	}

	.article-card--row .article-card__body,
	.article-card--home-small .article-card__body {
		grid-column: 1;
		margin: 20px 0 0;
		align-self: start;
	}

	.article-card--row .article-card__more {
		margin-top: 16px;
	}

	.article-card--row .article-card__meta,
	.article-card--home-small .article-card__meta {
		margin-top: 12px;
	}

	.article-card--featured .article-card__media,
	.article-card--home-large .article-card__media {
		aspect-ratio: 304 / 196;
	}
}