/**
 * Colonnes filetées — des séparateurs verticaux entre les colonnes, sans
 * cadre, sans fond, sans case. Le trait est la seule structure.
 *
 * Les séparateurs traversent toute la hauteur de la section, d'un filet à
 * l'autre : le bloc remonte dans le padding vertical de .section par une
 * marge négative, et les colonnes le recomposent en padding interne. Le
 * texte ne bouge pas, seuls les traits s'allongent. --section-space est
 * déclarée par .section et héritée ici ; sans elle, rien ne déborde.
 *
 * La marge doit porter sur le conteneur et le padding sur les colonnes :
 * une marge négative posée sur les colonnes entrerait dans le calcul de
 * hauteur de la rangée flex et l'écraserait.
 *
 * À n'employer que si le bloc est le seul contenu de sa section, sinon la
 * marge négative chevaucherait le bloc voisin.
 *
 * Le style porte sur .wp-block-column, pas sur une classe à poser à la main :
 * une colonne ajoutée depuis l'éditeur est filetée sans autre intervention.
 */

.wp-block-columns.columns-ruled {
	gap: 0;
	margin-block: calc(-1 * var(--section-space, 0px));
}

.columns-ruled > .wp-block-column {
	padding-block: var(--section-space, 0px);
	padding-inline: var(--space-xl);
}

/* Deux retraits pour deux besoins. À l'intérieur du rang, il s'agit
   seulement d'écarter le texte du séparateur : --space-xl y suffit. Aux
   deux bords, le texte doit retomber sur la verticale du site, et cela
   dépend de la largeur du bloc. Dans le flux, la gouttière de page est
   déjà posée par la section : les bords restent à zéro. En pleine
   largeur, le bloc l'a annulée : chaque bord la reprend à son compte.

   Poser la gouttière de page des deux côtés de chaque colonne, comme le
   ferait un réglage d'espacement uniforme depuis l'éditeur, la fait payer
   deux fois : à 1008 px de large une colonne mesure 336 px, dont 164 de
   retrait, et les lignes se hachent. */
.columns-ruled > .wp-block-column:first-child {
	padding-inline-start: 0;
}

.columns-ruled > .wp-block-column:last-child {
	padding-inline-end: 0;
}

.columns-ruled.alignfull > .wp-block-column:first-child {
	padding-inline-start: var(--space-page);
}

.columns-ruled.alignfull > .wp-block-column:last-child {
	padding-inline-end: var(--space-page);
}

.columns-ruled > .wp-block-column + .wp-block-column {
	border-inline-start: var(--line-width) solid var(--color-line);
}

/* Une couleur de bordure choisie dans l'éditeur ne doit piloter que les
   séparateurs : border.css bascule déjà --color-line, dont les colonnes
   héritent. Le cadre que .has-border-color dessinerait autour du bloc est
   neutralisé, il contredirait le principe de cette section. */
.columns-ruled.has-border-color {
	border-width: 0;
}

/* L'indice appartient au titre qui le suit : le rythme vertical général
   les séparerait de --space-xl, ce qui laisserait le numéro flottant. */
.columns-ruled .mosaic__index + :is(h2, h3, h4) {
	margin-block-start: var(--space-2xs);
}

/* Trois promesses : les filets occupent toute la section, le contenu se centre. */
.columns-ruled--promises > .wp-block-column {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: var(--space-sm);
}

.columns-ruled--promises .mosaic__cell > :is(h2, h3, h4),
.columns-ruled--promises > .wp-block-column > :is(h2, h3, h4) {
	font-family: var(--font-display);
	font-size: var(--font-size-xl);
	font-weight: var(--font-weight-medium);
	letter-spacing: var(--letter-spacing-display);
	line-height: var(--line-height-display);
}

.columns-ruled--promises .mosaic__index {
	font-family: var(--font-display);
	font-size: var(--font-size-4xl);
	font-weight: var(--font-weight-bold);
	line-height: 1;
	letter-spacing: var(--letter-spacing-display);
	color: var(--color-cool);
	opacity: 1;
}

.invert .columns-ruled--promises .mosaic__index {
	color: var(--color-text);
	opacity: 0.55;
}

