:root {
	--ksp-action-radius: var(--ksp-radius-sm);
	--ksp-media-radius: var(--ksp-radius-lg);
}

.ksp-direction-picture {
	display: block;
	height: 100%;
	width: 100%;
}

.ksp-direction-picture img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

[data-ksp-page^="segment-"] h1,
[data-ksp-page^="segment-"] h2,
[data-ksp-page^="segment-"] h3,
[data-ksp-page="services"] h1,
[data-ksp-page="services"] h2,
[data-ksp-page="services"] h3,
[data-ksp-page^="service-"] h1,
[data-ksp-page^="service-"] h2,
[data-ksp-page^="service-"] h3,
.kad-landing--door h1,
.kad-landing--door h2,
.kad-landing--door h3,
.kad-landing--urban h1,
.kad-landing--urban h2,
.kad-landing--urban h3 {
	font-family: var(--ksp-font-sans);
	font-weight: 700;
	hyphens: none;
	overflow-wrap: normal;
	text-wrap: balance;
}

[data-ksp-page^="segment-"] h2,
[data-ksp-page="services"] h2,
[data-ksp-page^="service-"] h2,
.kad-landing--door h2,
.kad-landing--urban h2 {
	font-size: clamp(30px, 3.3vw, 42px);
	line-height: 1.1429;
}

[data-ksp-page^="segment-"] h3,
[data-ksp-page="services"] h3,
[data-ksp-page^="service-"] h3,
.kad-landing--door h3,
.kad-landing--urban h3 {
	font-size: clamp(21px, 2vw, 24px);
	line-height: 1.3333;
}

[data-ksp-page^="segment-"] .ksp-button,
[data-ksp-page="services"] .ksp-button,
[data-ksp-page^="service-"] .ksp-button,
.kad-landing--door .kad-button,
.kad-landing--urban .kad-button {
	min-height: var(--ksp-control-height);
	border-radius: var(--ksp-action-radius) !important;
	font-family: var(--ksp-font-sans);
	font-size: 15px;
	font-weight: 700;
}

[data-ksp-page^="segment-"] .ksp-segment-hero__image::after {
	background: linear-gradient(90deg, rgba(10, 10, 10, .96) 0%, rgba(10, 10, 10, .82) 42%, rgba(10, 10, 10, .12) 100%);
}

[data-ksp-page^="segment-"] .ksp-benefit-grid article,
[data-ksp-page="services"] .ksp-service-card,
[data-ksp-page="services"] .ksp-services-hero__media,
[data-ksp-page="services"] .ksp-services-hero__media img {
	border-radius: var(--ksp-media-radius);
}

[data-ksp-page^="segment-"] .ksp-benefit-grid article {
	border: 1px solid rgba(23, 23, 23, .08);
	box-shadow: 0 18px 48px rgba(23, 23, 23, .06);
}

[data-ksp-page^="segment-"] .ksp-benefit-grid .ksp-ui-icon {
	align-items: center;
	background: rgba(229, 109, 36, .1);
	border-radius: 50%;
	color: var(--ksp-red);
	display: inline-flex;
	height: 48px;
	justify-content: center;
	margin-bottom: 36px;
	width: 48px;
}

[data-ksp-page^="segment-"] .ksp-benefit-grid .ksp-ui-icon svg {
	height: 25px;
	width: 25px;
}

[data-ksp-page="services"] .ksp-services-hero__media {
	aspect-ratio: 3 / 2;
	height: auto;
	overflow: visible;
}

.ksp-service-hero {
	padding-block: clamp(64px, 7vw, 92px);
	background:
		linear-gradient(90deg, rgba(23, 23, 23, .045) 1px, transparent 1px) 0 0 / 64px 64px,
		linear-gradient(rgba(23, 23, 23, .045) 1px, transparent 1px) 0 0 / 64px 64px,
		var(--ksp-warm);
}

.ksp-service-hero__grid {
	display: grid;
	align-items: center;
	grid-template-columns: minmax(0, .92fr) minmax(430px, 1.08fr);
	gap: clamp(42px, 5vw, 72px);
}

