.exp { overflow-x: clip; }

.exp-stage {
	position: relative;
	width: 100%;
	max-width: 1728px;
	margin-inline: auto;
	aspect-ratio: 1728 / 3300;
}
.exp-stage > * { position: absolute; z-index: 1; }

.exp__pil-photo, .exp__pil-card { position: absolute; z-index: 1; }
.exp__deco { z-index: 0; pointer-events: none; }

.exp-img { overflow: hidden; border-radius: var(--radius-img); }
.exp-img img { width: 100%; height: 100%; object-fit: cover; display: block; }

.exp__title { font-weight: 400; font-size: var(--fs-title); line-height: 1.2; color: var(--c-burgundy); }
.exp .lead { color: var(--c-burgundy); line-height: 1.2; }
.exp-p { font-size: var(--fs-body); line-height: 1.5; color: var(--c-burgundy); }
.exp .lead + .exp-p { margin-top: 1.25rem; }
.exp-p + .exp-p { margin-top: .9rem; }

.exp__hero-head { left: 0; top: 8.788%; width: 100%; text-align: center; pointer-events: none; }
.exp__hero-intro { max-width: 508px; margin: 1.6rem auto 0; }

.exp__hero-photo { left: 54.803%; top: 19.697%; width: 42.13%; aspect-ratio: 728 / 561; }

.exp__circle { left: -13.021%; top: 7.273%; width: 35.185%; aspect-ratio: 1; pointer-events: auto; }
.exp__circle-img {
	position: absolute; inset: 0; width: 100%; height: 100%;
	border-radius: 50%; object-fit: cover; display: block; z-index: 1;
}
.exp__circle-disc {
	position: absolute; inset: 2%; border-radius: 50%;
	background: var(--c-red); z-index: 0;
	transform: translate(0, 0);
	transition: transform .6s cubic-bezier(.76, 0, .24, 1);
}
.exp__circle:hover .exp__circle-disc { transform: translate(7.24%, 6.9%); }
.exp--mirror .exp__circle:hover .exp__circle-disc,
.exp--nego .exp__circle:hover .exp__circle-disc { transform: translate(-7.24%, 6.9%); }
.exp__ring {
	left: 11.863%; top: 17.848%; width: 17.419%; aspect-ratio: 1;
	border: 1px solid var(--c-footer); border-radius: 50%;
}

.exp__deco-3t--top { left: 63.252%; top: 27.455%; width: 33.681%; aspect-ratio: 582 / 907.697; }
.exp__deco-3t--top img {
	position: absolute; top: 50%; left: 50%; width: 155.96%; height: auto;
	transform: translate(-50%, -50%) rotate(90deg); transform-origin: center;
}

.exp__feature { left: 15.625%; top: 29.909%; width: 28.414%; }
.exp__detail  { left: 19.907%; top: 44.939%; width: 21.065%; aspect-ratio: 364 / 311; }
.exp__suivi-photo { left: 19.907%; top: 54.667%; width: 21.065%; aspect-ratio: 364 / 480; }

.exp__suivi { left: 46.296%; top: 56.939%; width: 27.141%; }
.exp__suivi .c-tag--cta { margin-top: 1.75rem; }

.exp__piliers-title { left: 50%; transform: translateX(-50%); top: 76.212%; width: 15rem; text-align: center; }

.exp__pil { display: contents; }

.exp__pil-photo { border-radius: 0; }
.exp__pil-photo--1 { left: 7.292%;  top: 75.515%; width: 26.447%; aspect-ratio: 457 / 405; }
.exp__pil-photo--2 { left: 36.748%; top: 79.242%; width: 26.505%; aspect-ratio: 458 / 405; }
.exp__pil-photo--3 { left: 66.262%; top: 75.515%; width: 26.447%; aspect-ratio: 457 / 405; }
.exp-img--tl, .exp-img--tl img { border-top-left-radius: 65.6% 74.1%; }
.exp-img--tr, .exp-img--tr img { border-top-right-radius: 65.6% 74.1%; }

.exp__pil-card {
	background: var(--c-white);
	min-height: 5.576%;
	padding: 1.875rem 1.75rem;
}
.exp__pil-card--1 { left: 7.292%;  top: 87.788%; width: 26.447%; }
.exp__pil-card--2 { left: 36.748%; top: 91.515%; width: 26.447%; }
.exp__pil-card--3 { left: 66.262%; top: 87.788%; width: 26.447%; }
.exp__pil-name { font-family: var(--font-sans); font-weight: 300; font-size: clamp(1.05rem, .8rem + .5vw, 1.25rem); line-height: 1.4; color: var(--c-burgundy); }
.exp__pil-desc { font-size: var(--fs-cta); line-height: 1.7; color: var(--c-burgundy); margin-top: .6rem; }
.exp__pil-link {
	display: inline-block;
	margin-top: .75rem;
	font-size: var(--fs-cta);
	line-height: 1.7;
	color: var(--c-red);
	text-decoration: underline;
	text-underline-offset: .2em;
}
.exp__pil-link:hover, .exp__pil-link:focus-visible { text-decoration-thickness: 2px; }