.columns-ruled--promises .mosaic__index + :is(h2, h3, h4) {
	margin-block-start: 0;
}

.columns-ruled--promises .stat {
	margin-block: 0;
}

.columns-ruled--promises .stat + :is(h2, h3, h4) {
	margin-block-start: 0;
}

.columns-ruled--promises .stat--figure {
	flex-direction: row;
	flex-wrap: wrap;
	align-items: baseline;
	column-gap: var(--space-md);
	row-gap: 0;
}

.columns-ruled--promises .stat--figure .stat__value {
	color: var(--color-accent);
	font-weight: var(--font-weight-bold);
	white-space: nowrap;
}

.columns-ruled--promises .stat--figure .stat__label {
	margin-block: 0;
}

/* Titre de section au-dessus des colonnes filetées : ne pas remonter
   les filets dans le padding haut, ils chevaucheraient le h2. */
@media (min-width: 782px) {
	.section:has(> :is(h2, h3)) > .wp-block-columns.columns-ruled {
		margin-block-start: 0;
		margin-block-end: calc(-1 * var(--section-space, 0px));
	}

	.section:has(> :is(h2, h3)) > .columns-ruled > .wp-block-column {
		padding-block-start: 0;
		padding-block-end: var(--section-space, 0px);
	}

	.section:has(> :is(h2, h3)) > .columns-ruled--promises > .wp-block-column {
		justify-content: flex-start;
	}
}

#trois-sans > h2 {
	font-family: var(--font-display);
	font-size: var(--font-size-3xl) !important;
	font-weight: var(--font-weight-medium);
	letter-spacing: var(--letter-spacing-display);
	line-height: var(--line-height-display);
	max-inline-size: none;
	max-width: none;
	margin-block-end: 0;
	padding-block-end: var(--space-2xl);
	text-align: center;
}

@media (max-width: 781px) {
	#trois-sans {
		--wp--style--block-gap: var(--space-md);
	}

	#trois-sans > h2 {
		padding-block-end: var(--space-lg);
	}

	#trois-sans .columns-ruled--promises > .wp-block-column:first-child {
		padding-block-start: var(--space-xl);
	}
}

@media (min-width: 782px) {
	#trois-sans .columns-ruled > .wp-block-column + .wp-block-column {
		border-inline-start: 0;
	}
}

@media (max-width: 767px) {
	.columns-ruled--promises .mosaic__index {
		font-size: var(--font-size-3xl);
	}
}

/* 781 px est le seuil où core/columns empile ses colonnes. Le séparateur
   bascule au même point : sinon un trait vertical subsisterait entre des
   colonnes déjà empilées. Empilées, les colonnes ne débordent plus du
   padding de section : elles se chevaucheraient entre elles. */
