/*
 * « Bandes » — the full-width image bands and the diagonal separator of the
 * validated homepage (d4-pavillon.css: .biais, .bande-illu, .mer).
 * Loaded only when a block carries .is-style-gb-biais, .is-style-gb-bande or
 * .is-style-gb-bande-pano.
 */

/* ─────────────────────────────────── the diagonal separator ──
 * It is NOT a clip-path on a section: a clipped section reveals what lies
 * behind it, i.e. the page ground (a white triangle once sat between the
 * indigo and the blue). The separator carries BOTH its colours: the outer
 * group is the ground of the section BELOW, the inner group — clipped to a
 * triangle — the ground of the section ABOVE. Each is a couple variation the
 * SA changes in « Styles ». */
.is-style-gb-biais { position: relative; overflow: hidden; z-index: 1; padding: 0;
	block-size: clamp(2.2rem, 4.5vw, 5rem); }
.is-style-gb-biais > .wp-block-group { position: absolute; inset: 0; margin: 0; padding: 0;
	max-inline-size: none; min-block-size: 0; clip-path: polygon(0 0, 100% 0, 0 100%); }

@media (max-width: 760px) {
	.is-style-gb-biais { block-size: 2.2rem; }
}

/* ─────────────────────────────────── the image bands ──
 * A full-width image between two sections: a purely visual beat that breaks
 * the pile of text bands. Edge to edge, so no hard shadow here. */
figure.wp-block-image.is-style-gb-bande,
figure.wp-block-image.is-style-gb-bande-pano { margin-block: 0; line-height: 0; }
/* `!important`: the editor writes style="height:auto" on every image, which would
   win over this height and show the whole picture in the canvas (05/09). */
figure.wp-block-image.is-style-gb-bande img,
figure.wp-block-image.is-style-gb-bande-pano img { display: block; inline-size: 100%;
	block-size: clamp(16rem, 34vw, 30rem) !important; object-fit: cover; object-position: center 42%; }

/* The panorama: the frieze is cropped at the source on its useful strip (4.7:1),
   so no object-position catch-up; its sea is the charter cyan, and the band
   around it continues it. */
figure.wp-block-image.is-style-gb-bande-pano img { block-size: clamp(9rem, 17vw, 15rem) !important;
	object-position: center; }