.exp-notaires {
	position: relative;
	max-width: 1728px;
	margin-inline: auto;
	padding: clamp(3rem, 7vw, 7rem) var(--gutter);
	overflow: clip;
}

.exp-notaires__deco {
	position: absolute; right: -5%; top: 50%; width: 44%; height: auto;
	z-index: 0; pointer-events: none;
}

.exp-notaires__grid {
	position: relative; z-index: 1;
	display: grid; grid-template-columns: auto auto;
	justify-content: center;
	column-gap: clamp(1.5rem, 3.5vw, 3.25rem);
	align-items: start;
	max-width: 1476px; margin-inline: auto;
}

.exp-notaire { display: flex; flex-direction: column; width: min(469px, 100%); }
.exp-notaire--delphine { align-items: flex-end; gap: clamp(2.5rem, 6vw, 7.5rem); }
.exp-notaire--corinne { align-items: flex-start; margin-top: clamp(1.5rem, 4vw, 4.6rem); gap: clamp(2rem, 5vw, 5.8rem); }

.exp-notaire__photo { width: 385px; max-width: 100%; aspect-ratio: 385 / 513; border-radius: var(--radius-img); overflow: hidden; }
.exp-notaire__photo img { width: 100%; height: 100%; object-fit: cover; display: block; }

.exp-notaire__body { max-width: 469px; }
.exp-notaire__body .c-tag--label { margin-bottom: clamp(.85rem, 1.8vw, 1.25rem); }
.exp-notaire__name { line-height: 1.2; margin: 0; }
.exp-notaire__name + .exp-p { margin-top: clamp(.75rem, 1.5vw, 1.1rem); }

.exp-notaires--single .exp-notaires__grid { align-items: end; }
@media (min-width: 1024px) {
	.exp-notaires--single .exp-notaires__grid {
		
		grid-template-columns: 38.16% 23.73% 3.45% 28.92% 5.73%;
		column-gap: 0;
		max-width: 1622px;
		width: 100%;
	}
	.exp-notaires--single .exp-notaire__photo { grid-column: 2; width: 100%; max-width: none; }
	.exp-notaires--single .exp-notaire__body { grid-column: 4; max-width: none; }

	.exp-notaires--single .exp-notaires__deco { width: 46.30%; left: 0; }
}

@media (min-width: 1024px) {
	
	.exp--mirror .exp__hero-photo { left: 3.067%; }
	.exp--mirror .exp__circle { left: 77.836%; }
	.exp--mirror .exp__ring { left: 70.718%; }
	.exp--mirror .exp__deco-3t--top { left: 21%; top: 23.85%; } 
	.exp--mirror .exp__feature { left: 54.8%; width: 25.75%; }
	.exp--mirror .exp__detail { left: 59.03%; }
	.exp--mirror .exp__suivi-photo { left: 59.03%; }
	.exp--mirror .exp__suivi { left: 26.5%; }

	.exp--droit .exp__hero-intro { max-width: 602px; }
	.exp--droit .exp__feature { width: 28.414%; }
	.exp--droit .exp__deco-3t--top { left: 9.134%; }
	.exp--droit .exp__detail { left: 54.861%; }
	.exp--droit .exp__suivi-photo { left: 54.861%; }
	.exp--droit .exp__suivi { left: 12.674%; }

	.exp--pro .exp__hero-photo { top: calc(22.424% + 4.5rem); }
	.exp--pro .exp__hero-intro { max-width: 586px; }
	.exp--pro .exp__feature { top: 29%; width: 28.993%; }
	.exp--pro .exp__deco-3t--top { top: 26.364%; }
}

.exp-notaires--single .exp-notaires__deco { left: 0; right: auto; top: 14%; }

