/**
 * Content — Figma 6513:963
 */

.rk-content {
	padding-block: 5rem; /* 80 top and bottom */
	background: var(--rk-color-surface-alt, #f8f8f4);
}

.rk-content--bg-white {
	background: var(--rk-color-paper, #ffffff);
}

.rk-content--bg-white .rk-content__media {
	background: #f8f8f4;
}

.rk-content__layout {
	display: grid;
	grid-template-columns: minmax(0, 1.02fr) minmax(0, 1fr);
	gap: clamp(2rem, 4vw, 3.5rem);
	align-items: start;
}

.rk-content--image-left .rk-content__layout {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.02fr);
}

.rk-content--image-left .rk-content__media {
	order: -1;
}

.rk-content__copy {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1rem; /* 16 */
	max-width: 35.25rem; /* 563 */
}

.rk-content__eyebrow {
	margin: 0 0 0.25rem;
	color: var(--rk-color-accent);
	font-family: var(--rk-font-sans);
	font-size: 0.6875rem; /* 11 */
	font-weight: var(--rk-weight-bold);
	letter-spacing: 0.18em;
	line-height: 1.5;
	text-transform: uppercase;
}

.rk-content__heading {
	margin: 0;
	color: var(--rk-color-ink-deep);
	font-family: var(--rk-font-display);
	font-weight: var(--rk-weight-regular);
	letter-spacing: 0.02em;
	line-height: 1;
	text-transform: uppercase;
}

.rk-content__heading--large {
	font-size: var(--rk-text-h2); /* section title — clearly below H1 */
}

.rk-content__heading--medium {
	font-size: clamp(1.75rem, 3.25vw, 2.375rem); /* between H2 and H3 */
}

.rk-content__heading--small {
	font-size: var(--rk-text-h3);
}

.rk-content__body {
	max-width: 32rem; /* 512 */
	color: var(--rk-color-ink);
	font-family: var(--rk-font-sans);
	font-size: 1.125rem; /* 18 */
	font-weight: var(--rk-weight-regular);
	line-height: 1.4;
}

.rk-content__body > *:first-child {
	margin-top: 0;
}

.rk-content__body > *:last-child {
	margin-bottom: 0;
}

.rk-content__body p {
	margin: 0 0 1em;
}

.rk-content__body p:last-child {
	margin-bottom: 0;
}

.rk-content__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.75rem;
	margin-top: 0.25rem;
}

.rk-content__cta,
.rk-content__cta-secondary {
	margin: 0;
}

.rk-content__media {
	margin: 0;
	width: 100%;
	max-width: 35rem; /* 560 */
	justify-self: end;
	aspect-ratio: 560 / 384;
	overflow: hidden;
	border-radius: var(--rk-radius-image);
	background: var(--rk-color-card-border, #e5e3d4);
}

.rk-content--image-left .rk-content__media {
	justify-self: start;
}

.rk-content__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (max-width: 900px) {
	.rk-content {
		padding-block: 3.5rem;
	}

	.rk-content__layout,
	.rk-content--image-left .rk-content__layout {
		grid-template-columns: 1fr;
		gap: 2rem;
	}

	.rk-content__copy {
		max-width: none;
	}

	.rk-content__media,
	.rk-content--image-left .rk-content__media {
		order: 0;
		justify-self: stretch;
		max-width: none;
	}

	/* Keep image after copy on mobile regardless of desktop position */
	.rk-content--image-left .rk-content__media {
		order: 1;
	}
}