.pild-inner #contenu.pa {
	max-width: 1240px;
	margin: 0 auto;
	padding: 96px 32px 120px;
	color: var(--pild-ink);
}

.pa > section + section {
	margin-top: 120px;
}

.pa-h2 {
	margin: 0;
	color: var(--pild-ind);
	font-family: var(--pild-f1);
	font-size: clamp(32px, 3.6vw, 48px);
	font-weight: 700;
	line-height: 1.06;
	letter-spacing: -0.035em;
	text-wrap: balance;
}

.pa p {
	margin: 0;
}

/* Présentation */
.pa-intro {
	display: grid;
	justify-items: center;
	gap: 40px;
	text-align: center;
}

.pa-lead {
	max-width: 1000px;
	color: var(--pild-ind);
	font-family: var(--pild-f1);
	font-size: clamp(28px, 3.4vw, 46px);
	font-weight: 700;
	line-height: 1.32;
	letter-spacing: -0.025em;
	text-wrap: balance;
}

/* Fondateur */
.pa-ceo {
	display: grid;
	grid-template-columns: 5fr 7fr;
	gap: 80px;
	align-items: start;
}

.pa-ceo__ph {
	position: sticky;
	top: 120px;
	margin: 0;
	overflow: hidden;
	border-radius: var(--pild-r);
	background: var(--pild-sand);
}

.pa-ceo__ph--vide {
	display: grid;
	place-items: center;
	aspect-ratio: 4 / 5;
	box-shadow: inset 0 0 0 1px var(--pild-line);
	color: var(--pild-mut);
	font-size: 14px;
}

.pa-ceo__ph img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	object-position: 50% 20%;
}

.pa-ceo__role {
	margin-top: 12px;
	color: var(--pild-mut);
	font-size: 17px;
}

.pa-ceo__body > p:not(.pa-ceo__role) {
	max-width: 62ch;
	margin-top: 20px;
	color: var(--pild-mut);
	font-size: 18px;
	line-height: 1.65;
}

.pa-ceo__body > .pa-ceo__lead {
	margin-top: 40px;
	color: var(--pild-ind);
	font-family: var(--pild-f1);
	font-size: clamp(22px, 2vw, 26px);
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: -0.02em;
	text-wrap: pretty;
}

.pa-ceo__sign {
	display: block;
	width: 180px;
	height: auto;
	margin-top: 40px;
}

/* Appel à l'action */
.pa-cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 48px;
	padding: 64px;
	border-radius: var(--pild-r);
	background: var(--pild-ind);
	color: var(--pild-iv);
}

.pa-cta h2 {
	margin: 0;
	color: var(--pild-iv);
	font-family: var(--pild-f1);
	font-size: clamp(30px, 3.2vw, 44px);
	font-weight: 700;
	line-height: 1.06;
	letter-spacing: -0.035em;
}

.pa-cta p {
	max-width: 52ch;
	margin-top: 16px;
	color: rgba(247, 241, 230, 0.78);
	font-size: 18px;
	line-height: 1.6;
}

.pa-cta .pild-btn {
	flex: none;
}

@media (max-width: 1024px) {
	.pa-intro {
		gap: 40px;
	}

	.pa-ceo {
		gap: 48px;
	}
}

@media (max-width: 760px) {
	.pild-inner #contenu.pa {
		padding: 56px 16px 80px;
	}

	.pa > section + section {
		margin-top: 80px;
	}

	.pa-intro,
	.pa-ceo {
		grid-template-columns: 1fr;
	}

	.pa-intro {
		gap: 24px;
	}

	.pa-ceo__body > p:not(.pa-ceo__role) {
		font-size: 17px;
	}

	.pa-ceo__ph {
		position: static;
	}

	.pa-ceo__ph--vide {
	display: grid;
	place-items: center;
	aspect-ratio: 4 / 5;
	box-shadow: inset 0 0 0 1px var(--pild-line);
	color: var(--pild-mut);
	font-size: 14px;
	}

	.pa-ceo__ph img {
		aspect-ratio: 1 / 1;
	}

	.pa-cta {
		flex-direction: column;
		align-items: stretch;
		gap: 32px;
		padding: 36px 24px;
	}

	.pa-cta .pild-btn {
		width: 100%;
	}
}

