/* Page Professeurs — cards, media, hover effects. */

.flash-professeurs-hero-title,
.flash-professeurs-hero-title .text-outline {
	font-size: 7rem !important;
	line-height: 1 !important;
}

.flash-professeurs-card {
	position: relative;
	isolation: isolate;
}
.flash-professeurs-card::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(180deg, rgba(245,245,245,0.06), rgba(245,245,245,0) 35%),
		radial-gradient(1200px 600px at 0% 0%, rgba(245,245,245,0.06), rgba(245,245,245,0) 60%);
	opacity: 0;
	transition: opacity 320ms ease;
	pointer-events: none;
	z-index: 0;
}
.flash-professeurs-card:hover::before {
	opacity: 1;
}

.flash-professeurs-card__media {
	position: relative;
	width: 100%;
	aspect-ratio: 3 / 4;
	overflow: hidden;
}
@supports not (aspect-ratio: 3 / 4) {
	.flash-professeurs-card__media::before {
		content: "";
		display: block;
		padding-top: 133.33%;
	}
}
.flash-professeurs-card__media > img,
.flash-professeurs-card__media > .flash-professeurs-card__placeholder {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	display: block;
}
.flash-professeurs-card__placeholder {
	background: radial-gradient(circle at 30% 20%, rgba(245, 245, 245, 0.12), rgba(14, 14, 14, 0.85) 55%),
		linear-gradient(135deg, rgba(245, 245, 245, 0.08), rgba(245, 245, 245, 0) 60%);
}

.flash-professeurs-card__chip {
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}
