/* Section « Une expertise locale au service de votre patrimoine » */
.expertise__grid {
	display: grid;
	gap: 40px;
	align-items: center;
	max-width: 1200px;
}

.expertise__title {
	max-width: 15em;
	font-size: var(--fs-h2);
	color: var(--c-white);
}

.expertise__text {
	max-width: 56ch;
	margin-top: 22px;
	font-size: var(--fs-lead);
	line-height: 1.45;
	color: var(--c-on-dark);
}

.expertise__points {
	display: grid;
	gap: 16px;
	margin-top: 28px;
	padding: 0;
	list-style: none;
	font-size: 0.9375rem;
}

.expertise__points li {
	display: flex;
	align-items: center;
	gap: 14px;
}

.expertise__points .icon {
	width: 20px;
	height: 20px;
	color: var(--c-gold);
}

.expertise__person {
	position: relative;
	overflow: hidden;
	width: min(100%, 360px);
	margin: 0 auto;
	border-radius: var(--radius);
}

.expertise__person img {
	width: 100%;
	aspect-ratio: 9 / 10;
	object-fit: cover;
	filter: grayscale(1);
}

.expertise__person figcaption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 40px 20px 18px;
	background: linear-gradient(transparent, rgba(20, 18, 12, .8));
	font-size: 0.8125rem;
	text-align: center;
	color: rgba(255, 255, 255, .85);
}

.expertise__person strong {
	display: block;
	font-size: 1.125rem;
	font-weight: 400;
	color: var(--c-white);
}

@media (min-width: 900px) {
	.expertise__grid { grid-template-columns: minmax(0, 1fr) 360px; }
}