:root {
	--khe-work-bg-1: #020f2a;
	--khe-work-bg-2: #071b49;
	--khe-work-bg-3: #10163c;
	--khe-work-accent: #ff6a3d;
	--khe-work-accent-2: #78c8ff;
	--khe-work-card: rgba(245, 247, 251, 0.94);
	--khe-work-card-border: rgba(255,255,255,0.18);
	--khe-work-muted: rgba(222, 231, 255, 0.76);
	--khe-work-text: #f5f8ff;
	--khe-work-ink: #0d1e46;
	--khe-work-chip: rgba(255,255,255,0.12);
	--khe-work-chip-border: rgba(255,255,255,0.18);
	--khe-work-shell: min(1240px, calc(100vw - 48px));
	--khe-work-shadow: 0 26px 70px rgba(0, 8, 24, 0.42);
	--khe-work-radius: 30px;
}

body.khe-work-archive-page {
	background: radial-gradient(circle at 18% 20%, rgba(34, 96, 202, 0.34), transparent 32%),
		 radial-gradient(circle at 88% 12%, rgba(255, 120, 66, 0.16), transparent 26%),
		 linear-gradient(135deg, var(--khe-work-bg-1) 0%, #07153c 42%, #090d2f 100%);
	color: var(--khe-work-text);
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.khe-work-archive-page .site,
.khe-work-archive-page .site-main,
.khe-work-archive-page #primary {
	background: transparent;
}

.khe-work-archive-main {
	position: relative;
	overflow: clip;
	padding-bottom: 88px;
}

.khe-work-archive-shell {
	width: var(--khe-work-shell);
	margin: 0 auto;
	position: relative;
	z-index: 2;
}

.khe-work-archive-cosmos,
.khe-work-archive-cosmos::before,
.khe-work-archive-cosmos::after {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.khe-work-archive-cosmos {
	background-image:
		radial-gradient(circle at 50% 50%, rgba(255,255,255,0.8) 0 1px, transparent 1.8px),
		radial-gradient(circle at 12% 18%, rgba(255,255,255,0.75) 0 1.4px, transparent 2px),
		radial-gradient(circle at 85% 28%, rgba(255,255,255,0.72) 0 1.1px, transparent 2px),
		radial-gradient(circle at 22% 76%, rgba(255,255,255,0.65) 0 1.1px, transparent 2px),
		radial-gradient(circle at 70% 74%, rgba(255,255,255,0.62) 0 1px, transparent 2px);
	background-size: 160px 160px, 240px 240px, 320px 320px, 260px 260px, 300px 300px;
	opacity: 0.75;
	animation: kheArchiveStars 34s linear infinite;
}

.khe-work-archive-cosmos::before {
	content: "";
	background:
		radial-gradient(circle at 78% 14%, rgba(255, 114, 74, 0.16), transparent 18%),
		radial-gradient(circle at 8% 62%, rgba(83, 160, 255, 0.14), transparent 22%);
}

.khe-work-archive-cosmos::after {
	content: "";
	background:
		radial-gradient(circle at 82% 20%, transparent 0, transparent 110px, rgba(255,255,255,0.12) 110px, rgba(255,255,255,0.08) 111px, transparent 112px),
		radial-gradient(circle at 82% 20%, transparent 0, transparent 185px, rgba(255,255,255,0.1) 185px, transparent 186px),
		radial-gradient(circle at 2% 84%, transparent 0, transparent 120px, rgba(255,255,255,0.08) 120px, transparent 121px);
	opacity: 0.5;
}

.khe-work-archive-cosmos span {
	position: absolute;
	width: 14px;
	height: 14px;
	border-radius: 999px;
	background: linear-gradient(135deg, rgba(255,255,255,0.95), rgba(120, 200, 255, 0.45));
	box-shadow: 0 0 20px rgba(120, 200, 255, 0.55);
	animation: kheArchiveFloat 11s ease-in-out infinite;
}
.khe-work-archive-cosmos span:nth-child(1){top:12%;left:8%;animation-delay:-2s}
.khe-work-archive-cosmos span:nth-child(2){top:23%;right:12%;width:10px;height:10px;animation-delay:-4s}
.khe-work-archive-cosmos span:nth-child(3){top:48%;left:18%;width:6px;height:6px;animation-delay:-7s}
.khe-work-archive-cosmos span:nth-child(4){top:66%;right:28%;width:12px;height:12px;animation-delay:-5s}
.khe-work-archive-cosmos span:nth-child(5){top:84%;left:66%;width:8px;height:8px;animation-delay:-1s}

.khe-work-archive-hero {
	padding: 62px 0 34px;
}

.khe-work-archive-topline {
	display: flex;
	justify-content: flex-start;
	gap: 20px;
	margin-bottom: 34px;
	font-size: 0.84rem;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: rgba(239, 245, 255, 0.92);
}

.khe-work-archive-hero-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 360px;
	gap: 42px;
	align-items: end;
}

.khe-work-archive-kicker {
	margin: 0 0 14px;
	font-size: 0.84rem;
	font-weight: 800;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: #ff875f;
}

.khe-work-archive-copy h1 {
	margin: 0;
	font-size: clamp(3rem, 7vw, 5.8rem);
	line-height: 0.92;
	letter-spacing: -0.06em;
	max-width: 11ch;
	color: #f8fbff;
	text-wrap: balance;
}

.khe-work-archive-lead {
	max-width: 760px;
	margin: 22px 0 0;
	font-size: clamp(1rem, 2vw, 1.2rem);
	line-height: 1.72;
	color: var(--khe-work-muted);
}

.khe-work-archive-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 28px;
}

.khe-work-archive-filters a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 10px 16px;
	border-radius: 999px;
	border: 1px solid var(--khe-work-chip-border);
	background: rgba(255,255,255,0.06);
	color: rgba(248, 250, 255, 0.9);
	font-size: 0.82rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-decoration: none;
	transition: transform .28s ease, background .28s ease, border-color .28s ease, color .28s ease, box-shadow .28s ease;
	backdrop-filter: blur(10px);
}

.khe-work-archive-filters a:hover,
.khe-work-archive-filters a:focus-visible,
.khe-work-archive-filters a.is-active {
	transform: translateY(-2px);
	background: rgba(255,255,255,0.14);
	border-color: rgba(255,255,255,0.32);
	box-shadow: 0 10px 30px rgba(0,0,0,0.18);
	color: #fff;
}

.khe-work-archive-mascot-wrap {
	justify-self: end;
	max-width: 420px;
}

.khe-work-archive-mascot {
	position: relative;
	isolation: isolate;
	width: min(100%, 390px);
	padding: 18px 18px 12px;
	border-radius: 30px;
	background: linear-gradient(180deg, rgba(255,255,255,0.16), rgba(255,255,255,0.03));
	border: 1px solid rgba(255,255,255,0.16);
	box-shadow: 0 22px 56px rgba(0,0,0,0.28);
	backdrop-filter: blur(14px);
	transition: transform .45s ease, box-shadow .45s ease, border-color .45s ease;
}