.ksp-service-hero__content h1 {
	max-width: 680px;
	margin-bottom: 26px;
	font-size: clamp(40px, 5vw, 72px);
	line-height: 1.04;
}

.ksp-service-hero__content > p {
	max-width: 650px;
	margin-bottom: 31px;
	color: var(--ksp-muted);
	font-size: clamp(16px, 1.35vw, 19px);
	line-height: 1.65;
}

.ksp-service-hero__media {
	position: relative;
	margin: 0;
	aspect-ratio: 3 / 2;
	min-width: 0;
}

.ksp-service-picture,
.ksp-service-picture img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: var(--ksp-media-radius);
}

.ksp-service-picture {
	overflow: hidden;
	box-shadow: 0 28px 64px rgba(23, 23, 23, .14);
}

.ksp-service-picture img {
	object-fit: cover;
}

.ksp-service-hero__media figcaption {
	position: absolute;
	right: 18px;
	bottom: 18px;
	max-width: calc(100% - 36px);
	padding: 10px 14px;
	border-radius: var(--ksp-radius-sm);
	background: rgba(255, 255, 255, .94);
	box-shadow: 0 8px 30px rgba(0, 0, 0, .12);
	color: var(--ksp-ink);
	font-size: 11px;
	font-weight: 750;
	line-height: 1.4;
}

.ksp-service-hero__notes {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 22px;
	margin: 28px 0 0;
	padding: 22px 0 0;
	border-top: 1px solid rgba(23, 23, 23, .14);
	list-style: none;
}

.ksp-service-hero__notes li {
	position: relative;
	padding-left: 16px;
	color: #4c4945;
	font-size: 12px;
	font-weight: 700;
}

.ksp-service-hero__notes li::before {
	position: absolute;
	top: .67em;
	left: 0;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--ksp-red);
	content: "";
}

.ksp-service-scope {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	border-bottom: 1px solid var(--ksp-line);
}

.ksp-service-scope article {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	gap: 20px;
	padding: 34px 32px 36px 0;
	border-top: 1px solid var(--ksp-line);
}

.ksp-service-scope article:nth-child(even) {
	padding-right: 0;
	padding-left: 32px;
	border-left: 1px solid var(--ksp-line);
}

.ksp-service-scope article > span {
	color: var(--ksp-red);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .08em;
}

.ksp-service-scope h3 {
	margin-bottom: 12px;
	font-size: 21px;
}

.ksp-service-scope p,
.ksp-service-brief__grid > div > p,
.ksp-service-factors p {
	margin-bottom: 0;
	color: var(--ksp-muted);
	font-size: 14px;
	line-height: 1.65;
}

.ksp-service-brief__grid {
	display: grid;
	align-items: start;
	grid-template-columns: minmax(0, .82fr) minmax(430px, 1.18fr);
	gap: clamp(54px, 8vw, 120px);
}

.ksp-service-brief__grid h2 {
	max-width: 560px;
	margin-bottom: 22px;
}

.ksp-service-brief__grid > div > p {
	max-width: 520px;
	margin-bottom: 30px;
	font-size: 16px;
}

.ksp-service-checklist {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #cbc5bd;
	list-style: none;
	counter-reset: none;
}

.ksp-service-checklist li {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	gap: 18px;
	padding: 20px 0;
	border-top: 1px solid #cbc5bd;
}

.ksp-service-checklist li > span {
	color: var(--ksp-red);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .08em;
}

.ksp-service-checklist p {
	margin: 0;
	color: var(--ksp-ink);
	font-size: 15px;
	font-weight: 650;
	line-height: 1.55;
}

.ksp-service-process .ksp-process__item {
	min-height: 286px;
}

.ksp-service-factors {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	column-gap: 36px;
}

.ksp-service-factors article {
	min-height: 188px;
	padding: 27px 0 30px;
	border-top: 3px solid var(--ksp-red);
}

.ksp-service-factors h3 {
	margin-bottom: 13px;
	font-size: 20px;
}

.ksp-service-factors article:nth-child(n + 4) {
	border-top-color: var(--ksp-line);
}

.kad-landing--door,
.kad-landing--urban {
	--kad-radius: var(--ksp-action-radius);
	--kad-media-radius: var(--ksp-media-radius);
}