@media (max-width: 781px) {
	.wp-block-columns.columns-ruled {
		margin-block: 0;
	}

	.columns-ruled > .wp-block-column {
		padding-block: 0;
		padding-inline: 0;
		position: relative;
	}

	/* Empilées, les colonnes d'un bloc pleine largeur touchent le bord de
	   l'écran : la gouttière de page revient alors des deux côtés. */
	.columns-ruled.alignfull > .wp-block-column {
		padding-inline: var(--space-page);
	}

	.columns-ruled > .wp-block-column + .wp-block-column {
		border-inline-start: 0;
		border-block-start: 0;
		padding-block-start: var(--space-xl);
	}

	/* Le filet est un calque, pas une bordure de colonne : il suit la
	   gouttière du texte au lieu de traverser l'écran. */
	.columns-ruled > .wp-block-column + .wp-block-column::before {
		content: "";
		position: absolute;
		inset-inline: 0;
		inset-block-start: 0;
		border-block-start: var(--line-width) solid var(--color-line);
	}

	.columns-ruled.alignfull > .wp-block-column + .wp-block-column::before {
		inset-inline: var(--space-page);
	}

	.section.ruled-accent:has( .columns-ruled--promises ) {
		padding-block: 0 !important;
		overflow-x: clip;
	}

	.columns-ruled--promises.alignfull {
		margin-inline: 0 !important;
	}

	.columns-ruled--promises.alignfull > .wp-block-column,
	.columns-ruled--promises.alignfull > .wp-block-column:first-child,
	.columns-ruled--promises.alignfull > .wp-block-column:last-child {
		padding-inline: 0;
	}

	.columns-ruled--promises > .wp-block-column,
	.columns-ruled.columns-ruled--promises > .wp-block-column + .wp-block-column {
		--wp--style--block-gap: 0;
		display: flex !important;
		flex-direction: column;
		justify-content: flex-start;
		padding-block: var(--space-2xl);
		padding-block-start: var(--space-2xl);
		gap: var(--space-md);
	}

	.columns-ruled--promises > .wp-block-column > *,
	.columns-ruled--promises > .wp-block-column > * + *,
	.columns-ruled--promises > .wp-block-column > :is(p, h2, h3, h4) + *,
	.columns-ruled--promises > .wp-block-column > * + :is(h2, h3, h4) {
		margin-block: 0 !important;
		margin-block-start: 0 !important;
		margin-block-end: 0 !important;
	}

	.columns-ruled--promises .mosaic__index {
		font-size: var(--font-size-2xl);
	}

	.columns-ruled--promises.alignfull > .wp-block-column + .wp-block-column::before {
		inset-inline: calc(-1 * var(--space-page));
	}

	/* Empilés, ces titres sont des affirmations pleine largeur, plus des
	   libellés de colonne. h3 reste à --font-size-lg (22px) en rangée. */
	.columns-ruled > .wp-block-column > :is(h2, h3, h4) {
		font-size: var(--font-size-xl);
	}
}

/* Split portrait + texte — section entreprise accueil */
.wp-block-columns.columns-split {
	gap: var(--space-2xl);
	align-items: stretch;
}

.portrait-media {
	margin: 0;
}

.portrait-media img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 2 / 3;
	object-fit: cover;
	object-position: center top;
}

/* Photo à gauche, texte à droite : même gabarit 2:3 que le portrait. */
.columns-split--media-first > .wp-block-column:first-child .wp-block-image {
	margin: 0;
}

.columns-split--media-first > .wp-block-column:first-child .wp-block-image img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 2 / 3;
	object-fit: cover;
	object-position: center;
}

@media (min-width: 1024px) {
	.columns-split > .wp-block-column:first-child {
		display: flex;
		flex-direction: column;
		justify-content: center;
		flex: 1 1 0;
		min-width: 0;
	}

	.columns-split > .wp-block-column:last-child {
		flex: 0 0 auto !important;
		max-width: clamp(24rem, 28vw, 34rem);
	}

	.columns-split .portrait-media {
		margin-inline-start: auto;
	}

	/* Inverse : photo à gauche (gabarit portrait), texte à droite (espace restant). */
	.columns-split.columns-split--media-first > .wp-block-column:first-child {
		flex: 0 0 auto !important;
		max-width: clamp(24rem, 28vw, 34rem);
		display: block;
	}

	.columns-split.columns-split--media-first > .wp-block-column:last-child {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: stretch;
		flex: 1 1 0 !important;
		min-width: 0;
		max-width: none;
	}

	.columns-split.columns-split--media-first > .wp-block-column:last-child > :is(h2, p, .spec-sheet, .wp-block-buttons) {
		width: 100%;
		max-width: none;
	}
}