.khe-work-archive-mascot:hover {
	transform: translateY(-8px);
	box-shadow: 0 38px 80px rgba(0,0,0,0.38);
	border-color: rgba(120,200,255,0.42);
}

.khe-work-archive-mascot-orbit {
	position: absolute;
	inset: -12px;
	border-radius: 34px;
	border: 1px solid rgba(255,255,255,0.12);
}

.khe-work-archive-mascot-orbit::before,
.khe-work-archive-mascot-orbit::after {
	content: "";
	position: absolute;
	border-radius: 999px;
	background: linear-gradient(135deg, #fff, #7cc8ff);
	box-shadow: 0 0 20px rgba(124, 200, 255, 0.44);
}

.khe-work-archive-mascot-orbit::before {
	width: 11px;height: 11px;top: 6%;left: 14%;
	animation: kheArchiveOrbit 7s linear infinite;
}
.khe-work-archive-mascot-orbit::after {
	width: 7px;height: 7px;right: 16%;bottom: 10%;
	animation: kheArchiveOrbit 5.4s linear infinite reverse;
}

.khe-work-archive-mascot img {
	display: block;
	width: 100%;
	height: auto;
	filter: drop-shadow(0 20px 38px rgba(0, 0, 0, 0.3));
	transform: scale(1.08);
	transform-origin: center bottom;
	position: relative;
	z-index: 2;
}

.khe-work-archive-bulb {
	position: absolute;
	left: 10%;
	top: 5%;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: radial-gradient(circle at 38% 32%, #ffffff 0 16%, #f9f4cf 17%, #ecd477 52%, #d7ba4d 70%, rgba(215,186,77,.1) 100%);
	border: 2px solid rgba(21,21,21,.44);
	box-shadow: 0 0 0 rgba(237, 212, 109, 0);
	transition: box-shadow .28s ease, transform .28s ease, filter .28s ease;
	z-index: 4;
	pointer-events: none;
}

.khe-work-archive-bulb::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 14px;
	width: 12px;
	height: 15px;
	border: 2px solid rgba(21,21,21,.6);
	border-top: 0;
	border-radius: 0 0 8px 8px;
	transform: translateX(-50%);
}

.khe-work-archive-bulb::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -11px;
	width: 20px;
	height: 13px;
	background: linear-gradient(180deg, #5f636e, #2f323a);
	border-radius: 4px;
	transform: translateX(-50%);
	box-shadow: inset 0 2px 0 rgba(255,255,255,.22);
}

.khe-work-archive-mascot:hover .khe-work-archive-bulb,
.khe-work-archive-mascot:focus-within .khe-work-archive-bulb {
	transform: translateY(-2px) scale(1.06);
	box-shadow: 0 0 24px rgba(245, 221, 116, .78), 0 0 52px rgba(245, 221, 116, .42), 0 0 90px rgba(245,221,116,.22);
	filter: brightness(1.08);
	animation: kheArchiveBulbPulse 1.2s ease-in-out infinite alternate;
}

@keyframes kheArchiveBulbPulse {
	from { box-shadow: 0 0 24px rgba(245, 221, 116, .72), 0 0 52px rgba(245,221,116,.38), 0 0 90px rgba(245,221,116,.18); }
	to { box-shadow: 0 0 32px rgba(255, 232, 130, .95), 0 0 74px rgba(255,232,130,.5), 0 0 112px rgba(255,232,130,.28); }
}

.khe-work-archive-grid-section {

	padding: 18px 0 84px;
}

.khe-work-archive-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}

.khe-work-archive-card {
	position: relative;
}

.khe-work-archive-card a {
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 100%;
	text-decoration: none;
	background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(242,246,255,0.94));
	border: 1px solid rgba(255,255,255,0.12);
	border-radius: var(--khe-work-radius);
	overflow: hidden;
	box-shadow: var(--khe-work-shadow);
	transition: transform .34s ease, box-shadow .34s ease, border-color .34s ease;
}

.khe-work-archive-card a:hover,
.khe-work-archive-card a:focus-visible {
	transform: translateY(-10px);
	box-shadow: 0 38px 80px rgba(0, 0, 0, 0.34);
	border-color: rgba(124,200,255,0.4);
}

.khe-work-archive-card-media {
	position: relative;
	aspect-ratio: 1 / 0.9;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 18px;
	background: linear-gradient(180deg, rgba(244, 249, 255, 0.94), rgba(232, 238, 248, 0.92));
	overflow: hidden;
}

.khe-work-archive-card-glow {
	position: absolute;
	inset: auto -16% -16% auto;
	width: 180px;
	height: 180px;
	background: radial-gradient(circle, rgba(124, 200, 255, 0.42), transparent 68%);
	filter: blur(12px);
	opacity: 0.8;
	transition: transform .4s ease, opacity .4s ease;
}

.khe-work-archive-card:nth-child(3n+2) .khe-work-archive-card-glow {
	background: radial-gradient(circle, rgba(255, 128, 96, 0.26), transparent 68%);
}

.khe-work-archive-card:nth-child(3n+3) .khe-work-archive-card-glow {
	background: radial-gradient(circle, rgba(104, 255, 204, 0.24), transparent 68%);
}

.khe-work-archive-card a:hover .khe-work-archive-card-glow {
	transform: scale(1.18);
	opacity: 1;
}

.khe-work-archive-card-media img {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	object-fit: contain;
	filter: drop-shadow(0 18px 20px rgba(16, 31, 63, 0.12));
}

.khe-work-archive-card-index {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	border-radius: 999px;
	background: rgba(255,255,255,0.74);
	border: 1px solid rgba(13, 30, 70, 0.12);
	color: rgba(13, 30, 70, 0.84);
	font-size: 0.84rem;
	font-weight: 800;
	letter-spacing: 0.08em;
}

.khe-work-archive-card-placeholder {
	position: relative;
	z-index: 1;
	display: grid;
	place-items: center;
	width: 100%;
	height: 100%;
	border-radius: 30px;
	background: linear-gradient(135deg, rgba(9,24,58,0.9), rgba(20,49,103,0.96));
}

.khe-work-archive-card-placeholder span {
	font-size: clamp(4rem, 12vw, 7rem);
	line-height: 1;
	font-weight: 900;
	letter-spacing: -0.08em;
	color: #fff;
}

.khe-work-archive-card-copy {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 18px 18px 18px;
	color: var(--khe-work-ink);
}

.khe-work-archive-card-meta {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #677590;
}

.khe-work-archive-card h2 {
	margin: 0;
	font-size: clamp(1.5rem, 2vw, 1.9rem);
	line-height: 0.98;
	letter-spacing: -0.05em;
	color: var(--khe-work-ink);
}

.khe-work-archive-card p {
	margin: 0;
	font-size: 0.97rem;
	line-height: 1.68;
	color: rgba(13,30,70,0.72);
}

.khe-work-archive-card-footer {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	margin-top: 6px;
}

.khe-work-archive-card-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.khe-work-archive-card-tags span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 32px;
	padding: 6px 10px;
	border-radius: 999px;
	background: rgba(13,30,70,0.08);
	font-size: 0.66rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #314f84;
}

