/*
 * services/pictos — transposition de `.services` (maquette Astro ADJ) : grille de
 * pictogrammes sans cadre, le pictogramme est un glyphe au trait de la couleur
 * des titres. Engagement 5 : aucun hexadecimal.
 */
.ivy-services--pictos {
	--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-services--pictos .ivy-services__header { display: grid; grid-template-columns: 1.1fr .9fr; gap: 48px; align-items: end; margin-bottom: 40px; }
.ivy-services--pictos .ivy-services__header--seule { grid-template-columns: 1fr; }
.ivy-services--pictos .ivy-services__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-services--pictos .ivy-services__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-services--pictos .ivy-services__text { color: var( --ivy-text-color, var( --ivy-ink, currentcolor ) ); }
.ivy-services--pictos .ivy-services__text p { margin: 0; font-size: inherit; }
.ivy-services--pictos .ivy-services__cta {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	margin-top: 10px;
	background: linear-gradient( var( --ivy-support, currentcolor ), var( --ivy-support, currentcolor ) ) left calc( 100% - 9px ) / 100% 1px no-repeat;
	color: var( --ivy-cta-color, var( --ivy-accent, currentcolor ) );
	font-size: var( --ivy-font-body );
	font-weight: 500;
	line-height: 1.6;
	text-decoration: none;
	transition: background-size 240ms cubic-bezier( .22, 1, .36, 1 );
}
.ivy-services--pictos .ivy-services__cta:hover { background-position: right calc( 100% - 9px ); background-size: 0 1px; }

.ivy-services--pictos .ivy-services__grid { display: grid; grid-template-columns: repeat( 3, 1fr ); gap: 44px clamp( 32px, 4vw, 56px ); margin: 0; padding: 0; list-style: none; }
.ivy-services--pictos .ivy-services__item { display: grid; gap: 18px; align-content: start; margin: 0; }
.ivy-services--pictos .ivy-services__item-icon { display: grid; place-items: center; width: 32px; height: 32px; color: var( --ivy-item_icon-color, var( --ivy-accent, currentcolor ) ); font-size: var( --ivy-item_icon-size, 32px ); }
.ivy-services--pictos .ivy-services__item-icon :is( svg, i ) { width: 1em; height: 1em; font-size: inherit; fill: none; stroke: currentcolor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.ivy-services--pictos .ivy-services__item-title { margin: 0 0 6px; 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-services--pictos .ivy-services__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-services--pictos .ivy-services__header { grid-template-columns: 1fr; gap: 16px; }
	.ivy-services--pictos .ivy-services__grid { grid-template-columns: 1fr 1fr; gap: 36px 28px; }
}
@media ( max-width: 560px ) {
	.ivy-services--pictos .ivy-services__grid { grid-template-columns: 1fr; gap: 24px; }
	.ivy-services--pictos .ivy-services__item { grid-template-columns: 48px 1fr; gap: 16px; }
	.ivy-services--pictos .ivy-services__item-icon { width: 48px; height: 48px; }
}