@media (min-width: 1024px) {
	.exp--construction .exp-stage { aspect-ratio: 1728 / 3439; }

	.exp--construction .exp__hero-head { top: 8.433%; }
	.exp--construction .exp__hero-intro { max-width: 580px; }
	.exp--construction .exp__hero-photo { top: 21.518%; }
	.exp--construction .exp__circle { top: 6.979%; }
	.exp--construction .exp__ring { left: 7.292%; top: 18.348%; }
	.exp--construction .exp__deco-3t--top { top: 25.473%; }
	.exp--construction .exp__feature { top: 29.224%; }

	.exp--construction .exp__cp-photo { left: 50%; transform: translateX(-50%); width: 21.065%; }
	.exp--construction .exp__cp-photo--2 { top: 45.740%; aspect-ratio: 364 / 480; }
	.exp--construction .exp__cp-photo--3 { top: 59.988%; aspect-ratio: 364 / 311; }
	.exp--construction .exp__cp-block { width: 27.141%; }
	.exp--construction .exp__cp-block--2 { left: 8.565%;  top: 52.487%; }
	.exp--construction .exp__cp-block--3 { left: 65.567%; top: 63.216%; }

	.exp--construction .exp__piliers-title { top: 77.609%; }
	.exp--construction .exp__pil-photo--1, .exp--construction .exp__pil-photo--3 { top: 76.941%; }
	.exp--construction .exp__pil-photo--2 { top: 80.518%; }
	.exp--construction .exp__pil-card--1, .exp--construction .exp__pil-card--3 { top: 88.718%; }
	.exp--construction .exp__pil-card--2 { top: 92.294%; }
	.exp--construction .exp__pil-card { min-height: 5.35%; }
}

.exp__annonces-intro { margin: clamp(.875rem, 1.3vw, 1.375rem) 0 clamp(1.25rem, 1.9vw, 2rem); max-width: 631px; }
.exp__annonces-img { border-radius: 0; }

.exp__nego-card { background: var(--c-white); border-radius: var(--radius-img); }
.exp__nego-photo { position: relative; border-radius: var(--radius-img); overflow: hidden; }
.exp__nego-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }

.exp__nego-slide {
	position: absolute; inset: 0;
	opacity: 0; transition: opacity .5s ease;
}
.exp__nego-slide.is-active { opacity: 1; }
.exp__nego-slide--placeholder {
	display: flex; flex-direction: column; align-items: center; justify-content: center;
	gap: 1.25rem;
	background: var(--c-light);
}
.exp__nego-silhouette { width: 52%; height: auto; }
.exp__nego-slide-tag { background: var(--c-white); }

.exp__nego-dots {
	position: absolute; left: 45.75%; bottom: 11.2%; z-index: 1;
	display: flex; gap: 9px;
}
.exp__nego-dot {
	width: 16px; height: 16px; padding: 0;
	border: 0; border-radius: 50%; cursor: pointer;
	background: var(--c-white);
	transition: background .25s ease;
}
.exp__nego-dot.is-active { background: var(--c-red); }
.exp__nego-dot:focus-visible { outline: 2px solid var(--c-red); outline-offset: 2px; }
.exp__nego-text { color: var(--c-burgundy); }
.exp__nego-person { font-size: var(--fs-body); line-height: 1.6; color: var(--c-burgundy); margin-top: clamp(1rem, 1.8vw, 1.25rem); }
.exp__nego-person .lead { display: inline-block; margin-bottom: .15rem; }
.exp__nego-person a:hover { color: var(--c-red); }
.exp__nego-intro + .exp__nego-person { margin-top: clamp(1.25rem, 2.4vw, 1.75rem); }

@media (min-width: 1024px) {
	.exp--nego .exp-stage { aspect-ratio: 1728 / 4525; }

	.exp--nego .exp__hero-head { top: 6.409%; }
	.exp--nego .exp__hero-intro { max-width: 602px; }
	.exp--nego .exp__hero-photo { left: 3.067%; top: 16.376%; }
	.exp--nego .exp__circle { left: 77.894%; top: 5.304%; }
	.exp--nego .exp__ring { left: 75.2%; top: 14.718%; }
	.exp--nego .exp__deco-3t--top { left: 21%; top: 18.738%; }
	.exp--nego .exp__feature { left: 54.8%; top: 21.812%; width: 29.46%; }

	.exp--nego .exp__annonces-text--a { left: 7.292%; top: 38.409%; width: 36.516%; }
	.exp--nego .exp__annonces-img--a  { left: 54.803%; top: 35.912%; width: 42.13%; aspect-ratio: 728 / 457; }
	.exp--nego .exp__annonces-img--b  { left: 3.009%; top: 46.762%; width: 50.579%; aspect-ratio: 874 / 634; }
	.exp--nego .exp__annonces-text--b { left: 57.870%; top: 51.204%; width: 36.516%; }

	/* La carte est en flux (pas absolute) : le contenu peut dépasser la hauteur
	   du ratio sous ~1340px - le bloc doit pouvoir grandir. */
	.exp--nego .exp__nego { left: 14.699%; top: 64.177%; width: 70.544%; aspect-ratio: 1219 / 633; }
	.exp--nego .exp__nego-photo { position: absolute; left: 0; top: 0; width: 40.525%; height: 100%; z-index: 1; }
	.exp--nego .exp__nego-card {
		position: relative; margin-left: 25.184%; width: 74.816%; min-height: 100%;
		display: flex; flex-direction: column;
		padding: clamp(1.25rem, 3.2vw, 3rem) clamp(1.25rem, 2.5vw, 2.25rem) clamp(1.25rem, 3.2vw, 3rem) 33%;
	}
	.exp--nego .exp__nego-card .c-tag--label { align-self: flex-start; }
	.exp--nego .exp__nego-text { margin-top: clamp(.75rem, 2vw, 1.5rem); margin-bottom: clamp(1rem, 1.6vw, 1.5rem); }
	.exp--nego .exp__nego-cta { align-self: flex-start; margin-top: auto; }
	.exp--nego .exp__nego-intro,
	.exp--nego .exp__nego-person .lead { font-size: clamp(1.0625rem, .62rem + .94vw, 1.625rem); }
	.exp--nego .exp__nego-person { margin-top: clamp(.625rem, 1.2vw, 1.25rem); }
	.exp--nego .exp__nego-intro + .exp__nego-person { margin-top: clamp(.875rem, 1.62vw, 1.75rem); }

	.exp--nego .exp__piliers-title { top: 83.227%; }
	.exp--nego .exp__pil-photo--1, .exp--nego .exp__pil-photo--3 { top: 82.719%; }
	.exp--nego .exp__pil-photo--2 { top: 85.436%; }
	.exp--nego .exp__pil-card--1, .exp--nego .exp__pil-card--3 { top: 91.669%; }
	.exp--nego .exp__pil-card--2 { top: 94.387%; }
}