@media (max-width: 1023px) {
	#fondateur {
		--section-space: var(--space-xl);
		padding-block-start: var(--space-md);
		padding-block-end: var(--space-3xl);
	}

	#fondateur .columns-split {
		gap: var(--space-xl);
	}

	#fondateur .columns-split > .wp-block-column:first-child > :first-child {
		margin-block-start: 0;
	}

	#fondateur .columns-split > .wp-block-column.is-vertically-aligned-center {
		justify-content: flex-start;
		align-self: stretch;
	}

	.wp-block-columns.columns-split {
		flex-direction: column;
	}

	.columns-split > .wp-block-column {
		flex-basis: 100% !important;
		width: 100%;
		max-width: none !important;
	}

	.columns-split > .wp-block-column:last-child {
		margin-inline: 0;
	}

	.columns-split .portrait-media {
		margin-inline: 0;
	}

	.columns-split > .wp-block-column + .wp-block-column {
		padding-block-start: var(--space-xl);
	}

	.columns-split.columns-split--media-first > .wp-block-column:first-child,
	.columns-split.columns-split--media-first > .wp-block-column:last-child {
		margin-inline: 0;
	}

	.columns-split.columns-split--media-first > .wp-block-column:last-child {
		order: 1;
		padding-block-start: 0;
	}

	.columns-split.columns-split--media-first > .wp-block-column:first-child {
		order: 2;
		padding-block-start: var(--space-xl);
	}

	.columns-split .portrait-media img,
	.columns-split--media-first > .wp-block-column:first-child .wp-block-image img {
		width: 100%;
		aspect-ratio: 4 / 5;
		object-fit: cover;
		object-position: center;
	}
}

/* Texte à gauche, visuel 4:3 à droite. Empile sous 768 px, pas 1023 :
   tablette garde le split. */
.columns-split--figure .wp-block-image {
	margin: 0;
}

.columns-split--figure .wp-block-image img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.section > .wp-block-image {
	margin-inline: 0;
}

.section > .wp-block-image img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.columns-split--figure .wp-block-list {
	display: flex;
	flex-direction: column;
	gap: var(--space-sm);
	max-inline-size: var(--measure);
	padding-inline-start: 1.15em;
}

.columns-split--figure .wp-block-list li::marker {
	color: color-mix(in srgb, var(--color-text) 45%, transparent);
}

.columns-split--figure .closing,
.closing {
	margin-block-start: var(--space-xl);
}

@media (min-width: 1024px) {
	.columns-split.columns-split--figure > .wp-block-column:last-child {
		flex: 0 1 42% !important;
		max-width: min(36rem, 46%);
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.wp-block-columns.columns-split.columns-split--figure {
		flex-direction: row;
		align-items: center;
	}

	.columns-split--figure > .wp-block-column {
		flex-basis: auto !important;
		width: auto;
		max-width: none !important;
	}

	.columns-split--figure > .wp-block-column:first-child {
		flex: 1 1 0 !important;
		min-width: 0;
	}

	.columns-split--figure > .wp-block-column:last-child {
		flex: 0 1 42% !important;
		max-width: 32rem !important;
		padding-block-start: 0;
	}
}

@media (max-width: 767px) {
	.wp-block-columns.columns-split.columns-split--figure {
		flex-direction: column;
	}

	.columns-split--figure > .wp-block-column {
		flex-basis: 100% !important;
		width: 100%;
		max-width: none !important;
	}

	.columns-split--figure > .wp-block-column:last-child {
		padding-block-start: var(--space-xl);
	}
}

/* Atelier accueil — portrait en bannière, faits filetés sur papier. */
.section.section--atelier {
	padding-block: 0;
	padding-inline: 0 !important;
}

.section.section--atelier > .alignfull {
	margin-block-start: 0;
	margin-inline: 0;
	max-width: none;
	width: 100%;
}

.wp-block-cover.atelier-cover {
	padding: 0;
	min-height: 52rem !important;
	align-items: center;
	background-color: var(--color-paper);
}

.wp-block-cover.atelier-cover .wp-block-cover__background.has-background-dim {
	opacity: 0;
}

.wp-block-cover.atelier-cover::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(
		to bottom,
		var(--color-base) 0%,
		color-mix(in srgb, var(--color-base) 78%, transparent) 18%,
		color-mix(in srgb, var(--color-base) 42%, transparent) 48%,
		color-mix(in srgb, var(--color-base) 32%, transparent) 66%,
		color-mix(in srgb, var(--color-paper) 45%, transparent) 84%,
		var(--color-paper) 100%
	);
}

.wp-block-cover.atelier-cover .wp-block-cover__inner-container {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: var(--space-md);
	inline-size: 100%;
	max-inline-size: none;
	margin-block: auto;
	margin-inline: 0;
	padding-inline: var(--space-page);
	padding-block: var(--space-2xl);
}