.khe-work-archive-card-footer strong {
	white-space: nowrap;
	font-size: 0.82rem;
	font-weight: 900;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--khe-work-ink);
}

.khe-work-archive-card small {
	font-size: 0.76rem;
	line-height: 1.5;
	letter-spacing: 0.03em;
	color: rgba(13,30,70,0.56);
}

.khe-work-archive-empty {
	padding: 40px;
	border-radius: 30px;
	background: rgba(255,255,255,0.08);
	border: 1px solid rgba(255,255,255,0.16);
	text-align: center;
}

.khe-work-archive-empty h2 {
	margin: 0 0 12px;
	font-size: 2rem;
}

.khe-work-archive-empty p {
	margin: 0;
	color: var(--khe-work-muted);
}

.khe-work-archive-page .navigation.pagination {
	margin-top: 34px;
}

.khe-work-archive-page .nav-links {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	flex-wrap: wrap;
}

.khe-work-archive-page .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 42px;
	padding: 0 14px;
	border-radius: 999px;
	background: rgba(255,255,255,0.08);
	border: 1px solid rgba(255,255,255,0.12);
	color: #fff;
	text-decoration: none;
	font-weight: 700;
}

.khe-work-archive-page .page-numbers.current,
.khe-work-archive-page .page-numbers:hover {
	background: rgba(255,255,255,0.18);
}


.khe-work-archive-card a {
	backdrop-filter: blur(8px);
}

.khe-work-archive-card-media {
	border-bottom: 1px solid rgba(13, 30, 70, 0.06);
}

.khe-work-archive-card-copy {
	gap: 10px;
}

.khe-work-archive-card-meta {
	font-size: 0.68rem;
}

.khe-work-archive-card-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 2px;
}

.khe-work-archive-card-tags span {
	background: linear-gradient(180deg, rgba(49,79,132,0.08), rgba(49,79,132,0.14));
	border: 1px solid rgba(49,79,132,0.08);
	font-size: 0.64rem;
}

.khe-work-archive-card h2 {
	margin-top: -2px;
}

.khe-work-archive-card p,
.khe-work-archive-card small,
.khe-work-archive-card-footer {
	display: none !important;
}

@media (max-width: 1140px) {
	.khe-work-archive-hero-grid {
		grid-template-columns: 1fr;
		align-items: start;
	}
	.khe-work-archive-mascot-wrap {
		justify-self: start;
	}
	.khe-work-archive-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 820px) {
	.khe-work-archive-hero {
		padding-top: 42px;
	}
	.khe-work-archive-topline {
		font-size: 0.72rem;
		letter-spacing: 0.12em;
	}
	.khe-work-archive-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 640px) {
	:root {
		--khe-work-shell: calc(100vw - 28px);
	}
	.khe-work-archive-hero-grid {
		gap: 28px;
	}
	.khe-work-archive-mascot-wrap {
		max-width: 310px;
	}
	.khe-work-archive-mascot {
		width: min(100%, 300px);
		margin-inline: auto;
	}
	.khe-work-archive-globe {
		width: 72px;
		height: 72px;
		right: 4%;
		bottom: 14%;
	}
	.khe-work-archive-topline {
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 24px;
	}
	.khe-work-archive-copy h1 {
		max-width: 12ch;
	}
	.khe-work-archive-lead {
		font-size: 1rem;
	}
	.khe-work-archive-filters {
		gap: 10px;
	}
	.khe-work-archive-filters a {
		min-height: 38px;
		padding: 8px 13px;
		font-size: 0.73rem;
	}
	.khe-work-archive-card-copy {
		padding: 18px 18px 20px;
	}
	.khe-work-archive-card h2 {
		font-size: 1.62rem;
	}
	.khe-work-archive-card p {
		font-size: 0.92rem;
	}
	.khe-work-archive-card-index {
		width: 44px;
		height: 44px;
		font-size: 0.74rem;
	}
	.khe-work-archive-card-footer {
		flex-direction: column;
		align-items: flex-start;
	}
}

@keyframes kheArchiveStars {
	from { transform: translateY(0); }
	to { transform: translateY(18px); }
}
@keyframes kheArchiveFloat {
	0%,100% { transform: translate3d(0,0,0); }
	50% { transform: translate3d(0,-12px,0); }
}
@keyframes kheArchiveOrbit {
	0% { transform: translate3d(0,0,0); }
	50% { transform: translate3d(0,-10px,0); }
	100% { transform: translate3d(0,0,0); }
}

@keyframes kheArchiveGlobeFloat {
	0%,100% { transform: translate3d(0,0,0); }
	50% { transform: translate3d(-4px,-8px,0); }
}


/* v2.1.5 — astronaut moon mascot with hover moon glow */
.khe-work-archive-mascot--astronaut {
	padding: 16px 10px 8px;
	background: linear-gradient(180deg, rgba(255,255,255,0.14), rgba(255,255,255,0.04));
}

.khe-work-archive-mascot--astronaut::before,
.khe-work-archive-mascot--astronaut::after {
	content: "";
	position: absolute;
	pointer-events: none;
	transition: opacity .35s ease, transform .35s ease, filter .35s ease;
}

.khe-work-archive-mascot--astronaut::before {
	left: 6%;
	bottom: 8%;
	width: 58%;
	height: 58%;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255, 223, 102, 0.46) 0%, rgba(255, 199, 84, 0.22) 40%, rgba(255, 180, 68, 0.08) 60%, rgba(255, 180, 68, 0) 78%);
	filter: blur(26px);
	opacity: .18;
	transform: scale(.9);
	z-index: 0;
}

.khe-work-archive-mascot--astronaut::after {
	left: 18%;
	top: 10%;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255,255,255,.92) 0%, rgba(184,224,255,.78) 42%, rgba(184,224,255,0) 76%);
	box-shadow: 0 0 18px rgba(184,224,255,.42);
	opacity: .75;
	z-index: 0;
}

.khe-work-archive-mascot--astronaut img {
	background: transparent !important;
	filter: drop-shadow(0 22px 38px rgba(0, 0, 0, 0.24));
	transform: scale(1.02);
}

.khe-work-archive-mascot--astronaut:hover::before,
.khe-work-archive-mascot--astronaut:focus-within::before {
	opacity: .72;
	transform: scale(1.1);
	filter: blur(30px);
}

.khe-work-archive-mascot--astronaut:hover img,
.khe-work-archive-mascot--astronaut:focus-within img {
	transform: scale(1.035) translateY(-6px);
	filter: drop-shadow(0 22px 38px rgba(0, 0, 0, 0.24)) drop-shadow(0 0 18px rgba(255, 223, 102, 0.34)) drop-shadow(-12px 14px 32px rgba(255, 196, 73, 0.24));
}

.khe-work-archive-bulb {
	display: none !important;
}


/* v2.1.6 — stronger moon glow + hover stars */
.khe-work-archive-mascot--astronaut {
	position: relative;
}