@media (max-width: 1023px) {
	.exp__nego-photo { width: 100%; max-width: 494px; aspect-ratio: 494 / 633; }
	.exp__nego-card { width: 100%; max-width: 620px; margin-top: clamp(1.5rem, 5vw, 2rem); padding: clamp(1.75rem, 6vw, 2.5rem); }
}

@media (max-width: 1023px) {
	.exp-stage {
		position: relative; aspect-ratio: auto; max-width: none;
		display: flex; flex-direction: column;
		gap: clamp(2rem, 5vw, 3rem);
		
		padding: calc(var(--header-h) + clamp(2rem, 6vw, 4rem)) var(--gutter) 0;
	}
	
	.exp__hero-head { max-width: 70%; }
	.exp__hero-intro { max-width: 100%; margin-inline: 0; }
	
	.exp-stage > *:not(.exp__deco):not(.exp__circle):not(.exp__ring):not(.exp__deco-3t--top) {
		position: static; left: auto; top: auto; width: auto;
		transform: none; aspect-ratio: auto;
	}
}

@media (min-width: 720px) and (max-width: 1023px) {
	.exp__circle {
		left: auto;
		right: clamp(-80px, -5vw, 0px);
		top: clamp(70px, 6vw, 120px);
		width: clamp(180px, 25vw, 300px);
		height: auto;
	}
	.exp__ring {
		left: auto;
		right: clamp(30px, 8vw, 100px);
		top: clamp(240px, 22vw, 340px);
		width: clamp(90px, 12vw, 160px);
		aspect-ratio: 1;
	}
	.exp__deco-3t--top {
		left: auto;
		right: clamp(-60px, -4vw, 0px);
		top: clamp(50vw, 60vw, 720px);
		width: clamp(180px, 25vw, 320px);
		aspect-ratio: 582 / 907.697;
		opacity: .85;
	}
	
}

@media (max-width: 719px) {
	.exp__circle {
		left: auto;
		right: clamp(-130px, -32vw, -70px);
		top: clamp(40px, 8vw, 80px);
		width: clamp(180px, 50vw, 260px);
		height: auto;
	}
	.exp__ring {
		left: auto;
		right: clamp(-20px, -4vw, 0px);
		top: clamp(170px, 35vw, 260px);
		width: clamp(90px, 24vw, 140px);
		aspect-ratio: 1;
	}
	.exp__deco-3t--top {
		left: auto;
		right: clamp(-40px, -10vw, -20px);
		top: clamp(360px, 80vw, 540px);
		width: clamp(140px, 38vw, 190px);
		aspect-ratio: 582 / 907.697;
		opacity: .8;
	}
	
}

