/* ======================= -------- Block - Statement-------- ========================== */
/* General */
.block-statement {
	text-align: center;
}

.block-statement p {
	font-family: "latienne-pro", serif;
	font-weight: 400;
	font-size: clamp(6.6rem, 3.75vw, 9.2rem);
	/* font-size: 7.2rem; */
	line-height: 1.7;
	text-transform: uppercase;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}

.block-statement p > picture,
.block-statement p > img {
	display: inline-block;
	width: 5.2vw;
	min-width: 7.8rem;
	max-width: 11.4rem;
	overflow: hidden;
	border-radius: 50%;
	pointer-events: none;
	position: relative;
	vertical-align: text-bottom;
}

.block-statement p > img {
	height: auto;
}

	.block-statement p > picture:after {
		content: '';
		display: block;
		padding-bottom: 100%;
	}
	
	.block-statement p > picture * {
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		object-fit: cover;
		left: 50%;
		top: 50%;
		object-position: center center;
		transform: translateX(-50%) translateY(-50%);
	}

.block-statement .statement-logo {
	margin-top: 1rem;
	display: block;
	width: 100%;
	max-width: 16rem;
	margin-left: auto;
	margin-right: auto;
}

	.block-statement .statement-logo > * {
		display: block;
		width: 100%;
		height: auto;
	}


@media (max-width: 1800px) {
	.block-statement p {
		width: 100%;
		max-width: 94rem;
	}
}

@media (max-width: 1300px) {
	/* General */
	.block-statement p {
		font-size: 6rem;
		max-width: 80rem;
	}

	.block-statement .statement-logo {
		margin-top: 0.6rem;
		max-width: 14rem;
	}
}

@media (max-width: 1000px) {
	/* General */
	.block-statement p {
		font-size: 5rem;
		max-width: 70rem;
	}

		.block-statement p > picture,
		.block-statement p > img {
			width: 7.0rem;
			min-width: unset;
			max-width: unset;
			vertical-align: text-bottom;
		}
}

@media (max-width: 650px) {
	/* General */
	.block-statement p {
		font-size: 4.2rem;
		max-width: 60rem;
	}

		.block-statement p > picture,
		.block-statement p > img {
			width: 6.0rem;
		}

	.block-statement .statement-logo {
		max-width: 12rem;
	}
}

@media (max-width: 380px) {
	/* General */
	.block-statement p {
		font-size: 3.4rem;
	}

		.block-statement p > picture,
		.block-statement p > img {
			width: 5.0rem;
		}

	.block-statement .statement-logo {
		max-width: 10rem;
	}
}