/* Global Insights KPO v20.0.47 About page polish. Loaded after all legacy overrides. */

.gi-about-page .gi-about-hero.gi-subpage-hero {
	min-height: 640px !important;
	align-items: flex-start !important;
	background:
		linear-gradient(115deg, rgba(6,20,60,.94) 0%, rgba(11,40,94,.82) 45%, rgba(18,61,137,.58) 100%),
		var(--gi-subpage-hero-image) center right / cover no-repeat !important;
}

.gi-about-page .gi-about-hero.gi-subpage-hero::after {
	background:
		radial-gradient(circle at 16% 30%, rgba(55,255,24,.18), transparent 26%),
		radial-gradient(circle at 84% 12%, rgba(255,255,255,.12), transparent 26%) !important;
	background-size: auto !important;
	opacity: .86 !important;
}

.gi-about-page .gi-about-hero .gi-subpage-hero-copy {
	max-width: 690px !important;
	padding: 154px 0 96px !important;
}

.gi-about-page .gi-about-hero .gi-subpage-hero-copy h1 {
	max-width: 690px !important;
	margin: 24px 0 20px !important;
	font-size: clamp(46px, 5.6vw, 68px) !important;
	line-height: 1.05 !important;
	font-weight: 800 !important;
}

.gi-about-page .gi-about-hero .gi-subpage-hero-copy p {
	max-width: 620px !important;
	margin: 0 !important;
	color: rgba(255,255,255,.84) !important;
	font-size: 18px !important;
	line-height: 1.68 !important;
}

.gi-about-page .gi-about-hero .gi-actions {
	margin-top: 30px !important;
}

.gi-about-page .gi-grid-bg,
.gi-about-page .gi-subpage-hero > .gi-grid-bg {
	display: none !important;
}

.gi-about-page .gi-about-story,
.gi-about-page .gi-about-model,
.gi-about-page .gi-about-direction,
.gi-about-page .gi-about-team {
	background-image: none !important;
}

.gi-about-page .gi-about-values.gi-values-system-v24 {
	padding: clamp(54px, 5.2vw, 82px) 0 !important;
	background:
		linear-gradient(180deg, rgba(239,245,252,.96), rgba(255,255,255,.98)),
		url("../img/process-sop.jpg") center / cover no-repeat !important;
}

.gi-about-page .gi-about-values.gi-values-system-v24::before,
.gi-about-page .gi-about-values.gi-values-system-v24::after {
	background-image: none !important;
}

.gi-about-page .gi-values-system-v24 .gi-values24-shell {
	padding: clamp(22px, 2.7vw, 34px) !important;
	border-radius: 26px !important;
	background:
		linear-gradient(135deg, rgba(7,22,50,.96), rgba(18,61,137,.88)),
		url("../img/hero-dashboard.jpg") center / cover no-repeat !important;
	background-blend-mode: normal, soft-light !important;
	box-shadow: 0 30px 80px -34px rgba(7,22,50,.52) !important;
}

.gi-about-page .gi-values-system-v24 .gi-values24-system {
	grid-template-columns: minmax(270px, .78fr) minmax(0, 1.22fr) !important;
	gap: clamp(16px, 2vw, 24px) !important;
	align-items: stretch !important;
	padding: 0 !important;
	background-image: none !important;
}

.gi-about-page .gi-values-system-v24 .gi-values24-command {
	min-height: 430px !important;
	justify-content: space-between !important;
	padding: clamp(22px, 2.4vw, 30px) !important;
	border-radius: 22px !important;
	background: rgba(3,16,39,.74) !important;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.09) !important;
}

.gi-about-page .gi-values-system-v24 .gi-values24-command h3 {
	max-width: 9.5em !important;
	font-size: clamp(34px, 3.2vw, 48px) !important;
	line-height: 1.02 !important;
}

.gi-about-page .gi-values-system-v24 .gi-values24-command p {
	max-width: 34ch !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
}

.gi-about-page .gi-values-system-v24 .gi-values24-route {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 10px !important;
	margin-top: 18px !important;
	padding-top: 0 !important;
}

.gi-about-page .gi-values-system-v24 .gi-values24-route i {
	display: none !important;
}