@media (max-width: 1023px) {
	.exp__hero-head { text-align: left; }
	.exp__hero-intro { margin-inline: 0; max-width: 40rem; }
	.exp__piliers-title { text-align: left; max-width: none; }

	.exp__pil { display: flex; flex-direction: column; gap: 0; }
	
	.exp__pil-photo, .exp__pil-card { position: static; }

	.exp__pil-photo img { border-radius: 0; width: 100%; height: 100%; object-fit: cover; }
	.exp__pil-card { min-height: 0; padding-top: 1rem; }

	.exp__cp-photo--1, .exp__cp-photo--3 { aspect-ratio: 364 / 311; }
	.exp__cp-photo--2 { aspect-ratio: 364 / 480; }
	.exp__cp-block { width: 100%; max-width: 40rem; }

	.exp-img--tl, .exp-img--tl img,
	.exp-img--tr, .exp-img--tr img {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}
}

@media (max-width: 719px) {
	.exp__hero-photo { width: 80%; max-width: 320px; aspect-ratio: 728 / 561; margin-inline: 0; }
	.exp__detail { width: 80%; max-width: 280px; aspect-ratio: 364 / 311; }
	.exp__suivi-photo { width: 80%; max-width: 280px; aspect-ratio: 364 / 480; }
	
	.exp__pil { width: 100%; max-width: none; }
	.exp__pil-photo {
		width: 100%; max-width: none;
		aspect-ratio: 5 / 4; height: auto;
		border-radius: 0;
	}
	.exp__pil-card { width: 100%; max-width: none; padding: 1.25rem 1.25rem 1.5rem; background: var(--c-white); }
	.exp__cp-photo { width: 80%; max-width: 280px; }
}

@media (min-width: 720px) and (max-width: 1023px) {
	.exp__hero-head { max-width: 65%; }

	.exp__hero-photo { width: 80%; max-width: 680px; aspect-ratio: 728 / 561; margin-inline: 0; }

	.exp__detail {
		width: 100%; max-width: none;
		aspect-ratio: auto; height: clamp(280px, 38vw, 380px);
	}
	.exp__suivi-photo {
		width: 100%; max-width: none;
		aspect-ratio: auto; height: clamp(380px, 52vw, 520px);
	}
	.exp__detail img, .exp__suivi-photo img { width: 100%; height: 100%; object-fit: cover; }

	.exp__cp-photo { width: 80%; max-width: 640px; }

	.exp-stage {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		column-gap: clamp(.75rem, 2vw, 1.5rem);
		row-gap: clamp(2rem, 5vw, 3rem);
	}
	.exp-stage > *:not(.exp__pil) { grid-column: 1 / -1; }
	.exp__pil { grid-column: span 1; align-self: start; }

	.exp__pil-photo {
		width: 100%; max-width: none;
		aspect-ratio: auto; height: clamp(160px, 22vw, 240px);
		border-radius: 0;
	}
	
	.exp__pil-card {
		width: 100%; max-width: none;
		padding: 1.25rem 1.25rem 1.5rem;
		background: var(--c-white);
	}
	.exp__pil-name { font-size: clamp(.95rem, .85rem + .3vw, 1.1rem); }
	.exp__pil-desc { font-size: clamp(.8125rem, .75rem + .2vw, .875rem); line-height: 1.55; }

	.exp__piliers-title { white-space: nowrap; }
}

@media (min-width: 720px) and (max-width: 1023px) {
	.exp-notaires__grid { grid-template-columns: auto auto; justify-content: center; column-gap: clamp(2rem, 4vw, 3rem); row-gap: 0; max-width: none; }
	.exp-notaires--single .exp-notaires__grid { align-items: end; column-gap: clamp(1.5rem, 4vw, 3rem); }
	
	.exp-notaires__deco { left: clamp(-40px, -3vw, 0px); right: auto; top: clamp(20px, 2vw, 40px); width: clamp(180px, 25vw, 320px); height: auto; opacity: .9; }
	.exp-notaires--single .exp-notaires__deco { left: clamp(-40px, -3vw, 0px); top: clamp(20px, 2vw, 40px); width: clamp(180px, 25vw, 320px); }
}

@media (max-width: 719px) {
	.exp-notaires__grid { grid-template-columns: 1fr; justify-items: center; column-gap: 0; row-gap: clamp(2rem, 6vw, 3rem); max-width: 560px; }
	.exp-notaire { width: 100%; max-width: 469px; }
	.exp-notaire--corinne { margin-top: 0; }
	.exp-notaire--delphine, .exp-notaire--corinne { align-items: flex-start; gap: clamp(1.25rem, 4vw, 1.75rem); }
	.exp-notaires__grid > .exp-notaire--delphine, .exp-notaires__grid > .exp-notaire--corinne { display: contents; }
	.exp-notaires__grid > .exp-notaire > * { width: 100%; max-width: 469px; }
	.exp-notaire__photo--n2 { order: 1; }
	.exp-notaire__body--n2  { order: 2; margin-top: calc(clamp(1.25rem, 4vw, 1.75rem) - clamp(2rem, 6vw, 3rem)); }
	.exp-notaire__photo--n1 { order: 3; }
	.exp-notaire__body--n1  { order: 4; margin-top: calc(clamp(1.25rem, 4vw, 1.75rem) - clamp(2rem, 6vw, 3rem)); }
	
	.exp-notaires__deco { left: clamp(-30px, -8vw, -10px); right: auto; top: clamp(20px, 4vw, 40px); width: clamp(140px, 45vw, 200px); height: auto; opacity: .85; }
	.exp-notaires--single .exp-notaires__deco { left: clamp(-30px, -8vw, -10px); top: clamp(20px, 4vw, 40px); width: clamp(140px, 45vw, 200px); }
}

