/**
 * Image section pattern — surrounding section chrome (D014 clamps).
 * Grid / columns live on ya-plugin/image-section.
 */

.ya-image-section {
	--ya-image-section-margin-block: var(
		--wp--custom--spacing--padding-block,
		clamp(3rem, 1.004rem + 4.163vi, 6rem)
	);
	--ya-image-section-padding-inline: var(
		--wp--custom--spacing--padding-inline,
		clamp(1rem, -1.486rem + 8.304vi, 2.5rem)
	);
	--ya-image-section-container-max: var(--wp--style--global--wide-size, 1440px);

	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding-inline: var(--ya-image-section-padding-inline);
	margin-block: var(--ya-image-section-margin-block);
	background: var(--wp--custom--color--background-base, transparent);
}

.ya-image-section,
.ya-image-section * {
	box-sizing: border-box;
}

.ya-image-section__container {
	width: min(100%, var(--ya-image-section-container-max));
	margin-inline: auto;
}