/**
 * Page « Qui suis-je ? » — grille sur divs propres (pas le bloc Colonnes WP).
 */

@media (min-width: 782px) {
	body.bd-page-qui-suis-je .bd-qui-suis-je-intro .bd-qui-suis-je-row,
	.editor-styles-wrapper .bd-qui-suis-je-intro .bd-qui-suis-je-row {
		display: grid;
		grid-template-columns: 320px minmax(0, 1fr);
		align-items: start;
		column-gap: var(--wp--preset--spacing--50, clamp(1.25rem, 4vw, 3rem));
		row-gap: 0;
		width: 100%;
		box-sizing: border-box;
	}

	body.bd-page-qui-suis-je .bd-qui-suis-je-photo-col,
	.editor-styles-wrapper .bd-qui-suis-je-photo-col {
		min-width: 0;
		max-width: 320px;
	}

	body.bd-page-qui-suis-je .bd-qui-suis-je-text-col,
	.editor-styles-wrapper .bd-qui-suis-je-text-col {
		min-width: 0;
	}

	body.bd-page-qui-suis-je .bd-qui-suis-je-intro .bd-qui-suis-je-photo-col .wp-block-image img,
	body.bd-page-qui-suis-je .bd-qui-suis-je-intro .bd-qui-suis-je-photo-col img,
	.editor-styles-wrapper .bd-qui-suis-je-intro .bd-qui-suis-je-photo-col img {
		width: 320px;
		max-width: 100%;
		height: auto;
		object-fit: cover;
		display: block;
	}
}

@media (max-width: 781px) {
	body.bd-page-qui-suis-je .bd-qui-suis-je-intro .bd-qui-suis-je-row,
	.editor-styles-wrapper .bd-qui-suis-je-intro .bd-qui-suis-je-row {
		display: grid;
		grid-template-columns: 1fr;
		row-gap: var(--wp--preset--spacing--40, 1.25rem);
	}
}