@media (max-width: 600px) {
	.exp__pil-photo, .exp__pil-card, .exp__hero-photo,
	.exp__detail, .exp__suivi-photo { max-width: none; }
	.exp-notaire__photo { width: 100%; }
}

.exp__intl .c-tag--label { margin-bottom: 2.125rem; }
.exp__intl .lead { max-width: 22.625rem; }
.exp__intl-list { margin: 1.5rem 0 0; padding: 0; list-style: none; font-size: var(--fs-body); font-weight: 500; line-height: 1.5; color: var(--c-burgundy); }
.exp__intl-list li::before { content: "> "; }
.exp__intl-disc { border-radius: 50%; background: var(--c-red); }
.exp__intl-ring { border: 1px solid var(--c-footer); border-radius: 50%; }

@media (min-width: 1024px) {
	.exp--famille .exp-stage { aspect-ratio: 1728 / 4311; }

	.exp--famille .exp__hero-head { top: 6.727%; }
	.exp--famille .exp__hero-photo { top: calc(15.078% + max(0px, 359px - 20.83vw)); }
	.exp--famille .exp__circle { top: 5.567%; }
	.exp--famille .exp__ring { top: 13.663%; }
	.exp--famille .exp__deco-3t--top { top: 18.256%; }
	.exp--famille .exp__feature { top: 22.895%; }
	.exp--famille .exp__detail { top: 34.4%; }
	.exp--famille .exp__suivi-photo { top: 41.847%; }
	.exp--famille .exp__suivi { top: 43.586%; }

	.exp--famille .exp__intl-wrap { left: 19.907%; top: 60.264%; width: 53.530%; display: flex; align-items: center; gap: 9.946%; }
	.exp--famille .exp__intl-wrap > * { position: relative; inset: auto; }
	.exp--famille .exp__intl-media { order: -1; flex: none; width: 39.351%; }
	.exp--famille .exp__intl-photo { position: relative; z-index: 1; width: 100%; aspect-ratio: 364 / 480; }
	.exp--famille .exp__intl { width: 50.703%; }
	.exp--famille .exp__intl-disc { position: absolute; z-index: 0; left: -88.736%; top: -77.473%; width: 139.560%; aspect-ratio: 1; }
	.exp--famille .exp__intl-ring { position: absolute; z-index: 0; left: -54.945%; top: -28.297%; width: 126.099%; aspect-ratio: 1; }

	.exp--famille .exp__piliers-title { top: 81.791%; }
	.exp--famille .exp__pil-photo--1, .exp--famille .exp__pil-photo--3 { top: 81.257%; }
	.exp--famille .exp__pil-photo--2 { top: 84.11%; }
	.exp--famille .exp__pil-card { min-height: 4.268%; }
	.exp--famille .exp__pil-card--1, .exp--famille .exp__pil-card--3 { top: 90.652%; }
	.exp--famille .exp__pil-card--2 { top: 93.505%; }
}

@media (max-width: 1023px) {
	.exp__intl-disc, .exp__intl-ring { display: none; }
	.exp__intl-wrap { display: flex; flex-direction: column; gap: clamp(2rem, 5vw, 3rem); }
	.exp__intl-photo { aspect-ratio: 364 / 480; }
}

@media (min-width: 720px) and (max-width: 1023px) {
	.exp__intl-photo { width: 100%; aspect-ratio: auto; height: clamp(380px, 52vw, 520px); }
}

@media (max-width: 719px) {
	.exp__intl-photo { width: 80%; max-width: 280px; }
}

@media (max-width: 600px) {
	.exp__intl-photo { max-width: none; }
}