.gi-about-page .gi-values-system-v24 .gi-values24-route span {
	justify-content: center !important;
	width: 100% !important;
	min-height: 42px !important;
	padding: 10px 12px !important;
	border-color: rgba(255,255,255,.16) !important;
	background: rgba(255,255,255,.1) !important;
	text-align: center !important;
}

.gi-about-page .gi-values-system-v24 .gi-values24-principles {
	display: grid !important;
	grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
	gap: 12px !important;
	align-content: stretch !important;
	height: 100% !important;
	min-height: 430px !important;
}

.gi-about-page .gi-values-system-v24 .gi-values24-principles article {
	grid-template-columns: 42px 48px minmax(0, 1fr) 112px !important;
	min-height: 0 !important;
	padding: 18px 20px !important;
	gap: 14px !important;
	border-radius: 20px !important;
	background: rgba(255,255,255,.105) !important;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.14) !important;
}

.gi-about-page .gi-values-system-v24 .gi-values24-copy small {
	color: var(--accent-lime) !important;
	font-size: 10px !important;
	line-height: 1.2 !important;
}

.gi-about-page .gi-values-system-v24 .gi-values24-copy h3 {
	margin: 5px 0 5px !important;
	font-size: clamp(25px, 2.5vw, 34px) !important;
	line-height: 1.04 !important;
}

.gi-about-page .gi-values-system-v24 .gi-values24-copy p {
	font-size: 13px !important;
	line-height: 1.35 !important;
}

.gi-about-page .gi-values-system-v24 .gi-values24-principles strong {
	min-height: 72px !important;
	border-radius: 16px !important;
	background: rgba(55,255,24,.14) !important;
	color: var(--accent-lime) !important;
}

@media (max-width: 1100px) {
	.gi-about-page .gi-values-system-v24 .gi-values24-system {
		grid-template-columns: 1fr !important;
	}

	.gi-about-page .gi-values-system-v24 .gi-values24-command,
	.gi-about-page .gi-values-system-v24 .gi-values24-principles {
		min-height: 0 !important;
	}
}

