/* ============================================================
 * IMAGE
 * Eén beeld met bijschrift. Drie breedtes:
 *   full  — tot de rand van het scherm
 *   wide  — volle rijbreedte binnen de section-padding
 *   small — halve breedte, gecentreerd
 * ============================================================ */

.image__figure img{
	width: 100%;
	height: auto;
	object-fit: cover;
	border-radius: var(--border-radius-medium);
}


/* FULL — breekt uit de section-padding, het bijschrift niet */
.image--full{
	padding-left: 0;
	padding-right: 0;
}
.image--full > .section-wrapper{
	max-width: 100%;
}
.image--full .image__figure img{
	border-radius: 0;
}
/* Alleen het beeld gaat tot de rand; het bijschrift lijnt uit met de rest
   van de pagina, dus met dezelfde max-width en padding als .section-wrapper. */
.image--full .figure-caption{
	box-sizing: border-box;
	max-width: calc(var(--section-max-width) + 2 * var(--section-padding-left));
	margin-inline: auto;
	padding-inline: var(--section-padding-left);
}


/* SMALL — halve breedte, gecentreerd binnen de rij.
   Een vaste breedte (geen max-width): anders krimpt de figure naar de
   inhoud in plaats van naar de helft van de rij. */
.image--small .image__figure{
	width: 50%;
	margin-inline: auto;
}

@media screen and (max-width: 1200px){
	.image--small .image__figure{ width: 100%; }
}