@media (min-width: 1024px) {
	.exp--pro .exp-stage {
		aspect-ratio: auto; container-type: inline-size;
		display: grid; grid-template-columns: 15.625% 28.993% 1.678% 50.637% 3.067%;
		align-items: start;
		padding-bottom: min(5.556vw, 96px);
	}
	.exp--pro .exp-stage > :not(.exp__deco) { position: relative; inset: auto; transform: none; }

	.exp--pro .exp__hero-head { grid-column: 1 / -1; grid-row: 1; width: auto; padding-top: min(16.782cqw, 290px); }
	.exp--pro .exp__title { font-size: min(var(--fs-title), 4.2vw); }
	.exp--pro .exp__hero-photo { grid-column: 4; grid-row: 2 / span 2; width: 83.2%; margin: min(5.382cqw, 93px) 0 0 16.8%; }
	.exp--pro .exp__feature { grid-column: 2; grid-row: 2; width: auto; margin-top: min(13.773cqw, 238px); }
	.exp--pro .exp__detail { grid-column: 2; grid-row: 3; width: 72.655%; margin: min(10.532cqw, 182px) 0 0 14.771%; }
	.exp--pro .exp__suivi-photo { grid-column: 2; grid-row: 4; width: 72.655%; margin: min(.579cqw, 10px) 0 0 14.771%; }
	.exp--pro .exp__suivi { grid-column: 4; grid-row: 4; width: 53.6%; margin-top: min(4.34cqw, 75px); }

	.exp--pro .exp__piliers-title { grid-column: 1 / -1; grid-row: 5; justify-self: center; margin-top: calc(min(11.921cqw, 206px) + min(1.331cqw, 23px)); }
	.exp--pro .exp__pil { display: flex; flex-direction: column; grid-column: 1 / -1; grid-row: 5; width: 26.447%; margin-top: min(11.921cqw, 206px); }
	.exp--pro .exp__pil--1 { margin-left: 7.292%; }
	.exp--pro .exp__pil--2 { margin-left: 36.748%; margin-top: calc(min(11.921cqw, 206px) + min(7.234cqw, 125px)); }
	.exp--pro .exp__pil--3 { margin-left: 66.262%; }
	.exp--pro .exp__pil-photo, .exp--pro .exp__pil-card { position: relative; inset: auto; width: 100%; }
	.exp--pro .exp__pil-card { min-height: min(10.648cqw, 184px); }

	.exp--pro .exp__circle { top: 13.889cqw; }
	.exp--pro .exp__ring { top: 34.086cqw; }
	.exp--pro .exp__deco-3t--top { top: 50.347cqw; }
}

.exp-p--list { padding-left: 1.15em; list-style: disc; }
.exp-p--list li + li { margin-top: .35rem; }
.exp-p--list li::marker { color: var(--c-red); }

@media (min-width: 1024px) {
	.exp--nego .exp-stage {
		aspect-ratio: auto; container-type: inline-size;
		display: grid; grid-template-columns: minmax(0, 1fr); align-items: start;
		padding-bottom: min(4.167vw, 72px);
	}
	.exp--nego .exp-stage > :not(.exp__deco) { position: relative; inset: auto; transform: none; grid-column: 1; }

	.exp--nego .exp__hero-head { grid-row: 1; width: auto; padding-top: min(16.782cqw, 290px); }
	.exp--nego .exp__hero-photo { grid-row: 2; width: 42.13%; margin: min(9.606cqw, 166px) 0 0 3.067%; }
	.exp--nego .exp__feature { grid-row: 2; width: 29.456%; margin: min(23.843cqw, 412px) 0 0 54.803%; }

	.exp--nego .exp__annonces-img--a  { grid-row: 3; width: 42.13%; margin: min(17.824cqw, 308px) 0 0 54.803%; }
	.exp--nego .exp__annonces-text--a { grid-row: 3; width: 36.516%; margin: min(24.363cqw, 421px) 0 0 7.292%; }
	.exp--nego .exp__annonces-img--b  { grid-row: 4; width: 50.579%; margin: min(1.968cqw, 34px) 0 0 3.009%; }
	.exp--nego .exp__annonces-text--b { grid-row: 4; width: 36.516%; margin: min(13.6cqw, 235px) 0 0 57.87%; }

	.exp--nego .exp__nego { grid-row: 5; width: 70.544%; margin: min(8.912cqw, 154px) 0 0 14.699%; }

	.exp--nego .exp__piliers-title { grid-row: 6; justify-self: center; margin-top: calc(min(11.921cqw, 206px) + min(1.331cqw, 23px)); }
	.exp--nego .exp__pil { display: flex; flex-direction: column; grid-row: 6; width: 26.447%; margin-top: min(11.921cqw, 206px); }
	.exp--nego .exp__pil--1 { margin-left: 7.292%; }
	.exp--nego .exp__pil--2 { margin-left: 36.748%; margin-top: calc(min(11.921cqw, 206px) + min(7.118cqw, 123px)); }
	.exp--nego .exp__pil--3 { margin-left: 66.262%; }
	.exp--nego .exp__pil-photo, .exp--nego .exp__pil-card { position: relative; inset: auto; width: 100%; }
	.exp--nego .exp__pil-card { min-height: min(10.648cqw, 184px); }

	.exp--nego .exp__circle { top: 13.889cqw; }
	.exp--nego .exp__ring { top: 38.542cqw; }
	.exp--nego .exp__deco-3t--top { top: 49.074cqw; }
}

