/* intro/recit — titre a gauche, recit a droite. Aucune image. */

.ivy-intro--recit {
	display: grid;
	grid-template-columns: minmax( 0, 5fr ) minmax( 0, 7fr );
	align-items: start;
	gap: 24px clamp( 32px, 6vw, 96px );
	width: 100%;
	max-width: 1320px;
	margin-inline: auto;
	padding: clamp( 88px, 12vw, 160px ) clamp( 20px, 4vw, 40px );
	color: var( --ivy-ink, rgb( 17 17 17 ) );
}

.ivy-intro--recit .ivy-intro__header { display: grid; gap: 18px; }

.ivy-intro--recit .ivy-intro__eyebrow {
	margin: 0;
	color: var( --ivy-eyebrow-color, var( --ivy-ink, rgb( 17 17 17 ) ) );
	font-size: var( --ivy-font-label );
	font-weight: 600;
	letter-spacing: .2em;
	text-transform: uppercase;
}

.ivy-intro--recit .ivy-intro__title { margin: 0; color: var( --ivy-title-color, var( --ivy-ink, rgb( 17 17 17 ) ) ); }

.ivy-intro--recit .ivy-intro__text { color: var( --ivy-text-color, var( --ivy-ink, rgb( 17 17 17 ) ) ); font-size: var( --ivy-font-lead ); line-height: 1.7; }
.ivy-intro--recit .ivy-intro__text > :first-child { margin-top: 0; }
.ivy-intro--recit .ivy-intro__text > :last-child { margin-bottom: 0; }

/* La signature : un paragraphe final tout en italique. */
.ivy-intro--recit .ivy-intro__text > p:last-child:has( > em:only-child ) {
	margin-top: 28px;
	font-family: var( --e-global-typography-primary-font-family, inherit );
	font-size: var( --ivy-font-lead );
}

.ivy-intro--recit .ivy-intro__actions { display: flex; flex-wrap: wrap; gap: 12px 20px; margin-top: 28px; }
:where( .ivy-intro--recit ) .ivy-intro__cta { display: inline-flex; align-items: center; min-height: 44px; padding: .85em 1.5em; border-radius: var( --ivy-radius-action, 0 ); background: var( --ivy-cta-background-color, var( --ivy-accent, rgb( 17 17 17 ) ) ); color: var( --ivy-cta-color, var( --ivy-on-accent, rgb( 255 255 255 ) ) ); font-size: var( --ivy-font-body ); font-weight: 600; text-decoration: none; }
:where( .ivy-intro--recit ) .ivy-intro__cta--secondary { padding-inline: 0; background: var( --ivy-cta_secondary-background-color, transparent ); color: var( --ivy-cta_secondary-color, var( --ivy-accent, rgb( 17 17 17 ) ) ); }

@media ( max-width: 900px ) {
	.ivy-intro--recit { grid-template-columns: minmax( 0, 1fr ); }
}