.wp-block-cover.atelier-cover .wp-block-cover__inner-container > * {
	margin-inline: 0 !important;
	margin-block: 0;
	max-inline-size: 42rem;
}

.wp-block-cover.atelier-cover .wp-block-cover__inner-container > :is(h2, h3) {
	max-inline-size: none;
}

.wp-block-cover.atelier-cover .lede {
	max-inline-size: 52ch;
}

.wp-block-cover.atelier-cover .wp-block-cover__image-background {
	object-position: center 48%;
}

.columns-ruled--atelier > .wp-block-column > p {
	margin-block: 0;
	max-inline-size: var(--measure);
}

.atelier-facts .wp-block-column > :is(h2, h3) {
	margin-block: 0;
	max-inline-size: var(--measure);
	font-size: var(--font-size-2xl);
}

.atelier-facts .wp-block-column > p {
	margin-block: 0;
	max-inline-size: var(--measure);
}

.atelier-facts .wp-block-column > :is(h2, h3) + p {
	margin-block-start: var(--space-md);
}

.atelier-facts .wp-block-buttons {
	margin-block-start: var(--space-xl);
}

.atelier-facts .wp-block-image {
	margin: 0;
}

.atelier-facts .wp-block-image img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	object-position: center 28%;
}

@media (max-width: 767px) {
	.wp-block-cover.atelier-cover {
		min-height: 32rem !important;
	}
}

/* Coûts cachés : chiffre + titre à gauche, texte à droite.
   subgrid aligne les deux pistes d'une rangée à l'autre. */
#couts-caches > h2 {
	margin-block-end: var(--space-md);
}

#couts-caches > .wp-block-columns.columns-ruled {
	display: grid;
	grid-template-columns: minmax(8rem, 12rem) minmax(0, 1fr);
	column-gap: var(--space-xl);
	row-gap: 0;
	flex-direction: unset;
	flex-wrap: unset;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline: 0 !important;
	width: 100%;
	max-width: none;
	padding-inline: 0;
}

#couts-caches > .columns-ruled > .wp-block-column,
#couts-caches .columns-ruled--promises > .wp-block-column,
#couts-caches .columns-ruled.columns-ruled--promises > .wp-block-column + .wp-block-column {
	display: grid !important;
	grid-template-columns: subgrid;
	grid-template-rows: repeat(3, auto);
	grid-column: 1 / -1;
	column-gap: unset;
	row-gap: var(--space-2xs);
	align-items: start;
	width: auto;
	flex-basis: auto !important;
	min-width: 0;
	padding-block: var(--space-xl);
	padding-inline: 0 !important;
	border-inline-start: 0;
	gap: unset;
}

#couts-caches > .columns-ruled.alignfull > .wp-block-column,
#couts-caches > .columns-ruled.alignfull > .wp-block-column:first-child,
#couts-caches > .columns-ruled.alignfull > .wp-block-column:last-child,
#couts-caches .columns-ruled--promises.alignfull > .wp-block-column,
#couts-caches .columns-ruled--promises.alignfull > .wp-block-column:first-child,
#couts-caches .columns-ruled--promises.alignfull > .wp-block-column:last-child {
	padding-inline: 0 !important;
}

#couts-caches > .columns-ruled > .wp-block-column + .wp-block-column {
	border-inline-start: 0;
	border-block-start: var(--line-width) solid var(--color-line);
	padding-block-start: var(--space-xl);
}

#couts-caches > .columns-ruled > .wp-block-column + .wp-block-column::before {
	content: none;
}

#couts-caches .stat {
	grid-column: 1;
	grid-row: 1 / -1;
	align-self: start;
	min-width: 0;
}

#couts-caches .stat--figure,
#couts-caches .columns-ruled--promises .stat--figure {
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: flex-start;
	row-gap: var(--space-2xs);
	column-gap: 0;
}

#couts-caches .stat--figure .stat__value,
#couts-caches .stat--figure .stat__value.has-4-xl-font-size {
	font-size: var(--font-size-2xl) !important;
	white-space: nowrap;
}

#couts-caches .stat--figure .stat__label {
	max-width: none;
}