.exp__annonces-rich { max-width: 631px; margin: clamp(.875rem, 1.3vw, 1.375rem) 0 clamp(1.25rem, 1.9vw, 2rem); }
.exp__annonces-rich .exp__annonces-intro { margin: 0; }
.exp__annonces-rich > * + *, .exp__nego-rich > * + * { margin-top: .9rem; }
.exp__nego-rich + .exp__nego-person { margin-top: clamp(.875rem, 1.62vw, 1.75rem); }
.exp__nego-role { display: inline-block; }

@media (min-width: 1024px) {
	.exp--nego .exp__nego { width: 78%; margin-left: 11%; aspect-ratio: auto; min-height: min(26vw, 450px); }
	.exp--nego .exp__nego-photo { width: 40%; }
	.exp--nego .exp__nego-card {
		margin-left: 34%; width: 66%;
		padding: clamp(1.75rem, 3vw, 3rem) clamp(1.5rem, 3vw, 3.5rem) clamp(1.75rem, 3vw, 3rem) 10%;
	}
	.exp--nego .exp__nego-text { max-width: 36rem; }
}

@media (min-width: 1024px) {
	.exp--nego .exp__feature,
	.exp--nego .exp__annonces-text--a,
	.exp--nego .exp__annonces-text--b { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
	.exp--nego .exp__feature { margin-top: min(9.606cqw, 166px); min-height: min(32.466cqw, 561px); }
	.exp--nego .exp__annonces-text--a { margin-top: min(17.824cqw, 308px); min-height: min(26.447cqw, 457px); }
	.exp--nego .exp__annonces-text--b { margin-top: min(1.968cqw, 34px); min-height: min(36.69cqw, 634px); }
}

@media (min-width: 1024px) {
	.exp--construction .exp-stage {
		aspect-ratio: auto; container-type: inline-size;
		display: grid; grid-template-columns: minmax(0, 1fr); align-items: start;
		padding-bottom: min(4.167vw, 72px);
	}
	.exp--construction .exp-stage > :not(.exp__deco) { position: relative; inset: auto; transform: none; grid-column: 1; }

	.exp--construction .exp__hero-head { grid-row: 1; width: auto; padding-top: min(16.782cqw, 290px); }
	.exp--construction .exp__hero-photo { grid-row: 2; width: 42.13%; margin: min(5.382cqw, 93px) 0 0 54.803%; }
	.exp--construction .exp__feature { grid-row: 2; width: 28.414%; margin: min(20.718cqw, 358px) 0 0 15.625%; }

	.exp--construction .exp__cp-photo { width: 21.065%; margin-left: 39.4675%; }
	.exp--construction .exp__cp-photo--2 { grid-row: 3; margin-top: min(15.741cqw, 272px); }
	.exp--construction .exp__cp-photo--3 { grid-row: 4; margin-top: min(.579cqw, 10px); }
	.exp--construction .exp__cp-block { width: 27.141%; display: flex; flex-direction: column; justify-content: center; }
	.exp--construction .exp__cp-block--2 { grid-row: 3; margin: min(15.741cqw, 272px) 0 0 8.565%; min-height: min(27.778cqw, 480px); }
	.exp--construction .exp__cp-block--3 { grid-row: 4; margin: min(.579cqw, 10px) 0 0 65.567%; min-height: min(17.998cqw, 311px); }

	.exp--construction .exp__piliers-title { grid-row: 5; justify-self: center; margin-top: calc(min(15.741cqw, 272px) + min(1.331cqw, 23px)); }
	.exp--construction .exp__pil { display: flex; flex-direction: column; grid-row: 5; width: 26.447%; margin-top: min(15.741cqw, 272px); }
	.exp--construction .exp__pil--1 { margin-left: 7.292%; }
	.exp--construction .exp__pil--2 { margin-left: 36.748%; margin-top: calc(min(15.741cqw, 272px) + min(7.118cqw, 123px)); }
	.exp--construction .exp__pil--3 { margin-left: 66.262%; }
	.exp--construction .exp__pil-photo, .exp--construction .exp__pil-card { position: relative; inset: auto; width: 100%; }
	.exp--construction .exp__pil-card { min-height: min(10.648cqw, 184px); }

	.exp--construction .exp__circle { top: 13.889cqw; }
	.exp--construction .exp__ring { top: 36.516cqw; }
	.exp--construction .exp__deco-3t--top { top: 50.694cqw; }
}