.kad-landing--door .kad-shell,
.kad-landing--urban .kad-shell {
	width: min(calc(100% - 48px), var(--ksp-shell));
	max-width: var(--ksp-shell);
	margin-inline: auto;
}

.kad-landing--door .kad-section,
.kad-landing--urban .kad-section {
	padding-block: var(--ksp-section-space);
}

.kad-landing--door .kad-hero__grid,
.kad-landing--urban .kad-hero__grid {
	gap: clamp(42px, 5vw, 72px);
	grid-template-columns: minmax(0, .92fr) minmax(430px, 1.08fr);
	min-height: 0;
	padding-block: clamp(64px, 7vw, 92px);
}

.kad-landing--door .kad-hero h1,
.kad-landing--urban .kad-hero h1 {
	font-size: clamp(40px, 5vw, 72px);
	line-height: 1.04;
}

.kad-landing--door .kad-hero__media--single,
.kad-landing--urban .kad-hero__media--single {
	aspect-ratio: 3 / 2;
	display: block;
	height: auto;
	overflow: hidden;
}

.kad-landing--door .kad-hero__media--single .ksp-direction-picture,
.kad-landing--urban .kad-hero__media--single .ksp-direction-picture,
.kad-landing--door .kad-hero__media--single img,
.kad-landing--urban .kad-hero__media--single img {
	border-radius: var(--ksp-media-radius);
}

.kad-landing--door .kad-proof-strip__grid > div,
.kad-landing--urban .kad-proof-strip__grid > div {
	align-items: center;
	display: grid;
	gap: 16px;
	grid-template-columns: 46px minmax(0, 1fr);
}

