/* ABOUTME: Styles for the image gallery section with default and fullscreen modes. */
/* ABOUTME: Grid layout for multiple images with responsive column adjustments. */
section.section--images:has(.fullscreen) {
	padding: 0px;
}

section.section--images .images_wrapper.default {
	display: flex;
	max-width: var(--mcw);
	margin: 0 auto;
	position: relative;
	gap: var(--rcg);
	height: var(--section_height, 50vh);
}

section.section--images .images_wrapper.fullscreen {
	display: flex;
	height: var(--section_height, 50vh);
}

section.section--images .image {
	width: 100%;
	height: auto;
	position: relative;
}

section.section--images img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

section.section--images .image svg {
	object-fit: cover;
}