.khe-work-archive-mascot--astronaut .khe-mascot-stars,
.khe-work-archive-mascot--astronaut .khe-mascot-stars::before,
.khe-work-archive-mascot--astronaut .khe-mascot-stars::after {
	content: "";
	position: absolute;
	opacity: 0;
	pointer-events: none;
	transition: opacity .3s ease, transform .35s ease, filter .35s ease;
	z-index: 1;
}

.khe-work-archive-mascot--astronaut .khe-mascot-stars {
	left: 16%;
	top: 14%;
	width: 12px;
	height: 12px;
	background: radial-gradient(circle, rgba(255,255,255,.98) 0%, rgba(255,247,196,.92) 18%, rgba(255,233,134,.55) 44%, rgba(255,233,134,0) 72%);
	clip-path: polygon(50% 0%, 61% 37%, 100% 50%, 61% 63%, 50% 100%, 39% 63%, 0% 50%, 39% 37%);
	filter: drop-shadow(0 0 12px rgba(255, 228, 118, .55));
	transform: scale(.4) translateY(8px);
}

.khe-work-archive-mascot--astronaut .khe-mascot-stars::before {
	left: 180px;
	top: 58px;
	width: 10px;
	height: 10px;
	background: radial-gradient(circle, rgba(255,255,255,.96) 0%, rgba(198,232,255,.8) 26%, rgba(198,232,255,0) 72%);
	clip-path: polygon(50% 0%, 61% 37%, 100% 50%, 61% 63%, 50% 100%, 39% 63%, 0% 50%, 39% 37%);
	filter: drop-shadow(0 0 10px rgba(198,232,255,.55));
	transform: scale(.5) rotate(14deg);
}

.khe-work-archive-mascot--astronaut .khe-mascot-stars::after {
	left: 100px;
	top: 208px;
	width: 8px;
	height: 8px;
	background: radial-gradient(circle, rgba(255,255,255,.96) 0%, rgba(255,220,122,.85) 24%, rgba(255,220,122,0) 72%);
	clip-path: polygon(50% 0%, 61% 37%, 100% 50%, 61% 63%, 50% 100%, 39% 63%, 0% 50%, 39% 37%);
	filter: drop-shadow(0 0 10px rgba(255,220,122,.5));
	transform: scale(.45) rotate(-8deg);
}

.khe-work-archive-mascot--astronaut::before {
	background: radial-gradient(circle, rgba(255, 241, 167, 0.72) 0%, rgba(255, 214, 92, 0.42) 28%, rgba(255, 188, 71, 0.18) 48%, rgba(255, 188, 71, 0.08) 60%, rgba(255, 188, 71, 0) 80%);
	filter: blur(30px);
	opacity: .26;
}

.khe-work-archive-mascot--astronaut:hover::before,
.khe-work-archive-mascot--astronaut:focus-within::before {
	opacity: .98;
	transform: scale(1.18);
	filter: blur(38px);
}

.khe-work-archive-mascot--astronaut:hover .khe-mascot-stars,
.khe-work-archive-mascot--astronaut:focus-within .khe-mascot-stars,
.khe-work-archive-mascot--astronaut:hover .khe-mascot-stars::before,
.khe-work-archive-mascot--astronaut:focus-within .khe-mascot-stars::before,
.khe-work-archive-mascot--astronaut:hover .khe-mascot-stars::after,
.khe-work-archive-mascot--astronaut:focus-within .khe-mascot-stars::after {
	opacity: 1;
}

.khe-work-archive-mascot--astronaut:hover .khe-mascot-stars,
.khe-work-archive-mascot--astronaut:focus-within .khe-mascot-stars {
	transform: scale(1) translateY(0);
	animation: kheAstronautStarPulse 1.9s ease-in-out infinite alternate;
}

.khe-work-archive-mascot--astronaut:hover .khe-mascot-stars::before,
.khe-work-archive-mascot--astronaut:focus-within .khe-mascot-stars::before {
	animation: kheAstronautStarPulse2 2.3s ease-in-out infinite alternate;
}

.khe-work-archive-mascot--astronaut:hover .khe-mascot-stars::after,
.khe-work-archive-mascot--astronaut:focus-within .khe-mascot-stars::after {
	animation: kheAstronautStarPulse3 1.7s ease-in-out infinite alternate;
}

/* v2.1.42 — compact work archive rhythm */
.khe-work-archive-main{padding-bottom:56px;}
.khe-work-archive-hero{padding:46px 0 20px;}
.khe-work-archive-topline{margin-bottom:22px;}
.khe-work-archive-hero-grid{grid-template-columns:minmax(0,1fr) 320px;gap:34px;align-items:center;}
.khe-work-archive-copy h1{max-width:13ch;font-size:clamp(2.85rem,5.35vw,4.85rem);line-height:.92;}
.khe-work-archive-lead{margin-top:16px;max-width:680px;font-size:clamp(.98rem,1.5vw,1.1rem);line-height:1.6;}
.khe-work-archive-filters{margin-top:20px;gap:10px;}
.khe-work-archive-filters a{min-height:38px;padding:8px 14px;font-size:.75rem;}

.khe-work-archive-mascot-wrap{max-width:330px;align-self:center;transform:translateY(-6px);}
.khe-work-archive-mascot{width:min(100%,310px);margin-left:auto;padding:10px 10px 6px;border-radius:26px;}
.khe-work-archive-mascot-orbit{inset:-8px;border-radius:30px;}
.khe-work-archive-mascot--astronaut img{transform:scale(.94) translateY(4px);transform-origin:center bottom;}
.khe-work-archive-mascot--astronaut:hover img,.khe-work-archive-mascot--astronaut:focus-within img{transform:scale(.975) translateY(-2px);}

.khe-work-archive-grid-section{padding:10px 0 58px;}
.khe-work-archive-grid{grid-template-columns:repeat(auto-fit,minmax(225px,285px));justify-content:start;gap:18px;max-width:930px;}
.khe-work-archive-card a{border-radius:24px;box-shadow:0 18px 42px rgba(0,8,24,.3);}
.khe-work-archive-card a:hover,.khe-work-archive-card a:focus-visible{transform:translateY(-6px);box-shadow:0 26px 54px rgba(0,0,0,.32);}
.khe-work-archive-card-media{aspect-ratio:1/.74;padding:14px;}
.khe-work-archive-card-media img{filter:drop-shadow(0 13px 16px rgba(16,31,63,.12));}
.khe-work-archive-card-index{top:14px;right:14px;width:42px;height:42px;font-size:.72rem;}
.khe-work-archive-card-copy{gap:8px;padding:14px 14px 16px;}
.khe-work-archive-card-meta{font-size:.62rem;letter-spacing:.14em;}
.khe-work-archive-card h2{font-size:clamp(1.25rem,1.7vw,1.55rem);line-height:1;}
.khe-work-archive-card-tags{gap:6px;margin-top:0;}
.khe-work-archive-card-tags span{min-height:27px;padding:5px 8px;font-size:.57rem;letter-spacing:.1em;}

