/* Full-bleed hero cover image */
.kr-service-single-hero {
	position: relative;
	width: 100%;
	height: 50vh;
	min-height: 60vh;
	max-height: 550px;
	overflow: hidden;
}

.kr-service-single-hero img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.kr-service-single-hero-overlay {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: flex-end;
	padding-bottom: var(--k-space-xl);
	background: linear-gradient(to top, rgb(0 0 0 / 0.55) 0%, transparent 60%);
}

/* Fallback header when no cover image */
.kr-service-single-header {
	padding-top: 160px;
	padding-bottom: var(--k-space-lg);
}

/* Content + sidebar image grid */
.kr-service-single-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--k-space-xl);
	padding-block: var(--k-space-2xl);
}

.kr-service-single-content {
	line-height: var(--k-lh-body);
}

.kr-service-single-content p {
	margin-bottom: var(--k-space-md);
}

.kr-service-single-content h2,
.kr-service-single-content h3 {
	margin-top: var(--k-space-lg);
	margin-bottom: var(--k-space-sm);
	font-family: var(--k-font-heading);
	color: var(--k-blue-bold);
}

.kr-service-single-aside img {
	width: 100%;
	object-fit: cover;
}

.kr-service-single-cta {
	display: flex;
	flex-wrap: wrap;
	gap: var(--k-space-sm);
	justify-content: center;
	padding-bottom: var(--k-space-2xl);
}

@media (max-width: 992px) {
	.kr-service-single-grid {
		grid-template-columns: 1fr;
	}

	.kr-service-single-hero {
		height: 35vh;
	}
}
