/*
 * pillars/engagements — transposition de `.valeurs` (maquette Astro ADJ) : quatre colonnes
 * sous un filet commun, sans carte. Engagement 5 : aucun hexadecimal.
 */
.ivy-pillars--engagements {
	--ivy-page-gutter: clamp( 20px, 5vw, 64px );
	box-sizing: border-box;
	padding: clamp( 80px, 9vw, 120px ) max( var( --ivy-page-gutter ), calc( ( 100% - 1280px ) / 2 ) );
}

.ivy-pillars--engagements .ivy-pillars__header { margin-bottom: 40px; }
.ivy-pillars--engagements .ivy-pillars__eyebrow {
	display: block;
	margin-bottom: 14px;
	color: var( --ivy-eyebrow-color, var( --ivy-accent-text, var( --ivy-accent, currentcolor ) ) );
	font-size: var( --ivy-font-label );
	font-weight: 600;
	line-height: 1.6;
	letter-spacing: .14em;
	text-transform: uppercase;
}
.ivy-pillars--engagements .ivy-pillars__title { margin: 0; color: var( --ivy-title-color, var( --ivy-accent, currentcolor ) ); font-family: var( --ivy-font-titre, inherit ); font-weight: 400; line-height: 1.12; }
.ivy-pillars--engagements .ivy-pillars__text { margin-top: 16px; color: var( --ivy-text-color, var( --ivy-ink, currentcolor ) ); }
.ivy-pillars--engagements .ivy-pillars__text p { margin: 0; font-size: inherit; }

.ivy-pillars--engagements .ivy-pillars__list { display: grid; grid-template-columns: repeat( 4, 1fr ); gap: 32px; padding-top: 32px; border-top: 1px solid var( --ivy-line, currentcolor ); }
.ivy-pillars--engagements .ivy-pillars__item { min-width: 0; }
.ivy-pillars--engagements .ivy-pillars__item-title { margin: 0 0 8px; color: var( --ivy-item_title-color, var( --ivy-accent, currentcolor ) ); font-family: var( --ivy-font-titre, inherit ); font-weight: 400; line-height: 1.2; }
.ivy-pillars--engagements .ivy-pillars__item-text { margin: 0; color: var( --ivy-item_text-color, var( --ivy-ink, currentcolor ) ); font-size: var( --ivy-font-body ); line-height: 1.65; }

@media ( max-width: 960px ) {
	.ivy-pillars--engagements .ivy-pillars__list { grid-template-columns: 1fr; gap: 24px; }
}