/**
 * Our Partners page: client logo grid.
 * Layout measured from production's native WP [gallery] shortcode
 * output (4 columns, 15px gap, 320.75px square cells at 1440px viewport
 * -- expressed here as a responsive fraction, not a fixed px, so it
 * scales correctly at other widths).
 */

.cwf-partners-gallery {
	padding: 50px 56px;
	background: var(--color-black); /* was the page's plain white
	                                    default (no background set here
	                                    at all) -- changed per the
	                                    client's explicit request, once
	                                    switching to real logos that are
	                                    white line-art on a transparent
	                                    background made the previous
	                                    white-on-white combination
	                                    actually matter (the old
	                                    placeholder logos happened to be
	                                    dark/colorful, so it went
	                                    unnoticed before). See
	                                    MIGRATION.md. */
}

.cwf-partners-gallery__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 15px;
}

.cwf-partners-gallery__cell {
	aspect-ratio: 1 / 1;
	overflow: hidden;
	padding: 24px; /* was a white background box, no padding -- removed
	                   the box now that the section itself is black
	                   (white logos need to sit directly on black, not
	                   inside a white tile); added breathing room around
	                   each logo instead, similar spirit to Home's own
	                   bare-logo treatment (template-parts/logo-row.php). */
}

.cwf-partners-gallery__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

@media (max-width: 1024px) {
	.cwf-partners-gallery {
		padding: 30px;
	}
	.cwf-partners-gallery__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 767px) {
	.cwf-partners-gallery {
		padding: 20px 10px;
	}
}