@media (max-width: 720px) {
	.gi-about-page .gi-about-hero.gi-subpage-hero {
		min-height: 0 !important;
	}

	.gi-about-page .gi-about-hero .gi-subpage-hero-copy {
		padding: 122px 0 66px !important;
	}

	.gi-about-page .gi-about-hero .gi-subpage-hero-copy h1 {
		font-size: 42px !important;
	}

	.gi-about-page .gi-values-system-v24 .gi-values24-route {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.gi-about-page .gi-values-system-v24 .gi-values24-principles article {
		grid-template-columns: 30px 38px minmax(0, 1fr) !important;
		padding: 14px !important;
	}

	.gi-about-page .gi-values-system-v24 .gi-values24-principles strong {
		grid-column: 3 !important;
		justify-self: stretch !important;
		width: 100% !important;
		min-height: 38px !important;
	}
}

/* Keep the About page Vision and Mission section in the same rounded-panel language as Core Values. */
body.gi-about-active .gi-about-direction > .gi-wrap,
.gi-about-page .gi-about-direction > .gi-wrap {
	padding: clamp(28px, 3vw, 42px) !important;
	border: 1px solid rgba(18, 61, 137, .12) !important;
	border-radius: 26px !important;
	background: #fff !important;
	box-shadow: var(--shadow-soft) !important;
}

@media (max-width: 760px) {
	body.gi-about-active .gi-about-direction > .gi-wrap,
	.gi-about-page .gi-about-direction > .gi-wrap {
		padding: 24px !important;
		border-radius: 22px !important;
	}
}

/* Final unwrapped Elementor guards. About sections are often rendered as separate Elementor HTML widgets. */
body.gi-about-active .gi-about-hero.gi-subpage-hero,
.gi-about-hero.gi-subpage-hero {
	min-height: 640px !important;
	display: flex !important;
	align-items: flex-start !important;
	padding: 0 !important;
	background:
		linear-gradient(115deg, rgba(6,20,60,.94) 0%, rgba(11,40,94,.82) 45%, rgba(18,61,137,.58) 100%),
		var(--gi-subpage-hero-image) center right / cover no-repeat !important;
}

body.gi-about-active .gi-about-hero.gi-subpage-hero::after,
.gi-about-hero.gi-subpage-hero::after {
	background:
		radial-gradient(circle at 16% 30%, rgba(55,255,24,.16), transparent 26%),
		radial-gradient(circle at 84% 12%, rgba(255,255,255,.1), transparent 26%) !important;
	background-size: auto !important;
	opacity: .82 !important;
}

body.gi-about-active .gi-about-hero > .gi-grid-bg,
.gi-about-hero > .gi-grid-bg {
	display: none !important;
}

body.gi-about-active .gi-about-hero .gi-subpage-hero-copy,
.gi-about-hero .gi-subpage-hero-copy {
	max-width: 760px !important;
	padding: 132px 0 72px !important;
}

body.gi-about-active .gi-about-hero .gi-subpage-hero-copy h1,
.gi-about-hero .gi-subpage-hero-copy h1 {
	max-width: 760px !important;
	margin: 24px 0 20px !important;
	font-size: clamp(52px, 5.6vw, 76px) !important;
	line-height: 1.05 !important;
	font-weight: 800 !important;
	letter-spacing: 0 !important;
}

body.gi-about-active .gi-about-hero .gi-subpage-hero-copy p,
.gi-about-hero .gi-subpage-hero-copy p {
	max-width: 900px !important;
	margin: 0 !important;
	font-size: 20px !important;
	line-height: 1.55 !important;
	color: rgba(255,255,255,.88) !important;
}

body.gi-about-active .gi-about-hero .gi-actions,
.gi-about-hero .gi-actions {
	margin-top: 30px !important;
}

body.gi-about-active .gi-about-values.gi-values-system-v24,
.gi-about-values.gi-values-system-v24 {
	padding: clamp(54px, 5.2vw, 82px) 0 !important;
	background:
		linear-gradient(180deg, rgba(239,245,252,.96), rgba(255,255,255,.98)),
		url("../img/process-sop.jpg") center / cover no-repeat !important;
}

body.gi-about-active .gi-about-values.gi-values-system-v24::before,
body.gi-about-active .gi-about-values.gi-values-system-v24::after,
.gi-about-values.gi-values-system-v24::before,
.gi-about-values.gi-values-system-v24::after {
	background: none !important;
	background-image: none !important;
}

body.gi-about-active .gi-values-system-v24 .gi-values24-shell,
.gi-values-system-v24 .gi-values24-shell {
	padding: clamp(24px, 2.8vw, 36px) !important;
	border-radius: 26px !important;
	background:
		linear-gradient(135deg, rgba(7,22,50,.965), rgba(18,61,137,.9)),
		url("../img/hero-dashboard.jpg") center / cover no-repeat !important;
	background-blend-mode: normal, soft-light !important;
	box-shadow: 0 30px 80px -34px rgba(7,22,50,.52) !important;
}

body.gi-about-active .gi-values-system-v24 .gi-values24-system,
.gi-values-system-v24 .gi-values24-system {
	display: grid !important;
	grid-template-columns: minmax(300px, .82fr) minmax(0, 1.18fr) !important;
	grid-template-areas: "command principles" !important;
	gap: clamp(18px, 2.2vw, 28px) !important;
	align-items: stretch !important;
	min-height: 520px !important;
	padding: 0 !important;
	background: none !important;
	background-image: none !important;
}

body.gi-about-active .gi-values-system-v24 .gi-values24-command,
.gi-values-system-v24 .gi-values24-command {
	grid-area: command !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
	height: 100% !important;
	min-height: 520px !important;
	padding: clamp(24px, 2.6vw, 34px) !important;
	border-radius: 22px !important;
	background: rgba(3,16,39,.74) !important;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.09) !important;
}

body.gi-about-active .gi-values-system-v24 .gi-values24-command h3,
.gi-values-system-v24 .gi-values24-command h3 {
	max-width: 9.8em !important;
	font-size: clamp(34px, 3.1vw, 48px) !important;
	line-height: 1.02 !important;
}

body.gi-about-active .gi-values-system-v24 .gi-values24-command p,
.gi-values-system-v24 .gi-values24-command p {
	max-width: 34ch !important;
	font-size: 14px !important;
	line-height: 1.55 !important;
}

body.gi-about-active .gi-values-system-v24 .gi-values24-route,
.gi-values-system-v24 .gi-values24-route {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 10px !important;
	margin-top: 20px !important;
	padding-top: 0 !important;
}