@media(max-width:1140px){
  .khe-work-archive-hero-grid{grid-template-columns:1fr 300px;}
}
@media(max-width:820px){
  .khe-work-archive-hero{padding-top:38px;}
  .khe-work-archive-hero-grid{grid-template-columns:1fr;gap:18px;}
  .khe-work-archive-mascot-wrap{justify-self:start;transform:none;}
  .khe-work-archive-mascot{margin-left:0;width:260px;}
  .khe-work-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:700px;}
}
@media(max-width:640px){
  .khe-work-archive-main{padding-bottom:42px;}
  .khe-work-archive-hero{padding:30px 0 14px;}
  .khe-work-archive-topline{margin-bottom:16px;}
  .khe-work-archive-copy h1{font-size:clamp(2.5rem,11vw,3.55rem);max-width:12ch;}
  .khe-work-archive-lead{margin-top:14px;}
  .khe-work-archive-mascot-wrap{max-width:240px;}
  .khe-work-archive-mascot{width:225px;padding:7px 7px 3px;}
  .khe-work-archive-grid-section{padding-top:6px;padding-bottom:44px;}
  .khe-work-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:none;}
  .khe-work-archive-card a{border-radius:18px;}
  .khe-work-archive-card-media{aspect-ratio:1/.86;padding:9px;}
  .khe-work-archive-card-index{top:9px;right:9px;width:31px;height:31px;font-size:.58rem;}
  .khe-work-archive-card-copy{padding:11px 10px 12px;gap:6px;}
  .khe-work-archive-card-meta{font-size:.49rem;letter-spacing:.1em;gap:6px;}
  .khe-work-archive-card h2{font-size:1.08rem;letter-spacing:-.045em;}
  .khe-work-archive-card-tags{gap:4px;}
  .khe-work-archive-card-tags span{min-height:22px;padding:4px 6px;font-size:.46rem;letter-spacing:.07em;}
}


/* v2.1.49 — cleaner work hero: no kicker, transparent mascot */
.khe-work-archive-mascot-wrap{max-width:320px;}
.khe-work-archive-mascot,
.khe-work-archive-mascot--astronaut{background:transparent !important;border:none !important;box-shadow:none !important;backdrop-filter:none !important;padding:0 !important;border-radius:0 !important;}
.khe-work-archive-mascot:hover,
.khe-work-archive-mascot:focus-within{box-shadow:none !important;border-color:transparent !important;transform:translateY(-4px);}
.khe-work-archive-mascot-orbit{display:none !important;}
.khe-work-archive-mascot--astronaut::after{left:14%;top:10%;}
.khe-work-archive-mascot--astronaut img{transform:scale(.98) translateY(2px);}
.khe-work-archive-mascot--astronaut:hover img,.khe-work-archive-mascot--astronaut:focus-within img{transform:scale(1.01) translateY(-3px);}
@media (max-width:960px){
  .khe-work-archive-mascot-wrap{max-width:260px;}
}


/* v2.1.50 — fully transparent work mascot (no panel) */
.khe-work-archive-mascot-clean{
  position:relative;
  width:min(100%,300px);
  margin-left:auto;
  background:none !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
  border-radius:0 !important;
  isolation:isolate;
}
.khe-work-archive-mascot-clean::before{
  content:"";
  position:absolute;
  left:8%;
  bottom:10%;
  width:56%;
  height:56%;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255, 233, 143, 0.34) 0%, rgba(255, 203, 91, 0.16) 34%, rgba(255, 182, 72, 0.06) 55%, rgba(255, 182, 72, 0) 76%);
  filter:blur(22px);
  opacity:.72;
  z-index:0;
  pointer-events:none;
}
.khe-work-archive-mascot-clean img{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  height:auto;
  background:transparent !important;
  filter:drop-shadow(0 18px 30px rgba(0,0,0,.22));
  transform:translateY(2px);
  transition:transform .35s ease, filter .35s ease;
}
.khe-work-archive-mascot-clean:hover img,
.khe-work-archive-mascot-clean:focus-within img{
  transform:translateY(-4px) scale(1.01);
  filter:drop-shadow(0 22px 34px rgba(0,0,0,.24)) drop-shadow(0 0 16px rgba(255,223,102,.20));
}
@media (max-width:960px){
  .khe-work-archive-mascot-clean{width:min(100%,250px);margin-left:0;}
}


/* v2.1.56 — Work archive label refresh */
.khe-work-archive-topline{margin-bottom:28px;}
.khe-work-archive-topline-label{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#ff9a72;
  text-shadow:0 0 18px rgba(255,126,88,.22);
}
.khe-work-archive-topline-label::before{
  content:"";
  width:9px;
  height:9px;
  flex:0 0 9px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 35%,#ffe7be 0 20%,#ff9a72 45%,#e85c43 100%);
  box-shadow:0 0 0 5px rgba(255,136,98,.10),0 0 18px rgba(255,131,93,.65);
}


/* Greek work archive: natural editorial rhythm, without literal English wrapping. */
html[lang^="el"] .khe-work-archive-copy h1 {
	max-width: 13ch;
	font-size: clamp(2.85rem, 5.7vw, 5.15rem);
	line-height: 0.96;
	letter-spacing: -0.055em;
	text-wrap: balance;
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}
html[lang^="el"] .khe-work-archive-lead {
	max-width: 710px;
	font-size: clamp(1rem, 1.72vw, 1.16rem);
	line-height: 1.64;
}
html[lang^="el"] .khe-work-archive-filters a,
html[lang^="el"] .khe-work-archive-card-tags span {
	letter-spacing: 0.045em;
}
@media (max-width: 760px) {
	html[lang^="el"] .khe-work-archive-copy h1 {
		max-width: 11ch;
		font-size: clamp(2.55rem, 12vw, 3.55rem);
		line-height: .98;
	}
}