.kad-landing--door .kad-proof-strip__grid > div > span,
.kad-landing--urban .kad-proof-strip__grid > div > span {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.kad-landing--door .kad-proof-strip .ksp-ui-icon,
.kad-landing--urban .kad-proof-strip .ksp-ui-icon {
	align-items: center;
	background: rgba(255, 255, 255, .09);
	border-radius: 50%;
	color: #ff8d92;
	display: inline-flex;
	height: 46px;
	justify-content: center;
	width: 46px;
}

.kad-landing--door .kad-proof-strip .ksp-ui-icon svg,
.kad-landing--urban .kad-proof-strip .ksp-ui-icon svg {
	height: 24px;
	width: 24px;
}

.kad-landing--urban .kad-audience-grid > div {
	align-items: center;
	display: grid;
	gap: 14px;
	grid-template-columns: 44px 24px minmax(0, 1fr);
}

.kad-landing--urban .kad-audience-grid .ksp-ui-icon {
	align-items: center;
	background: rgba(229, 109, 36, .09);
	border-radius: 50%;
	color: var(--kad-red);
	display: inline-flex;
	height: 44px;
	justify-content: center;
	width: 44px;
}

.kad-landing--urban .kad-audience-grid .ksp-ui-icon svg {
	height: 22px;
	width: 22px;
}

.kad-landing--urban .kad-audience-grid > div > span {
	margin: 0;
}

@media (max-width: 1023px) {
	.kad-landing--door .kad-section,
	.kad-landing--urban .kad-section {
		padding-block: var(--ksp-section-space-tablet);
	}

	.kad-landing--door .kad-hero__grid,
	.kad-landing--urban .kad-hero__grid {
		grid-template-columns: 1fr;
	}

	.kad-landing--door .kad-hero__media--single,
	.kad-landing--urban .kad-hero__media--single {
		max-width: 760px;
	}

	[data-ksp-page="services"] .ksp-services-hero__grid {
		gap: 48px;
		grid-template-columns: 1fr;
	}

	.ksp-service-hero__grid,
	.ksp-service-brief__grid {
		grid-template-columns: 1fr;
	}

	.ksp-service-hero__media {
		max-width: 760px;
	}

	.ksp-service-brief__grid {
		gap: 44px;
	}
}

@media (max-width: 767px) {
	.kad-landing--door .kad-shell,
	.kad-landing--urban .kad-shell {
		width: min(calc(100% - 32px), var(--ksp-shell));
	}

	.kad-landing--door .kad-section,
	.kad-landing--urban .kad-section {
		padding-block: var(--ksp-section-space-mobile);
	}

	[data-ksp-page^="segment-"] h1,
	[data-ksp-page^="segment-"] h2,
	[data-ksp-page^="segment-"] h3,
	[data-ksp-page="services"] h1,
	[data-ksp-page="services"] h2,
	[data-ksp-page="services"] h3,
	[data-ksp-page^="service-"] h1,
	[data-ksp-page^="service-"] h2,
	[data-ksp-page^="service-"] h3,
	.kad-landing--door h1,
	.kad-landing--door h2,
	.kad-landing--door h3,
	.kad-landing--urban h1,
	.kad-landing--urban h2,
	.kad-landing--urban h3 {
		overflow-wrap: anywhere;
	}

	.kad-landing--door .kad-hero h1,
	.kad-landing--urban .kad-hero h1 {
		font-size: clamp(40px, 10vw, 48px);
		line-height: 1.06;
	}

	[data-ksp-page^="segment-"] .ksp-segment-hero,
	[data-ksp-page^="segment-"] .ksp-segment-hero__inner {
		min-height: 0;
	}

	[data-ksp-page^="segment-"] .ksp-segment-hero__image {
		aspect-ratio: 3 / 2;
		position: relative;
	}

	[data-ksp-page^="segment-"] .ksp-segment-hero__image::after {
		display: none;
	}

	[data-ksp-page^="segment-"] .ksp-segment-hero__content {
		padding-block: 48px 56px;
	}

	.kad-landing--door .kad-proof-strip__grid > div,
	.kad-landing--urban .kad-proof-strip__grid > div {
		grid-template-columns: 42px minmax(0, 1fr);
	}

	.kad-landing--urban .kad-audience-grid > div {
		grid-template-columns: 42px 22px minmax(0, 1fr);
	}

	.ksp-service-hero {
		padding-block: 48px 56px;
	}

	.ksp-service-hero__grid {
		gap: 36px;
	}

	.ksp-service-hero__content h1 {
		font-size: clamp(40px, 10vw, 48px);
		line-height: 1.06;
	}

	.ksp-service-hero__content > p {
		font-size: 16px;
	}

	.ksp-service-hero__notes {
		display: grid;
		gap: 7px;
	}

	.ksp-service-hero__media figcaption {
		right: 10px;
		bottom: 10px;
		max-width: calc(100% - 20px);
		font-size: 9px;
	}

	.ksp-service-scope,
	.ksp-service-factors {
		grid-template-columns: 1fr;
	}

	.ksp-service-scope article,
	.ksp-service-scope article:nth-child(even) {
		grid-template-columns: 36px minmax(0, 1fr);
		padding: 25px 0;
		border-left: 0;
	}

	.ksp-service-scope h3 {
		font-size: 19px;
	}

	.ksp-service-brief__grid {
		gap: 36px;
	}

	.ksp-service-checklist li {
		grid-template-columns: 34px minmax(0, 1fr);
		gap: 12px;
	}

	.ksp-service-factors article,
	.ksp-service-factors article:nth-child(n + 4) {
		min-height: 0;
		border-top-color: var(--ksp-line);
	}

	.ksp-service-factors article:first-child {
		border-top-color: var(--ksp-red);
	}
}

:where([data-ksp-page^="segment-"], [data-ksp-page="services"], [data-ksp-page^="service-"], .kad-landing--door, .kad-landing--urban)
	:where(a, button, input, select, textarea, summary):focus-visible {
	outline: 3px solid var(--ksp-focus-color) !important;
	outline-offset: 3px !important;
}

@media (prefers-reduced-motion: reduce) {
	:where([data-ksp-page^="segment-"], [data-ksp-page="services"], [data-ksp-page^="service-"], .kad-landing--door, .kad-landing--urban) *,
	:where([data-ksp-page^="segment-"], [data-ksp-page="services"], [data-ksp-page^="service-"], .kad-landing--door, .kad-landing--urban) *::before,
	:where([data-ksp-page^="segment-"], [data-ksp-page="services"], [data-ksp-page^="service-"], .kad-landing--door, .kad-landing--urban) *::after {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
		transition-delay: 0s !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
	}
}
