.editorial-statement {
	--color-section-accent: var(--color-trusted);
}

.editorial-statement__layout {
	display: grid;
	grid-template-columns: var(--size-editorial-statement-copy) minmax(0, 1fr);
	align-items: start;
	gap: var(--space-editorial-statement-columns);
}

.editorial-statement__copy {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: var(--space-editorial-statement-content);
}

.editorial-statement__heading {
	display: flex;
	flex-direction: column;
	gap: var(--space-editorial-statement-heading);
}

.editorial-statement__title {
	display: flex;
	flex-direction: column;
	font-size: var(--fs-editorial-statement-title);
	letter-spacing: var(--tracking-editorial-statement-title);
}

.editorial-statement__body {
	max-width: var(--size-editorial-statement-body);
	margin-inline-start: auto;
	color: var(--color-text-muted);
	font-size: var(--fs-editorial-statement-body);
	font-weight: var(--fw-medium);
	line-height: var(--lh-editorial-statement-body);
}

.editorial-statement__body p {
	margin: 0;
}

.editorial-statement__body p:not(:first-child) {
	margin-block-start: var(--space-editorial-statement-paragraph);
}

.editorial-statement__body em {
	color: var(--color-trusted);
	font-style: italic;
}

.editorial-statement__media {
	min-width: 0;
	block-size: var(--size-editorial-statement-image);
	margin: 0;
	overflow: hidden;
	border-radius: var(--radius-editorial-statement-image);
}

.editorial-statement__image {
	inline-size: 100%;
	block-size: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center 56%;
}

@media (max-width: 1023px) {
	.editorial-statement__layout {
		display: flex;
		flex-direction: column;
		gap: var(--space-editorial-statement-layout-mobile);
	}

	.editorial-statement__copy {
		gap: var(--space-editorial-statement-content-mobile);
	}

	.editorial-statement__heading {
		align-items: center;
		gap: var(--space-editorial-statement-heading-mobile);
		text-align: center;
	}

	.editorial-statement__eyebrow {
		font-size: var(--fs-editorial-statement-eyebrow-mobile);
	}

	.editorial-statement__title {
		font-size: var(--fs-editorial-statement-title-mobile);
		letter-spacing: var(--tracking-editorial-statement-title-mobile);
	}

	.editorial-statement__body {
		max-width: none;
		margin-inline-start: 0;
		font-size: var(--fs-editorial-statement-body-mobile);
	}

	.editorial-statement__body p:not(:first-child) {
		margin-block-start: var(--space-editorial-statement-paragraph-mobile);
	}

	.editorial-statement__media {
		inline-size: 100%;
		block-size: var(--size-editorial-statement-image-mobile);
		border-radius: var(--radius-editorial-statement-image-mobile);
	}
}