/* Strategic Split — modernized widget styles. */

.huu-uib-strategic-split {

	--huu-uib-strategic-bg: var(--huu-uib-color-bg, #f5f7f0);

	--huu-uib-strategic-heading: var(--huu-uib-color-heading, #111827);

	--huu-uib-strategic-text: var(--huu-uib-color-text, #52607a);

	--huu-uib-strategic-title-size: var(--huu-uib-h2-size, var(--huu-uib-heading-xl-max, 60px));

	--huu-uib-strategic-description-size: var(--huu-uib-body-size, 17px);

	--huu-uib-strategic-list-text-size: var(--huu-uib-body-size, 17px);

	--huu-uib-strategic-pad-top: var(--huu-uib-section-padding-top, 80px);

	--huu-uib-strategic-pad-bottom: var(--huu-uib-section-padding-bottom, 80px);

	--huu-uib-strategic-pad-x: var(--huu-uib-content-pad-x, 12px);

	--huu-uib-strategic-max-width: var(--huu-uib-max-width, 1240px);

	--huu-uib-strategic-gap: calc(var(--huu-uib-grid-gap, 18px) * 2);

	--huu-uib-strategic-align: center;

	--huu-uib-strategic-min-height: 520px;

	background: var(--huu-uib-strategic-bg);

	padding-top: var(--huu-uib-strategic-pad-top);

	padding-bottom: var(--huu-uib-strategic-pad-bottom);

	color: var(--huu-uib-strategic-text);

}



.huu-uib-strategic-split__inner {

	max-width: var(--huu-uib-strategic-max-width);

	padding-inline: var(--huu-uib-strategic-pad-x);

}



.huu-uib-strategic-split--width-full .huu-uib-strategic-split__inner {

	max-width: none;

}



.huu-uib-strategic-split__wrap {

	display: grid;

	grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);

	gap: var(--huu-uib-strategic-gap);

	align-items: var(--huu-uib-strategic-align);

}



.huu-uib-strategic-split--image-right .huu-uib-strategic-split__visual { order: 2; }

.huu-uib-strategic-split--image-right .huu-uib-strategic-split__copy { order: 1; }



.huu-uib-strategic-split__visual {

	position: relative;

	min-height: var(--huu-uib-strategic-min-height);

	border-radius: var(--huu-uib-radius-xl, 28px);

	overflow: hidden;

	background: #f5f7f0;

	isolation: isolate;

}



.huu-uib-strategic-split__image {

	position: absolute;

	inset: 0;

	width: 100%;

	height: 100%;

	max-width: none;

	display: block;

	object-position: center center;

}



.huu-uib-strategic-split--fit-cover .huu-uib-strategic-split__image { object-fit: cover; }

.huu-uib-strategic-split--fit-contain .huu-uib-strategic-split__image {

	object-fit: contain;

	padding: clamp(16px, 3vw, 42px);

}



.huu-uib-strategic-split__copy { min-width: 0; }



.huu-uib-strategic-split__eyebrow {

	background: var(--huu-uib-strategic-kicker-bg, var(--huu-uib-kicker-bg, #eff4db));

	color: var(--huu-uib-strategic-kicker-color, var(--huu-uib-kicker-color, #667c00));

}



.huu-uib-strategic-split__title {

	margin: 0 0 18px;

	font-size: var(--huu-uib-strategic-title-size);

	line-height: var(--huu-uib-strategic-title-line-height, 1.08em);

	font-weight: var(--huu-uib-h2-weight, 800);

	color: var(--huu-uib-strategic-heading);

}



.huu-uib-strategic-split__description {

	margin: 0 0 22px;

	font-size: var(--huu-uib-strategic-description-size);

	line-height: var(--huu-uib-strategic-description-line-height, 1.7em);

	color: var(--huu-uib-strategic-text);

}



.huu-uib-strategic-split__list {

	list-style: none;

	padding: 0;

	margin: 0 0 28px;

	display: grid;

	gap: var(--huu-uib-strategic-list-gap, 18px);

}



.huu-uib-strategic-split__list li {

	position: relative;

	padding-left: calc(var(--huu-uib-strategic-check-size, 22px) + 14px);

	font-size: var(--huu-uib-strategic-list-text-size);

	line-height: var(--huu-uib-strategic-list-text-line-height, 1.55em);

	font-weight: 700;

	color: var(--huu-uib-strategic-heading);

}



.huu-uib-strategic-split__list li::before {

	content: "✓";

	position: absolute;

	left: 0;

	top: 0.18em;

	width: var(--huu-uib-strategic-check-size, 22px);

	height: var(--huu-uib-strategic-check-size, 22px);

	border-radius: 999px;

	background: var(--huu-uib-strategic-check-bg, rgba(132, 165, 0, 0.12));

	color: var(--huu-uib-strategic-check-color, #84a500);

	display: inline-flex;

	align-items: center;

	justify-content: center;

	font-size: calc(var(--huu-uib-strategic-check-size, 22px) * .62);

	font-weight: 900;

}



.huu-uib-strategic-split__actions { margin-top: 24px; }



@media (max-width: 1024px) {

	.huu-uib-strategic-split {

		--huu-uib-strategic-title-size: var(--huu-uib-h2-size-tablet, var(--huu-uib-strategic-title-size));

		--huu-uib-strategic-description-size: var(--huu-uib-body-size-tablet, var(--huu-uib-strategic-description-size));

		--huu-uib-strategic-list-text-size: var(--huu-uib-body-size-tablet, var(--huu-uib-strategic-list-text-size));

	}

	.huu-uib-strategic-split__wrap { grid-template-columns: 1fr; }

	.huu-uib-strategic-split--image-right .huu-uib-strategic-split__visual,

	.huu-uib-strategic-split--image-right .huu-uib-strategic-split__copy { order: initial; }

	.huu-uib-strategic-split--mobile-image_first .huu-uib-strategic-split__visual { order: 1; }

	.huu-uib-strategic-split--mobile-image_first .huu-uib-strategic-split__copy { order: 2; }

	.huu-uib-strategic-split--mobile-content_first .huu-uib-strategic-split__copy { order: 1; }

	.huu-uib-strategic-split--mobile-content_first .huu-uib-strategic-split__visual { order: 2; }

}



@media (max-width: 767px) {

	.huu-uib-strategic-split {

		--huu-uib-strategic-title-size: var(--huu-uib-h2-size-mobile, var(--huu-uib-strategic-title-size));

		--huu-uib-strategic-description-size: var(--huu-uib-body-size-mobile, var(--huu-uib-strategic-description-size));

		--huu-uib-strategic-list-text-size: var(--huu-uib-body-size-mobile, var(--huu-uib-strategic-list-text-size));

	}

	.huu-uib-strategic-split__visual { min-height: var(--huu-uib-strategic-min-height, 300px); }

	.huu-uib-strategic-split__actions .huu-uib-btn { width: 100%; justify-content: center; }

}