/**
 * /our-values/ (page 8) — mobile polish.
 *
 * The three value rows zigzag on desktop: Community (image left),
 * Creativity (image RIGHT), Confidence (image left). On mobile WP stacks
 * each .wp-block-columns in source order, so the two image-left rows land
 * image-above-text — but Creativity, whose image column is second in the
 * DOM, stacks text-above-image. That dropped Creativity's photo BELOW its
 * copy and butted it up against Confidence's photo (two images back to
 * back as you scroll).
 *
 * Fix: on mobile only, promote Creativity's image column (the last child of
 * its columns block) above the text column with `order`, so every value row
 * reads image → copy for a consistent scroll. Scoped to the grape gradient
 * band, which is unique to the Creativity section. Desktop layout (>781px)
 * is untouched, preserving the intentional zigzag.
 */
@media (max-width: 781px) {
	.has-teal-grape-light-gradient-background .wp-block-columns {
		flex-wrap: wrap;
	}

	.has-teal-grape-light-gradient-background .wp-block-column:last-child {
		order: -1;
	}
}