#couts-caches .columns-ruled--promises > .wp-block-column > :is(h2, h3, h4) {
	grid-column: 2;
	grid-row: 1;
	margin: 0 !important;
	font-size: var(--font-size-lg);
	align-self: start;
	min-width: 0;
	max-inline-size: none;
}

#couts-caches .columns-ruled--promises > .wp-block-column > p {
	grid-column: 2;
	grid-row: auto;
	margin: 0 !important;
	max-inline-size: none;
	min-width: 0;
}

@media (max-width: 639px) {
	#couts-caches > .wp-block-columns.columns-ruled {
		grid-template-columns: minmax(0, 1fr);
	}

	#couts-caches > .columns-ruled > .wp-block-column,
	#couts-caches .columns-ruled--promises > .wp-block-column,
	#couts-caches .columns-ruled.columns-ruled--promises > .wp-block-column + .wp-block-column {
		grid-template-columns: minmax(0, 1fr);
		grid-column: 1;
		row-gap: var(--space-md);
		gap: var(--space-md);
	}

	#couts-caches .stat,
	#couts-caches .columns-ruled--promises > .wp-block-column > :is(h2, h3, h4),
	#couts-caches .columns-ruled--promises > .wp-block-column > p,
	#couts-caches .columns-ruled--promises > .wp-block-column:not(:has(> p + p)) > p {
		grid-column: 1;
		grid-row: auto;
	}
}

/* Trois gammes : titre, visuel, caractéristiques, en colonnes filetées. */
.columns-ruled.columns-gammes > .wp-block-column {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: var(--space-md);
}

.columns-gammes > .wp-block-column > :is(h2, h3, h4),
.columns-gammes > .wp-block-column > p {
	margin: 0;
	max-inline-size: none;
}

.columns-gammes > .wp-block-column > h2 {
	font-family: var(--font-display);
	font-size: var(--font-size-xl);
	font-weight: var(--font-weight-medium);
	letter-spacing: var(--letter-spacing-display);
	line-height: var(--line-height-display);
}

.columns-gammes > .wp-block-column > h3 {
	font-family: var(--font-body);
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-medium);
	letter-spacing: var(--letter-spacing-label);
	line-height: var(--line-height-body);
	text-transform: uppercase;
}

.columns-gammes > .wp-block-column > p {
	font-size: var(--font-size-sm);
}

.columns-gammes .wp-block-image {
	margin: 0;
}

.columns-gammes .wp-block-image img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.columns-gammes .wp-block-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.columns-gammes .wp-block-list li {
	margin: 0;
	padding-block: var(--space-sm);
	border-block-start: var(--line-width) solid var(--color-line);
	font-size: var(--font-size-sm);
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum";
}

@media (max-width: 1023px) {
	#volumes-standard {
		--section-space: var(--space-2xl);
	}

	.wp-block-columns.columns-ruled.columns-gammes {
		flex-direction: column !important;
		flex-wrap: nowrap;
		margin-block: 0;
	}

	.columns-ruled.columns-gammes > .wp-block-column {
		flex-basis: 100% !important;
		flex-grow: 0;
		width: 100%;
		max-width: none;
		padding-block: var(--space-xl);
		padding-inline: var(--space-page) !important;
		position: relative;
		border-inline-start: 0;
	}

	.columns-ruled.columns-gammes > .wp-block-column:first-child {
		padding-block-start: 0;
	}

	.columns-ruled.columns-gammes > .wp-block-column:last-child {
		padding-block-end: 0;
	}

	.columns-ruled.columns-gammes > .wp-block-column + .wp-block-column {
		border-inline-start: 0;
		padding-block-start: var(--space-xl);
	}

	.columns-ruled.columns-gammes > .wp-block-column + .wp-block-column::before {
		content: "";
		position: absolute;
		inset-inline: var(--space-page);
		inset-block-start: 0;
		border-block-start: var(--line-width) solid var(--color-line);
	}

	.columns-gammes > .wp-block-column > h2 {
		font-size: var(--font-size-xl);
	}

	.columns-gammes > .wp-block-column > h3 {
		font-size: var(--font-size-sm);
	}
}