body.gi-about-active .gi-values-system-v24 .gi-values24-route i,
.gi-values-system-v24 .gi-values24-route i {
	display: none !important;
}

body.gi-about-active .gi-values-system-v24 .gi-values24-route span,
.gi-values-system-v24 .gi-values24-route span {
	display: flex !important;
	justify-content: center !important;
	width: 100% !important;
	min-height: 44px !important;
	padding: 10px 12px !important;
	border-color: rgba(255,255,255,.16) !important;
	background: rgba(255,255,255,.11) !important;
	text-align: center !important;
	white-space: normal !important;
}

body.gi-about-active .gi-values-system-v24 .gi-values24-principles,
.gi-values-system-v24 .gi-values24-principles {
	grid-area: principles !important;
	display: grid !important;
	grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
	gap: 14px !important;
	align-content: stretch !important;
	height: 100% !important;
	min-height: 520px !important;
}

body.gi-about-active .gi-values-system-v24 .gi-values24-principles article,
.gi-values-system-v24 .gi-values24-principles article {
	display: grid !important;
	grid-template-columns: 46px 52px minmax(0, 1fr) 118px !important;
	align-items: center !important;
	min-height: 0 !important;
	height: 100% !important;
	padding: 22px 24px !important;
	gap: 16px !important;
	border-radius: 20px !important;
	background: rgba(255,255,255,.105) !important;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.14) !important;
	overflow: hidden !important;
}

body.gi-about-active .gi-values-system-v24 .gi-values24-copy small,
.gi-values-system-v24 .gi-values24-copy small {
	color: var(--accent-lime) !important;
	font-size: 10px !important;
	line-height: 1.25 !important;
}

body.gi-about-active .gi-values-system-v24 .gi-values24-copy h3,
.gi-values-system-v24 .gi-values24-copy h3 {
	margin: 6px 0 6px !important;
	font-size: clamp(28px, 2.6vw, 38px) !important;
	line-height: 1.06 !important;
}

body.gi-about-active .gi-values-system-v24 .gi-values24-copy p,
.gi-values-system-v24 .gi-values24-copy p {
	font-size: 14px !important;
	line-height: 1.5 !important;
}

body.gi-about-active .gi-values-system-v24 .gi-values24-principles strong,
.gi-values-system-v24 .gi-values24-principles strong {
	min-height: 86px !important;
	border-radius: 16px !important;
	background: rgba(55,255,24,.14) !important;
	color: var(--accent-lime) !important;
}

@media (max-width: 1100px) {
	body.gi-about-active .gi-values-system-v24 .gi-values24-system,
	.gi-values-system-v24 .gi-values24-system {
		grid-template-columns: 1fr !important;
		grid-template-areas: "command" "principles" !important;
		min-height: 0 !important;
	}

	body.gi-about-active .gi-values-system-v24 .gi-values24-command,
	body.gi-about-active .gi-values-system-v24 .gi-values24-principles,
	.gi-values-system-v24 .gi-values24-command,
	.gi-values-system-v24 .gi-values24-principles {
		min-height: 0 !important;
	}
}

@media (max-width: 720px) {
	body.gi-about-active .gi-about-hero.gi-subpage-hero,
	.gi-about-hero.gi-subpage-hero {
		min-height: 0 !important;
	}

	body.gi-about-active .gi-about-hero .gi-subpage-hero-copy,
	.gi-about-hero .gi-subpage-hero-copy {
		padding: 118px 0 58px !important;
	}

	body.gi-about-active .gi-about-hero .gi-subpage-hero-copy h1,
	.gi-about-hero .gi-subpage-hero-copy h1 {
		font-size: 42px !important;
	}

	body.gi-about-active .gi-values-system-v24 .gi-values24-principles article,
	.gi-values-system-v24 .gi-values24-principles article {
		grid-template-columns: 30px 38px minmax(0, 1fr) !important;
		padding: 14px !important;
	}

	body.gi-about-active .gi-values-system-v24 .gi-values24-principles strong,
	.gi-values-system-v24 .gi-values24-principles strong {
		grid-column: 3 !important;
		justify-self: stretch !important;
		width: 100% !important;
		min-height: 38px !important;
	}
}
