/**
 * css/components/gallery-band.css — About page restyle (#68)
 *
 * Full-bleed, edge-to-edge stacked image band (blocks/about_content/
 * images.php) + a centered `.cg-btn` footer (button.css, #122). About-only
 * — no existing cg component is a bare full-bleed picture stack.
 *
 * Tokens only — no raw hex, no @layer, no !important.
 */

.cg-gallery-band {
	display: flex;
	flex-direction: column;
}

.cg-gallery-band picture,
.cg-gallery-band img {
	display: block;
	width: 100%;
	height: auto;
}

.cg-gallery-band__cta {
	display: flex;
	justify-content: center;
	padding-block: var( --section-pad );
	background: var( --surface );
}