/*
 * cards/photos-texte — transposition de `.pourquoi__grille` et `.carte-photo` (maquette Les Jolies Clés) :
 * des blocs de même hauteur, deux par rangée (une colonne sous 900 px), photo 4/3 entière, encadré de texte dessous.
 * Engagement 5 : aucun hexadécimal, valeurs de repli comprises.
 */
.ivy-cards--photos-texte { padding: clamp( 88px, 10vw, 144px ) max( clamp( 20px, 5vw, 64px ), calc( ( 100% - 1040px ) / 2 ) ); }
.ivy-cards--photos-texte .ivy-cards__inner { margin-inline: auto; }
.ivy-cards--photos-texte .ivy-cards__header { margin-bottom: 40px; }
.ivy-cards--photos-texte .ivy-cards__eyebrow { display: block; margin-bottom: 18px; color: var( --ivy-eyebrow-color, var( --ivy-gold-text, rgb( 138 106 51 ) ) ); font-size: var( --ivy-font-label ); font-weight: 600; line-height: 1.6; letter-spacing: .22em; text-transform: uppercase; }
.ivy-cards--photos-texte .ivy-cards__title { margin: 0; color: var( --ivy-title-color, var( --ivy-ink, rgb( 58 50 38 ) ) ); line-height: 1.15; }
.ivy-cards--photos-texte .ivy-cards__lead { max-inline-size: 760px; margin-top: 16px; }
.ivy-cards--photos-texte .ivy-cards__text { margin: 0; color: var( --ivy-text-color, var( --ivy-muted, rgb( 107 98 82 ) ) ); }
.ivy-cards--photos-texte .ivy-cards__text p { margin: 0; font-size: inherit; }
.ivy-cards--photos-texte .ivy-cards__list { display: grid; grid-template-columns: minmax( 0, 1fr ); grid-auto-rows: 1fr; gap: clamp( 24px, 3vw, 40px ); margin: 0; padding: 0; list-style: none; }
.ivy-cards--photos-texte .ivy-cards__item { display: flex; flex-direction: column; margin: 0; background: var( --ivy-item-background-color, transparent ); }
.ivy-cards--photos-texte .ivy-cards__item-media { margin: 0; aspect-ratio: 4 / 3; overflow: hidden; border-radius: var( --ivy-radius-surface, 4px ) var( --ivy-radius-surface, 4px ) 0 0; background: var( --ivy-surface-sunk, rgb( 238 230 216 ) ); }
.ivy-cards--photos-texte .ivy-cards__item-media img { display: block; inline-size: 100%; block-size: 100%; object-fit: cover; object-position: var( --ivy-cards-focus, 50% 50% ); }
.ivy-cards--photos-texte.ivy-cards--focus-top .ivy-cards__item-media img { --ivy-cards-focus: 50% 0%; }
.ivy-cards--photos-texte.ivy-cards--focus-bottom .ivy-cards__item-media img { --ivy-cards-focus: 50% 100%; }
.ivy-cards--photos-texte .ivy-cards__item-body { flex: 1; padding: clamp( 22px, 2.4vw, 32px ); background: var( --ivy-surface-soft, rgb( 246 241 232 ) ); border-radius: 0 0 var( --ivy-radius-surface, 4px ) var( --ivy-radius-surface, 4px ); }
.ivy-cards--photos-texte .ivy-cards__item-title { margin: 0; color: var( --ivy-item_title-color, var( --ivy-ink, rgb( 58 50 38 ) ) ); font-weight: 600; line-height: 1.25; }
.ivy-cards--photos-texte .ivy-cards__item-text { margin: 10px 0 0; color: var( --ivy-item_text-color, var( --ivy-muted, rgb( 107 98 82 ) ) ); line-height: 1.65; }
@media ( min-width: 900px ) {
	.ivy-cards--photos-texte.ivy-cards--cols-2 .ivy-cards__list { grid-template-columns: repeat( 2, minmax( 0, 1fr ) ); }
	.ivy-cards--photos-texte.ivy-cards--cols-3 .ivy-cards__list { grid-template-columns: repeat( 3, minmax( 0, 1fr ) ); }
	.ivy-cards--photos-texte.ivy-cards--cols-4 .ivy-cards__list { grid-template-columns: repeat( 4, minmax( 0, 1fr ) ); }
}
@media ( max-width: 899px ) { .ivy-cards--photos-texte .ivy-cards__list { grid-auto-rows: auto; } }