.mf1 {
	margin-bottom: 120px;
}

@media (max-width: 640px) {
	.mf1 {
		margin-bottom: 72px;
	}
}

/* Module « Apprendre en ligne » sur le quadrillage : quatre étapes en cases, faits en bandeau */
.pw-w {
	width: min(1240px, 100vw - 20px);
	margin-left: calc((100% - min(1240px, 100vw - 20px)) / 2);
	border-right: 1px solid var(--qd-l);
	border-left: 1px solid var(--qd-l);
}

.pw-hd {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	padding: 96px 0 56px;
}

.pw-hd h2 {
	grid-column: 1 / 3;
	padding: 0 32px;
}

.pw-hd p {
	grid-column: 4;
	align-self: end;
	padding: 0 32px 4px;
	color: var(--pild-mut);
	font-size: 15.5px;
	line-height: 1.6;
}

.pw-steps {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin: 0;
	padding: 0;
	border-top: 1px solid var(--qd-l);
	list-style: none;
}

.pw-step + .pw-step {
	box-shadow: inset 1px 0 0 var(--qd-l);
}

.pw-band {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 54px;
	padding: 0 26px;
	border-bottom: 1px solid var(--qd-l);
	background: rgba(31, 45, 107, 0.035);
	color: var(--pild-mut);
	font-size: 13.5px;
}

.pw-band svg {
	color: var(--pild-lat);
}

.pw-step h3 {
	margin: 0;
	padding: 28px 26px 0;
	color: var(--pild-ind);
	font-size: 21px;
	font-weight: 650;
	letter-spacing: -0.02em;
	line-height: 1.2;
}

.pw-step p {
	padding: 10px 26px 34px;
	color: var(--pild-mut);
	font-size: 15px;
	line-height: 1.55;
}

.pw-facts {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin: 0;
	border-top: 1px solid var(--qd-l);
	border-bottom: 1px solid var(--qd-l);
}

.pw-facts > div {
	display: flex;
	flex-direction: column-reverse;
	gap: 4px;
	padding: 22px 26px 24px;
}

.pw-facts > div + div {
	box-shadow: inset 1px 0 0 var(--qd-l);
}

.pw-facts dt {
	color: var(--pild-mut);
	font-size: 13.5px;
}

.pw-facts dd {
	margin: 0;
	color: var(--pild-ind);
	font-size: 21px;
	font-weight: 650;
	letter-spacing: -0.02em;
}

@media (max-width: 900px) {
	.pw-hd {
		grid-template-columns: 1fr;
		padding: 64px 0 36px;
	}

	.pw-hd h2,
	.pw-hd p {
		grid-column: 1;
		padding: 0 20px;
	}

	.pw-hd p {
		margin-top: 14px;
	}

	.pw-steps,
	.pw-facts {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.pw-step:nth-child(3) {
		box-shadow: none;
	}

	.pw-step:nth-child(n+3) {
		border-top: 1px solid var(--qd-l);
	}

	.pw-facts > div:nth-child(3) {
		box-shadow: none;
	}

	.pw-facts > div:nth-child(n+3) {
		border-top: 1px solid var(--qd-l);
	}

	.pw-band,
	.pw-step h3,
	.pw-step p,
	.pw-facts > div {
		padding-right: 18px;
		padding-left: 18px;
	}
}

@media (max-width: 560px) {
	.pw-steps {
		grid-template-columns: 1fr;
	}

	.pw-step + .pw-step {
		box-shadow: none;
		border-top: 1px solid var(--qd-l);
	}
}

.pw .qx {
	width: min(1240px, 100vw - 20px);
}