/* ═══════════════════════════════════════════════════════════════════════════
   LEADER HELLAS — WIDE CTA
   Figma @1920: min-height 459 · 2 στήλες · padding 119/50/65
                τίτλος πλάτος 594 · κείμενο 378 · gap 65 · κουμπί 261×60
   ═══════════════════════════════════════════════════════════════════════════ */

.lh-cta,
.lh-cta *,
.lh-cta *::before,
.lh-cta *::after {
	box-sizing: border-box;
}

/* Το κενό 115px που στο static ήταν ξεχωριστό .spacer-115. */
.lh-cta-wrap {
	width: 100%;
	padding-top: 11.5rem;
}

.lh-cta {
	--lh-cta-bg: var(--lh-blue);
	--lh-cta-color: var(--lh-white);
	--lh-cta-title-w: 59.4rem;   /* 594px */
	--lh-cta-copy-w: 37.8rem;    /* 378px */

	width: 100%;
	min-height: 45.9rem;   /* 459px */
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	background: var(--lh-cta-bg);
	color: var(--lh-cta-color);
}

.lh-cta__col {
	padding: 11.9rem var(--lh-gutter) 6.5rem;   /* 119 / 50 / 65 */
}

.lh-cta__title {
	width: var(--lh-cta-title-w);
	max-width: 100%;
	margin: 0;
	font-family: var(--lh-display);
	font-size: 5.5rem;
	font-weight: 800;
	line-height: 5.7rem;
	letter-spacing: .11rem;
	text-transform: uppercase;
}

.lh-cta__col--copy {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6.5rem;   /* 65px */
}

.lh-cta__text {
	width: var(--lh-cta-copy-w);
	max-width: 100%;
	margin: 0;
	font-size: 2rem;
	line-height: 3rem;
}

/* ═══════════════════════════════════════════════════════════════════════════
   ≤1024px
   ═══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 1024px) {

	.lh-cta-wrap {
		padding-top: 0;
	}

	.lh-cta {
		grid-template-columns: 1fr;
		min-height: 0;
	}

	.lh-cta__col {
		padding: 7rem 2.8rem;
	}

	.lh-cta__col--copy {
		padding-top: 0;
		gap: 4rem;
	}

	.lh-cta__title {
		width: 100%;
		font-size: clamp(4rem, 12vw, 5.5rem);
		line-height: .98;
	}

	.lh-cta__text {
		width: 100%;
	}
}