/* v2.2.0 — Marketing landing page: privacy-safe, no client logos or project archive cards. */
.khe-marketing-main{position:relative;overflow:hidden;padding-bottom:0;color:#f7f9ff;background:radial-gradient(circle at 12% 12%,rgba(80,145,255,.22),transparent 26%),radial-gradient(circle at 88% 72%,rgba(255,111,67,.15),transparent 25%),linear-gradient(135deg,#061331 0%,#0a1d49 48%,#07122e 100%)}
.khe-marketing-shell{width:min(1240px,calc(100vw - 48px));margin:0 auto;position:relative;z-index:2}
.khe-marketing-cosmos{position:absolute;inset:0;pointer-events:none;opacity:.8;background-image:radial-gradient(circle,rgba(255,255,255,.76) 0 1px,transparent 1.7px),radial-gradient(circle,rgba(122,195,255,.58) 0 1.5px,transparent 2.2px);background-size:140px 140px,260px 260px;background-position:12px 20px,78px 54px}
.khe-marketing-cosmos span{position:absolute;width:8px;height:8px;border-radius:50%;background:#ffd170;box-shadow:0 0 18px rgba(255,209,112,.8)}
.khe-marketing-cosmos span:nth-child(1){top:14%;left:12%}.khe-marketing-cosmos span:nth-child(2){top:28%;right:18%;width:5px;height:5px;background:#78c8ff}.khe-marketing-cosmos span:nth-child(3){top:61%;left:6%;width:6px;height:6px;background:#78c8ff}.khe-marketing-cosmos span:nth-child(4){top:78%;right:30%;width:5px;height:5px}.khe-marketing-cosmos span:nth-child(5){top:86%;left:58%;width:7px;height:7px;background:#78c8ff}
.khe-marketing-hero{padding:82px 0 62px}.khe-marketing-topline,.khe-marketing-section-heading>div>p,.khe-marketing-cta p{margin:0;color:#ffc968;font-size:.78rem;font-weight:850;letter-spacing:.2em;text-transform:uppercase}.khe-marketing-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:48px;align-items:end}.khe-marketing-hero h1{max-width:12ch;margin:18px 0 0;color:#fff;font-size:clamp(3.25rem,6vw,6rem);line-height:.94;letter-spacing:-.065em;text-wrap:balance}.khe-marketing-lead{max-width:730px;margin:26px 0 0;color:rgba(231,239,255,.82);font-size:clamp(1rem,1.7vw,1.22rem);line-height:1.68}.khe-marketing-orbit-card{position:relative;min-height:190px;border:1px solid rgba(255,255,255,.15);border-radius:28px;background:linear-gradient(145deg,rgba(64,119,208,.3),rgba(255,255,255,.03));box-shadow:0 24px 56px rgba(0,0,0,.24);overflow:hidden}.khe-marketing-orbit-card strong{position:absolute;right:24px;bottom:21px;font-size:.85rem;letter-spacing:.15em;color:rgba(255,255,255,.82)}.khe-marketing-orbit-card__line{position:absolute;width:210px;height:210px;border:1px solid rgba(255,255,255,.18);border-radius:50%;left:-78px;top:-56px}.khe-marketing-orbit-card__dot{position:absolute;border-radius:50%;background:#ffc968;box-shadow:0 0 20px rgba(255,201,104,.64)}.khe-marketing-orbit-card__dot--one{width:18px;height:18px;top:45px;left:84px}.khe-marketing-orbit-card__dot--two{width:8px;height:8px;right:38px;top:76px;background:#78c8ff}
.khe-marketing-focus{position:relative;padding:70px 0 96px;background:rgba(255,255,255,.97);color:#10284c}.khe-marketing-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px);gap:48px;align-items:end;margin-bottom:34px}.khe-marketing-section-heading>div>p{color:#ff6a3d}.khe-marketing-section-heading h2{max-width:11ch;margin:14px 0 0;font-size:clamp(2.3rem,4vw,4.4rem);line-height:.97;letter-spacing:-.06em;text-wrap:balance}.khe-marketing-section-lead{max-width:410px;margin:0 0 7px;color:#51627c;font-size:1.05rem;line-height:1.66}.khe-marketing-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.khe-marketing-card{display:flex;flex-direction:column;min-height:350px;padding:30px;border:1px solid rgba(22,50,94,.18);border-radius:26px;background:#f7f4ee;box-shadow:0 16px 42px rgba(25,42,78,.08);transition:transform .3s ease,box-shadow .3s ease}.khe-marketing-card:nth-child(even){background:#142d59;color:#f9fbff;border-color:rgba(255,255,255,.15)}.khe-marketing-card:hover{transform:translateY(-6px);box-shadow:0 24px 54px rgba(25,42,78,.16)}.khe-marketing-card__head{display:flex;align-items:center;justify-content:space-between;gap:18px}.khe-marketing-card__head span{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid currentColor;border-radius:50%;font-size:.72rem;font-weight:800;letter-spacing:.08em}.khe-marketing-card__head p{margin:0;font-size:.7rem;font-weight:850;letter-spacing:.15em;text-align:right;color:#335f9f}.khe-marketing-card:nth-child(even) .khe-marketing-card__head p{color:#ffc968}.khe-marketing-card h3{max-width:12ch;margin:42px 0 14px;font-size:clamp(1.8rem,2.9vw,2.75rem);line-height:.98;letter-spacing:-.055em;text-wrap:balance}.khe-marketing-card__body{max-width:590px;margin:0;color:#4c5d75;font-size:1rem;line-height:1.64}.khe-marketing-card:nth-child(even) .khe-marketing-card__body{color:rgba(239,245,255,.79)}.khe-marketing-card__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:28px}.khe-marketing-card__tags span{padding:7px 10px;border:1px solid rgba(30,58,102,.22);border-radius:999px;font-size:.67rem;font-weight:760;letter-spacing:.05em;color:#264876;background:rgba(255,255,255,.48)}.khe-marketing-card:nth-child(even) .khe-marketing-card__tags span{border-color:rgba(255,255,255,.2);color:#e9f1ff;background:rgba(255,255,255,.08)}
.khe-marketing-cta{padding:66px 0;background:#0d1935}.khe-marketing-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:36px}.khe-marketing-cta h2{max-width:15ch;margin:13px 0 0;font-size:clamp(2rem,3.7vw,4rem);line-height:.98;letter-spacing:-.055em;text-wrap:balance}.khe-marketing-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:14px 22px;border-radius:999px;background:#f8f5ef;color:#12284e;font-size:.86rem;font-weight:850;letter-spacing:.05em;text-decoration:none;transition:transform .25s ease,background .25s ease}.khe-marketing-cta a:hover{transform:translateY(-3px);background:#ffc968}
@media(max-width:800px){.khe-marketing-shell{width:min(100% - 32px,1240px)}.khe-marketing-hero{padding:58px 0 46px}.khe-marketing-hero-grid,.khe-marketing-section-heading{grid-template-columns:1fr;gap:22px}.khe-marketing-hero h1{max-width:11ch;font-size:clamp(3rem,13vw,4.6rem)}.khe-marketing-orbit-card{min-height:110px;max-width:320px}.khe-marketing-section-heading h2{max-width:12ch}.khe-marketing-section-lead{margin:0}.khe-marketing-focus{padding:52px 0 62px}.khe-marketing-card-grid{grid-template-columns:1fr}.khe-marketing-card{min-height:300px;padding:24px}.khe-marketing-card h3{margin-top:32px}.khe-marketing-cta__inner{align-items:flex-start;flex-direction:column}.khe-marketing-cta{padding:52px 0}.khe-marketing-cta h2{max-width:12ch}}


/* v2.2.1 — marketing contrast + sector experience / interactive moon */
.khe-marketing-card:nth-child(even) h3,
.khe-marketing-card:nth-child(even) h3 a {
	color: #ffffff !important;
	text-shadow: 0 1px 0 rgba(0,0,0,.12);
}
.khe-marketing-card:nth-child(even) .khe-marketing-card__body {
	color: rgba(244, 248, 255, .9) !important;
}
.khe-marketing-card:nth-child(even) .khe-marketing-card__head span {
	color: #ffffff;
	border-color: rgba(255,255,255,.72);
}
.khe-marketing-card:nth-child(even) .khe-marketing-card__tags span {
	color: #ffffff !important;
	border-color: rgba(255,255,255,.38);
	background: rgba(255,255,255,.12);
}
.khe-marketing-experience {
	position: relative;
	padding: 92px 0;
	background:
		radial-gradient(circle at 84% 42%, rgba(94, 154, 255, .18), transparent 26%),
		linear-gradient(135deg, #0a1d45 0%, #102f62 50%, #0a1938 100%);
	color: #fff;
	overflow: hidden;
}
.khe-marketing-experience::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	opacity: .66;
	background-image: radial-gradient(circle, rgba(255,255,255,.66) 0 1px, transparent 1.7px);
	background-size: 120px 120px;
	background-position: 18px 34px;
}
.khe-marketing-experience__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(300px, 420px);
	gap: 76px;
	align-items: center;
}
.khe-marketing-experience__copy,
.khe-marketing-moon-panel { position: relative; z-index: 1; }
.khe-marketing-experience__kicker {
	margin: 0;
	color: #ffc968;
	font-size: .78rem;
	font-weight: 850;
	letter-spacing: .19em;
	text-transform: uppercase;
}
.khe-marketing-experience h2 {
	max-width: 12ch;
	margin: 16px 0 0;
	color: #fff;
	font-size: clamp(2.45rem, 4.4vw, 4.7rem);
	line-height: .96;
	letter-spacing: -.065em;
	text-wrap: balance;
}
.khe-marketing-experience__lead {
	max-width: 690px;
	margin: 24px 0 0;
	color: rgba(235,242,255,.88);
	font-size: clamp(1rem, 1.5vw, 1.16rem);
	line-height: 1.7;
}
.khe-marketing-experience__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	margin-top: 29px;
}
.khe-marketing-experience__tags span {
	padding: 8px 12px;
	border: 1px solid rgba(255,255,255,.28);
	border-radius: 999px;
	background: rgba(255,255,255,.07);
	color: #f8fbff;
	font-size: .7rem;
	font-weight: 780;
	letter-spacing: .045em;
}
.khe-marketing-moon-panel {
	display: grid;
	place-items: center;
	min-height: 340px;
	padding: 34px;
	border: 1px solid rgba(255,255,255,.18);
	border-radius: 30px;
	background: linear-gradient(155deg, rgba(77,134,224,.27), rgba(4,19,53,.26));
	box-shadow: inset 0 1px 0 rgba(255,255,255,.09), 0 28px 68px rgba(0,0,0,.24);
	cursor: pointer;
	outline: none;
	isolation: isolate;
}
.khe-marketing-moon-panel::before,
.khe-marketing-moon-panel::after {
	content: "";
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
}
.khe-marketing-moon-panel::before {
	width: 250px; height: 250px;
	background: radial-gradient(circle, rgba(255,210,105,.16) 0%, rgba(255,210,105,.07) 45%, transparent 70%);
	filter: blur(4px);
	transition: transform .55s ease, opacity .55s ease;
}
.khe-marketing-moon-panel::after {
	inset: 14px;
	border: 1px solid rgba(255,255,255,.12);
}
.khe-marketing-moon {
	position: relative;
	width: min(190px, 48vw);
	aspect-ratio: 1;
	border-radius: 50%;
	background: radial-gradient(circle at 34% 28%, #fff8cf 0 4%, #ffe394 26%, #ffd169 54%, #e9a94b 100%);
	box-shadow: 0 0 0 1px rgba(255,248,212,.48), 0 0 34px rgba(255,211,105,.74), 0 0 92px rgba(255,194,80,.34);
	overflow: hidden;
	transition: transform .58s cubic-bezier(.2,.72,.2,1), box-shadow .58s ease;
}
.khe-marketing-moon::before {
	content: "";
	position: absolute;
	inset: -4px auto -4px -45%;
	width: 84%;
	border-radius: 50%;
	background: #102b59;
	box-shadow: 18px 0 0 rgba(7,24,57,.34);
	transition: transform .7s cubic-bezier(.2,.72,.2,1), opacity .45s ease;
}
.khe-marketing-moon::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background-image: radial-gradient(circle at 32% 38%, rgba(202,147,65,.27) 0 3px, transparent 4px), radial-gradient(circle at 67% 62%, rgba(183,122,46,.2) 0 5px, transparent 6px), radial-gradient(circle at 58% 22%, rgba(183,122,46,.18) 0 4px, transparent 5px);
	mix-blend-mode: multiply;
	opacity: .6;
}
.khe-marketing-moon-panel p {
	position: absolute;
	bottom: 24px;
	margin: 0;
	color: rgba(237,244,255,.78);
	font-size: .72rem;
	font-weight: 760;
	letter-spacing: .08em;
	text-transform: uppercase;
	text-align: center;
}
.khe-marketing-moon-panel:hover .khe-marketing-moon,
.khe-marketing-moon-panel:focus-visible .khe-marketing-moon {
	transform: scale(1.08) rotate(4deg);
	box-shadow: 0 0 0 1px rgba(255,248,212,.65), 0 0 52px rgba(255,222,127,.96), 0 0 126px rgba(255,202,83,.56);
}
.khe-marketing-moon-panel:hover .khe-marketing-moon::before,
.khe-marketing-moon-panel:focus-visible .khe-marketing-moon::before {
	transform: translateX(-122%);
	opacity: 0;
}
.khe-marketing-moon-panel:hover::before,
.khe-marketing-moon-panel:focus-visible::before { transform: scale(1.26); opacity: .98; }
.khe-marketing-moon-panel:focus-visible { box-shadow: 0 0 0 3px rgba(255,201,104,.72), inset 0 1px 0 rgba(255,255,255,.09), 0 28px 68px rgba(0,0,0,.24); }
@media (max-width: 800px) {
	.khe-marketing-experience { padding: 60px 0; }
	.khe-marketing-experience__grid { grid-template-columns: 1fr; gap: 34px; }
	.khe-marketing-experience h2 { max-width: 13ch; }
	.khe-marketing-moon-panel { min-height: 280px; }
	.khe-marketing-moon-panel p { bottom: 18px; }
}
@media (prefers-reduced-motion: reduce) {
	.khe-marketing-moon, .khe-marketing-moon::before, .khe-marketing-moon-panel::before { transition: none; }
}

/* v2.2.2 — compact interactive marketing services */
.khe-marketing-services {
	position: relative;
	padding: 88px 0 96px;
	background:
		radial-gradient(circle at 8% 12%, rgba(113, 185, 255, .1), transparent 21%),
		linear-gradient(155deg, #081b42 0%, #0e2f65 52%, #091a3d 100%);
	color: #f7faff;
	overflow: hidden;
}
.khe-marketing-services::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	opacity: .58;
	background-image: radial-gradient(circle, rgba(255,255,255,.74) 0 1px, transparent 1.7px);
	background-size: 120px 120px;
	background-position: 14px 32px;
}
.khe-marketing-services__heading {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 430px);
	gap: 54px;
	align-items: end;
	margin-bottom: 38px;
}
.khe-marketing-services__heading > div > p {
	margin: 0;
	color: #ffc968;
	font-size: .78rem;
	font-weight: 850;
	letter-spacing: .19em;
	text-transform: uppercase;
}
.khe-marketing-services h2 {
	max-width: 13ch;
	margin: 15px 0 0;
	color: #fff;
	font-size: clamp(2.45rem, 4.5vw, 4.8rem);
	line-height: .96;
	letter-spacing: -.065em;
	text-wrap: balance;
}
.khe-marketing-services__lead {
	max-width: 430px;
	margin: 0 0 5px;
	color: rgba(233, 241, 255, .86);
	font-size: 1.04rem;
	line-height: 1.67;
}
.khe-marketing-services__grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
}
.khe-marketing-service {
	position: relative;
	isolation: isolate;
	min-height: 244px;
	padding: 22px;
	border: 1px solid rgba(255,255,255,.18);
	border-radius: 23px;
	background: linear-gradient(155deg, rgba(255,255,255,.11), rgba(255,255,255,.035));
	box-shadow: inset 0 1px 0 rgba(255,255,255,.09), 0 16px 36px rgba(0,0,0,.13);
	overflow: hidden;
	transition: transform .36s cubic-bezier(.2,.7,.2,1), border-color .36s ease, background .36s ease, box-shadow .36s ease;
}
.khe-marketing-service::before {
	content: "";
	position: absolute;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	left: -92px;
	bottom: -112px;
	background: radial-gradient(circle, rgba(255,201,104,.5), rgba(255,201,104,.1) 46%, transparent 70%);
	filter: blur(4px);
	opacity: .12;
	transform: scale(.65);
	transition: opacity .45s ease, transform .5s cubic-bezier(.2,.7,.2,1);
}
.khe-marketing-service::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: linear-gradient(135deg, transparent 46%, rgba(120,200,255,.11) 100%);
	opacity: 0;
	transition: opacity .35s ease;
	pointer-events: none;
}
.khe-marketing-service:hover,
.khe-marketing-service:focus-within {
	transform: translateY(-8px) rotate(-.35deg);
	border-color: rgba(255,215,126,.72);
	background: linear-gradient(155deg, rgba(49,104,192,.55), rgba(12,38,83,.72));
	box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 28px 52px rgba(0,0,0,.23), 0 0 0 1px rgba(120,200,255,.08);
}
.khe-marketing-service:hover::before,
.khe-marketing-service:focus-within::before { opacity: .96; transform: scale(1.45); }
.khe-marketing-service:hover::after,
.khe-marketing-service:focus-within::after { opacity: 1; }
.khe-marketing-service__index {
	position: relative;
	z-index: 1;
	display: inline-grid;
	place-items: center;
	width: 35px;
	height: 35px;
	border: 1px solid rgba(255,255,255,.66);
	border-radius: 50%;
	color: #fff;
	font-size: .67rem;
	font-weight: 850;
	letter-spacing: .09em;
	transition: background .3s ease, color .3s ease, border-color .3s ease;
}
.khe-marketing-service:hover .khe-marketing-service__index,
.khe-marketing-service:focus-within .khe-marketing-service__index { color: #153465; background: #ffc968; border-color: #ffc968; }
.khe-marketing-service__signal {
	position: absolute;
	right: 20px;
	top: 24px;
	display: flex;
	align-items: end;
	gap: 4px;
	height: 25px;
	z-index: 1;
}
.khe-marketing-service__signal i {
	display: block;
	width: 4px;
	border-radius: 99px;
	background: rgba(120,200,255,.74);
	box-shadow: 0 0 12px rgba(120,200,255,.34);
	transition: height .32s ease, background .3s ease, transform .3s ease;
}
.khe-marketing-service__signal i:nth-child(1){height:8px}.khe-marketing-service__signal i:nth-child(2){height:14px}.khe-marketing-service__signal i:nth-child(3){height:21px}
.khe-marketing-service:hover .khe-marketing-service__signal i,
.khe-marketing-service:focus-within .khe-marketing-service__signal i { background: #ffc968; transform: translateY(-2px); }
.khe-marketing-service h3 {
	position: relative;
	z-index: 1;
	margin: 36px 0 9px;
	color: #fff;
	font-size: clamp(1.25rem, 1.8vw, 1.62rem);
	line-height: 1.02;
	letter-spacing: -.045em;
}
.khe-marketing-service p {
	position: relative;
	z-index: 1;
	margin: 0;
	color: rgba(233,241,255,.82);
	font-size: .9rem;
	line-height: 1.55;
}
.khe-marketing-service__arrow {
	position: absolute;
	right: 20px;
	bottom: 16px;
	z-index: 1;
	color: #ffc968;
	font-size: 1.25rem;
	font-weight: 700;
	transform: translate(-5px, 5px);
	opacity: .65;
	transition: transform .32s ease, opacity .32s ease;
}
.khe-marketing-service:hover .khe-marketing-service__arrow,
.khe-marketing-service:focus-within .khe-marketing-service__arrow { transform: translate(0, 0); opacity: 1; }
@media (max-width: 1050px) {
	.khe-marketing-services__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 800px) {
	.khe-marketing-services { padding: 60px 0 66px; }
	.khe-marketing-services__heading { grid-template-columns: 1fr; gap: 20px; margin-bottom: 27px; }
	.khe-marketing-services h2 { max-width: 12ch; }
	.khe-marketing-services__grid { grid-template-columns: 1fr; }
	.khe-marketing-service { min-height: 220px; }
}


/* v2.2.4 — warm alternating sector experience section */
.khe-marketing-experience {
	background:
		radial-gradient(circle at 84% 42%, rgba(255, 191, 94, .18), transparent 25%),
		radial-gradient(circle at 16% 86%, rgba(86, 138, 220, .10), transparent 30%),
		#f7f4ee;
	color: #142d59;
}
.khe-marketing-experience::before {
	opacity: .46;
	background-image: radial-gradient(circle, rgba(39, 72, 123, .42) 0 1px, transparent 1.75px);
}
.khe-marketing-experience__kicker { color: #ff6a3d; }
.khe-marketing-experience h2 { color: #142d59; }
.khe-marketing-experience__lead { color: #51627c; }
.khe-marketing-experience__tags span {
	border-color: rgba(25, 55, 103, .22);
	background: rgba(255,255,255,.54);
	color: #25466f;
}
.khe-marketing-moon-panel {
	border-color: rgba(24, 55, 103, .26);
	background:
		radial-gradient(circle at 70% 24%, rgba(99, 159, 245, .28), transparent 31%),
		linear-gradient(155deg, #264d89 0%, #142f61 52%, #10264f 100%);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 26px 58px rgba(33, 52, 86, .18);
}
.khe-marketing-moon-panel::after { border-color: rgba(255,255,255,.16); }
.khe-marketing-moon-panel p { color: rgba(244, 248, 255, .88); }
.khe-marketing-moon::before { background: #142f61; box-shadow: 18px 0 0 rgba(10, 31, 70, .36); }