/* stylelint-disable selector-class-pattern, no-descending-specificity, no-duplicate-selectors -- Stable legacy selectors are refined by the flagship layer below. */
.ckava-home-main {
	padding: 0;
}

.ckava-home-main > :is(section, .wp-block-group),
.ckava-home-edited-content > :is(section, .wp-block-group) {
	inline-size: 100%;
}

.ckava-eyebrow {
	margin-block-end: 1.3rem;
	color: #276841;
	font-size: 0.74rem;
	font-weight: 800;
	letter-spacing: 0.17em;
	line-height: 1.5;
	text-transform: uppercase;
}

.ckava-home-hero .ckava-eyebrow,
.ckava-home-contact .ckava-eyebrow {
	color: var(--ckava-color-accent);
}

.ckava-home-hero {
	position: relative;
	overflow: hidden;
	background: var(--ckava-color-forest);
	color: var(--ckava-color-white);
}

.ckava-home-hero::before {
	position: absolute;
	inset-block-start: -16rem;
	inset-inline-start: -17rem;
	inline-size: 42rem;
	block-size: 42rem;
	border: 1px solid rgb(255 255 255 / 9%);
	border-radius: 50%;
	content: "";
	pointer-events: none;
}

.ckava-home-hero__grid {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr);
	align-items: center;
	gap: clamp(2.5rem, 6vw, 8rem);
	min-block-size: min(700px, calc(100svh - 120px));
	padding-block: clamp(5rem, 9vw, 8rem);
}

.ckava-home-hero h1 {
	max-inline-size: 11ch;
	margin-block-end: 1.5rem;
	font-size: clamp(3.35rem, 5.8vw, 6.15rem);
	line-height: 1.03;
	letter-spacing: -0.055em;
}

.ckava-home-hero__lede {
	max-inline-size: 31rem;
	margin-block-end: 2.2rem;
	color: #dfebe1;
	font-size: clamp(1rem, 1.3vw, 1.2rem);
	line-height: 1.7;
}

.ckava-home-hero__actions,
.ckava-recovery-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.8rem;
}

.ckava-home-hero__actions .ckava-button {
	min-block-size: 3.4rem;
}

.ckava-button--accent {
	background: var(--ckava-color-accent);
	color: var(--ckava-color-ink);
}

.ckava-button--accent:hover {
	background: #88dfa3;
	color: var(--ckava-color-ink);
}

.ckava-button--light-outline {
	border-color: rgb(255 255 255 / 55%);
	background: transparent;
	color: var(--ckava-color-white);
}

.ckava-button--light-outline:hover {
	background: var(--ckava-color-white);
	color: var(--ckava-color-forest);
}

.ckava-home-hero__footnote {
	margin-block-start: 3rem;
	color: #c8d7cc;
	font-size: 0.74rem;
	font-weight: 600;
	letter-spacing: 0.11em;
	text-transform: uppercase;
}

.ckava-home-hero__visual {
	position: relative;
	align-self: stretch;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.ckava-home-hero__image-wrap {
	position: relative;
	inline-size: 100%;
	max-inline-size: 550px;
	aspect-ratio: 1;
	margin-inline: auto;
	padding: 0.25rem;
	border: 1px solid rgb(255 255 255 / 24%);
	background: var(--ckava-color-warm);
	box-shadow: 35px 35px 0 rgb(9 20 14 / 40%);
}

.ckava-home-hero__image-wrap img {
	inline-size: 100%;
	block-size: 100%;
	object-fit: contain;
}

.ckava-home-hero__model {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	align-self: flex-end;
	margin-block-start: 1.5rem;
	color: #e1ebe3;
	text-align: end;
}

.ckava-home-hero__model span {
	font-size: 0.7rem;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}

.ckava-home-hero__model strong {
	font-size: 0.9rem;
}

.ckava-section-heading {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 2rem;
	margin-block-end: clamp(2rem, 4vw, 4rem);
}

.ckava-section-heading h2 {
	max-inline-size: 16ch;
	margin: 0;
	font-size: clamp(2.4rem, 4.2vw, 4.3rem);
}

.ckava-section-heading > p {
	max-inline-size: 23rem;
	margin-block-end: 0;
	color: #536057;
}

.ckava-home-families {
	background: var(--ckava-color-warm);
}

.ckava-family-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.75rem;
}

.ckava-family-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-block-size: 17.5rem;
	padding: clamp(1.2rem, 2vw, 2rem);
	border: 1px solid #d9dfd8;
	background: var(--ckava-color-white);
	color: var(--ckava-color-ink);
	text-decoration: none;
	transition: border-color 160ms ease, transform 160ms ease;
}

.ckava-family-card:hover {
	transform: translateY(-4px);
	border-color: var(--ckava-color-accent);
	color: var(--ckava-color-ink);
}

.ckava-family-card__num,
.ckava-family-card__arrow {
	color: #276841;
	font-size: 0.74rem;
	font-weight: 800;
	letter-spacing: 0.12em;
}

.ckava-family-card strong {
	max-inline-size: 12ch;
	margin-block-start: auto;
	font-size: clamp(1.3rem, 1.7vw, 1.75rem);
	line-height: 1.2;
}

.ckava-family-card > span:nth-last-child(2) {
	max-inline-size: 19rem;
	margin-block-start: 0.75rem;
	color: #526057;
	font-size: 0.83rem;
	line-height: 1.5;
}

.ckava-family-card__arrow {
	position: absolute;
	inset-block-start: 1.4rem;
	inset-inline-end: 1.5rem;
	font-size: 1.5rem;
}

.ckava-home-featured,
.ckava-home-trust {
	background: var(--ckava-color-white);
}

.ckava-featured-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
}

.ckava-featured-card a {
	display: block;
	block-size: 100%;
	background: var(--ckava-color-warm);
	color: var(--ckava-color-ink);
	text-decoration: none;
}

.ckava-featured-card__image {
	aspect-ratio: 1;
	background: var(--ckava-color-white);
}

.ckava-featured-card__image img {
	inline-size: 100%;
	block-size: 100%;
	object-fit: contain;
}

.ckava-featured-card__text {
	position: relative;
	padding: 1.4rem;
}

.ckava-featured-card__text span:first-child {
	color: #58675d;
	font-size: 0.72rem;
	text-transform: uppercase;
}

.ckava-featured-card__text h3 {
	margin-block: 0.5rem 0;
	font-size: 1.25rem;
}

.ckava-featured-card__text span:last-child {
	position: absolute;
	inset-block-end: 1rem;
	inset-inline-end: 1.4rem;
	font-size: 1.5rem;
}

.ckava-home-solutions,
.ckava-home-advantages,
.ckava-home-oem,
.ckava-home-story {
	background: var(--ckava-color-warm);
}

.ckava-scenarios-layout,
.ckava-advantages-layout,
.ckava-trust-layout,
.ckava-story-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: clamp(2rem, 9vw, 9rem);
}

.ckava-scenarios-layout h2,
.ckava-advantages-layout h2,
.ckava-trust-layout h2,
.ckava-story-layout h2 {
	max-inline-size: 16ch;
	font-size: clamp(2.4rem, 4vw, 4rem);
}

.ckava-scenarios-layout > div > p:not(.ckava-eyebrow) {
	max-inline-size: 30rem;
	color: #4c5a50;
}

.ckava-scenarios-list {
	align-self: center;
	padding: 0;
	margin: 0;
	list-style: none;
}

.ckava-scenarios-list li {
	padding-block: 1rem;
	border-block-end: 1px solid #cbd3c9;
	font-size: clamp(1.2rem, 2vw, 1.65rem);
	font-weight: 650;
}

.ckava-scenarios-list li::before {
	margin-inline-end: 1rem;
	color: #276841;
	content: "↗";
}

.ckava-text-link {
	display: inline-block;
	margin-block-start: 1rem;
	font-weight: 750;
	text-decoration-thickness: 1px;
}

.ckava-advantage-list p {
	display: flex;
	gap: 1.5rem;
	padding-block: 1.4rem;
	border-block-end: 1px solid #cbd3c9;
	font-size: 1.1rem;
}

.ckava-advantage-list span,
.ckava-process span,
.ckava-support-grid span,
.ckava-solution-cards span {
	color: #276841;
	font-size: 0.8rem;
	font-weight: 750;
}

.ckava-home-oem {
	background: #e8eee7;
}

.ckava-process {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
	padding: 0;
	margin: 0;
	list-style: none;
}

.ckava-process li {
	padding: 1.6rem;
	background: var(--ckava-color-white);
}

.ckava-process strong {
	display: block;
	margin-block-start: 3rem;
	font-size: 1.5rem;
}

.ckava-process p {
	margin-block: 0.7rem 0;
	color: #526057;
}

.ckava-trust-layout {
	align-items: end;
}

.ckava-trust-layout > p {
	max-inline-size: 34rem;
	color: #4c5a50;
	font-size: 1.15rem;
}

.ckava-story-links {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}

.ckava-home-contact {
	background: var(--ckava-color-forest);
	color: var(--ckava-color-white);
}

.ckava-home-contact__inner {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 3rem;
}

.ckava-home-contact h2 {
	max-inline-size: 16ch;
	font-size: clamp(2.7rem, 4.6vw, 4.6rem);
}

.ckava-home-contact p:not(.ckava-eyebrow) {
	max-inline-size: 33rem;
	color: #d8e5d9;
}

.ckava-home-contact .ckava-button {
	flex: 0 0 auto;
}

.ckava-page-main {
	padding-block: clamp(3.5rem, 7vw, 7rem);
	background: var(--ckava-color-warm);
}

.ckava-page-container {
	max-inline-size: var(--ckava-width-content);
}

.ckava-page-container--wide {
	max-inline-size: var(--ckava-width-wide);
}

.ckava-page-heading {
	max-inline-size: var(--ckava-width-content);
	margin-block-end: clamp(2rem, 4vw, 4rem);
}

.ckava-page-heading h1 {
	margin-block-end: 1.2rem;
	font-size: clamp(3rem, 5vw, 5rem);
	font-weight: 600;
	line-height: 1.02;
	letter-spacing: -0.05em;
}

.ckava-page-heading > p:last-child {
	max-inline-size: 650px;
	color: var(--ckava-color-forest);
	font-size: 1.18rem;
}

.ckava-prose > * {
	max-inline-size: var(--ckava-width-content);
}

.ckava-prose > .alignwide {
	max-inline-size: var(--ckava-width-wide);
}

.ckava-story-featured {
	margin-inline: 0;
}

.ckava-story-featured figcaption {
	margin-block-start: 0.7rem;
	color: var(--ckava-color-forest);
	font-size: 0.82rem;
}

.ckava-news-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--ckava-chapter-gap);
	margin-block: 3rem;
}

.ckava-news-card {
	padding: clamp(1.5rem, 3vw, 3rem);
	background: var(--ckava-color-white);
}

.ckava-news-card h2 {
	font-size: clamp(1.4rem, 2vw, 2rem);
}

.ckava-solution-cards,
.ckava-support-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--ckava-chapter-gap);
	margin-block: 3rem;
}

.ckava-solution-cards article,
.ckava-support-grid section {
	min-block-size: 16rem;
	padding: clamp(1.5rem, 3vw, 2.5rem);
	background: var(--ckava-color-white);
}

.ckava-solution-cards h2,
.ckava-support-grid h2 {
	margin-block: 2rem 0.7rem;
	font-size: 1.5rem;
}

.ckava-page-feature {
	padding: clamp(2rem, 4vw, 4rem);
	margin-block: 3rem;
	background: var(--ckava-color-white);
}

.ckava-feature-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem 3rem;
	padding-inline-start: 1.5rem;
}

.ckava-page-main .ckava-inquiry {
	inline-size: 100%;
	max-inline-size: var(--ckava-width-content);
	margin-block: clamp(2.5rem, 6vw, 5rem);
	padding: clamp(1.5rem, 4vw, 3rem);
	background: var(--ckava-color-white);
}

.ckava-page-main .ckava-inquiry h1 {
	margin-block-end: 0.75rem;
	font-size: clamp(2.25rem, 4vw, 3.5rem);
}

.ckava-page-main .ckava-inquiry > p {
	max-inline-size: 38rem;
	color: var(--ckava-color-forest);
}

.ckava-page-main .ckava-inquiry [data-ckava="quote-items"] {
	margin-block: 1.5rem 2rem;
	padding-block: 1rem;
	border-block: 1px solid var(--ckava-color-border);
}

.ckava-page-main .ckava-inquiry [data-ckava="quote-items"] ul {
	display: grid;
	gap: 0.75rem;
	padding: 0;
	margin: 0;
	list-style: none;
}

.ckava-page-main .ckava-inquiry [data-ckava="quote-items"] li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.ckava-page-main .ckava-inquiry [data-ckava="quote-items"] button {
	min-block-size: 2.75rem;
	padding-inline: 1rem;
	border-color: var(--ckava-color-forest);
	background: transparent;
	color: var(--ckava-color-forest);
}

.ckava-page-main .ckava-inquiry form {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.25rem var(--ckava-chapter-gap);
}

.ckava-page-main .ckava-inquiry form > label {
	grid-column: 1 / -1;
	min-inline-size: 0;
	gap: 0.45rem;
	color: var(--ckava-color-forest);
	font-size: 0.82rem;
	font-weight: 650;
}

.ckava-page-main .ckava-inquiry form > label:nth-of-type(-n + 4) {
	grid-column: auto;
}

.ckava-page-main .ckava-inquiry :where(input, textarea) {
	min-inline-size: 0;
	min-block-size: 2.875rem;
	max-inline-size: 100%;
	padding: 0.75rem 0.875rem;
	border: 1px solid var(--ckava-color-border);
	border-radius: var(--ckava-radius-sm);
	background: var(--ckava-color-warm);
	color: var(--ckava-color-ink);
}

.ckava-page-main .ckava-inquiry textarea {
	min-block-size: 8rem;
}

.ckava-page-main .ckava-inquiry :where(input, textarea, button):focus-visible {
	outline: var(--ckava-focus-ring);
	outline-offset: 0;
	box-shadow: var(--ckava-focus-halo);
}

.ckava-page-main .ckava-inquiry form > button[type="submit"] {
	grid-column: 1 / -1;
	min-block-size: 2.875rem;
	margin-block-start: 0.5rem;
	padding: 0.7rem 1.5rem;
	border-radius: var(--ckava-radius-pill);
	background: var(--ckava-color-accent);
	color: var(--ckava-color-ink);
	font-weight: 650;
}

.ckava-page-main .ckava-inquiry-success {
	min-block-size: 18rem;
}

@media (width <= 734px) {
	.ckava-page-heading h1 {
		font-size: 2.5rem;
	}

	.ckava-page-main .ckava-inquiry {
		margin-block: 2rem;
		padding: 1.25rem;
	}

	.ckava-page-main .ckava-inquiry form {
		grid-template-columns: minmax(0, 1fr);
	}

	.ckava-page-main .ckava-inquiry form > label,
	.ckava-page-main .ckava-inquiry form > label:nth-of-type(-n + 4),
	.ckava-page-main .ckava-inquiry form > button[type="submit"] {
		grid-column: 1;
	}

	.ckava-page-main .ckava-inquiry [data-ckava="quote-items"] li {
		align-items: start;
		flex-direction: column;
	}
}

.ckava-search-results {
	display: grid;
	gap: 1rem;
}

.ckava-search-result {
	display: grid;
	grid-template-columns: minmax(0, 200px) minmax(0, 1fr);
	gap: 2rem;
	padding: 1rem;
	background: var(--ckava-color-white);
}

.ckava-search-result__image {
	aspect-ratio: 1;
	background: var(--ckava-color-warm);
}

.ckava-search-result__image img {
	inline-size: 100%;
	block-size: 100%;
	object-fit: contain;
}

.ckava-search-result h2 {
	font-size: 1.5rem;
}

.ckava-empty-search {
	padding: clamp(2rem, 5vw, 4rem);
	background: var(--ckava-color-white);
}

.ckava-empty-search form {
	max-inline-size: 550px;
	margin-block: 2rem;
}

.ckava-search-field {
	display: flex;
	gap: 0.5rem;
}

.ckava-recovery-links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.8rem 1.6rem;
	margin-block: 2rem;
}

.ckava-not-found {
	display: grid;
	grid-template-columns: minmax(0, 0.7fr) minmax(0, 1fr);
	align-items: center;
	gap: 4rem;
	min-block-size: 50vh;
}

.ckava-not-found__number {
	margin: 0;
	color: #cad8cb;
	font-size: clamp(8rem, 20vw, 18rem);
	font-weight: 850;
	line-height: 1;
	letter-spacing: -0.09em;
}

.ckava-not-found .ckava-recovery-actions {
	margin-block-start: 2rem;
}

@media (width <= 900px) {
	.ckava-home-hero__grid {
		gap: 2.5rem;
	}

	.ckava-family-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ckava-featured-grid,
	.ckava-solution-cards,
	.ckava-support-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (width <= 680px) {
	.ckava-home-hero__grid,
	.ckava-scenarios-layout,
	.ckava-advantages-layout,
	.ckava-trust-layout,
	.ckava-story-layout,
	.ckava-not-found {
		grid-template-columns: minmax(0, 1fr);
	}

	.ckava-home-hero__grid {
		padding-block: 4.5rem 3.5rem;
	}

	.ckava-home-hero h1 {
		font-size: clamp(3.1rem, 11vw, 4.5rem);
	}

	.ckava-home-hero__footnote {
		margin-block-start: 2rem;
	}

	.ckava-home-hero__image-wrap {
		max-inline-size: 420px;
		box-shadow: 14px 14px 0 rgb(9 20 14 / 40%);
	}

	.ckava-section-heading,
	.ckava-home-contact__inner {
		align-items: start;
		flex-direction: column;
	}

	.ckava-family-grid,
	.ckava-featured-grid,
	.ckava-process,
	.ckava-solution-cards,
	.ckava-support-grid,
	.ckava-feature-list {
		grid-template-columns: minmax(0, 1fr);
	}

	.ckava-news-list {
		grid-template-columns: minmax(0, 1fr);
	}

	.ckava-family-card {
		min-block-size: 12.5rem;
	}

	.ckava-process strong {
		margin-block-start: 1.2rem;
	}

	.ckava-search-result {
		grid-template-columns: minmax(0, 100px) minmax(0, 1fr);
		gap: 1rem;
	}

	.ckava-search-field {
		flex-direction: column;
	}

	.ckava-not-found__number {
		font-size: 8rem;
	}
}

/* CK flagship chapter system. */
@keyframes ckava-chapter-reveal {
	from {
		opacity: 0;
		transform: translateY(16px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.ckava-home-main {
	display: grid;
	gap: var(--ckava-chapter-gap);
	background: var(--ckava-color-ink);
}

.ckava-home-section {
	position: relative;
	margin: 0;
	overflow: hidden;
	animation: ckava-chapter-reveal 550ms ease both;
}

.ckava-home-section.ckava-section {
	padding-block: 0;
}

.ckava-home-section .ckava-container {
	max-inline-size: var(--ckava-width-wide);
}

.ckava-home-main .ckava-eyebrow {
	margin-block-end: 1rem;
	color: var(--ckava-color-forest);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.18em;
}

.ckava-home-main .ckava-button {
	min-block-size: 2.75rem;
}

.ckava-home-actions,
.ckava-home-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}

.ckava-home-main .ckava-button--accent,
.ckava-home-main .ckava-button--primary {
	background: var(--ckava-color-accent);
	color: var(--ckava-color-ink);
}

.ckava-home-main .ckava-button--accent:hover,
.ckava-home-main .ckava-button--primary:hover {
	background: var(--ckava-color-ink);
	color: var(--ckava-color-white);
}

.ckava-home-hero {
	min-block-size: clamp(580px, calc(100svh - var(--ckava-nav-height)), 692px);
	background-color: var(--ckava-color-ink);
	background-image: linear-gradient(180deg, rgb(14 15 15 / 28%), rgb(14 15 15 / 82%)), linear-gradient(90deg, rgb(28 48 39 / 56%), rgb(14 15 15 / 10%)), url("../images/hero-factory-v1.webp");
	background-position: center;
	background-size: cover;
}

.ckava-home-hero::before {
	display: none;
}

.ckava-home-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	grid-template-rows: auto 1fr auto;
	justify-items: center;
	gap: 0;
	min-block-size: inherit;
	padding-block: clamp(2.75rem, 6vw, 4.5rem) 1.5rem;
	text-align: center;
}

.ckava-home-hero__copy {
	position: relative;
	z-index: 3;
	display: flex;
	align-items: center;
	flex-direction: column;
	max-inline-size: 58rem;
}

.ckava-home-main .ckava-home-hero .ckava-eyebrow,
.ckava-home-main .ckava-home-contact .ckava-eyebrow {
	color: var(--ckava-color-accent);
}

.ckava-home-hero h1 {
	max-inline-size: 17ch;
	margin-block-end: 0.75rem;
	font-size: 3.5rem;
	font-weight: 600;
	line-height: 1.07;
	letter-spacing: -0.045em;
}

.ckava-home-hero__lede {
	max-inline-size: 46rem;
	margin-block-end: 1.25rem;
	color: var(--ckava-color-white);
	font-size: 1.75rem;
	line-height: 1.25;
}

.ckava-home-hero__actions {
	justify-content: center;
}

.ckava-home-hero__actions .ckava-button {
	min-inline-size: 12rem;
	min-block-size: 2.75rem;
}

.ckava-home-main .ckava-button--light-outline {
	border-color: var(--ckava-color-white);
	background: rgb(14 15 15 / 30%);
	color: var(--ckava-color-white);
}

.ckava-home-main .ckava-button--light-outline:hover {
	background: var(--ckava-color-white);
	color: var(--ckava-color-ink);
}

.ckava-home-hero__visual {
	position: absolute;
	z-index: 2;
	inset-block-end: -5.5rem;
	inset-inline-start: 50%;
	display: block;
	inline-size: clamp(19rem, 31vw, 27rem);
	transform: translateX(-50%);
}

.ckava-home-hero__image-wrap {
	inline-size: 100%;
	max-inline-size: none;
	margin: 0;
	padding: 0;
	border: 1px solid rgb(255 255 255 / 34%);
	background: var(--ckava-color-white);
	box-shadow: 1.5rem 1.5rem 0 rgb(14 15 15 / 32%);
}

.ckava-home-hero__image-wrap img {
	inline-size: 100%;
	block-size: 100%;
	object-fit: contain;
}

.ckava-home-hero__model {
	position: absolute;
	inset-block-end: 6rem;
	inset-inline-start: calc(100% + 1.25rem);
	inline-size: 12rem;
	margin: 0;
	color: var(--ckava-color-white);
	text-align: start;
}

.ckava-home-hero__footnote {
	position: absolute;
	z-index: 3;
	inset-block-end: 1.25rem;
	inset-inline-start: var(--ckava-page-gutter);
	max-inline-size: 24rem;
	margin: 0;
	color: var(--ckava-color-warm);
	font-size: 0.7rem;
	letter-spacing: 0.12em;
	text-align: start;
}

.ckava-home-families,
.ckava-home-featured,
.ckava-home-advantages,
.ckava-home-trust,
.ckava-home-story {
	background: var(--ckava-color-warm);
	color: var(--ckava-color-ink);
}

.ckava-home-families > .ckava-container,
.ckava-home-featured > .ckava-container,
.ckava-home-advantages > .ckava-container,
.ckava-home-trust > .ckava-container,
.ckava-home-story > .ckava-container {
	padding-block: clamp(4rem, 7vw, 6rem);
}

.ckava-section-heading {
	align-items: end;
	margin-block-end: clamp(2.5rem, 5vw, 4rem);
}

.ckava-section-heading h2,
.ckava-scenarios-layout h2,
.ckava-advantages-layout h2,
.ckava-trust-layout h2,
.ckava-story-layout h2,
.ckava-oem-layout h2,
.ckava-home-contact h2 {
	max-inline-size: 15ch;
	font-size: 2.5rem;
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: -0.035em;
}

.ckava-section-heading > p,
.ckava-featured-layout__copy > p,
.ckava-advantages-layout > div > p:not(.ckava-eyebrow),
.ckava-story-layout > div > p {
	color: var(--ckava-color-forest);
}

.ckava-family-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--ckava-chapter-gap);
}

.ckava-family-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-block-size: 25rem;
	padding: clamp(1.5rem, 3vw, 2.5rem);
	border: 0;
	background: var(--ckava-color-white);
	color: var(--ckava-color-ink);
	isolation: isolate;
}

.ckava-family-card:hover {
	border-color: transparent;
	color: var(--ckava-color-ink);
	transform: none;
}

.ckava-family-card__num,
.ckava-family-card__arrow {
	position: relative;
	z-index: 2;
	color: var(--ckava-color-forest);
}

.ckava-family-card strong {
	position: relative;
	z-index: 2;
	max-inline-size: 12ch;
	margin-block: 1.5rem 0;
	font-size: 2rem;
	line-height: 1.08;
}

.ckava-family-card .ckava-family-card__description {
	position: relative;
	z-index: 2;
	max-inline-size: 16rem;
	margin: 0;
	color: var(--ckava-color-forest);
}

.ckava-family-card__image {
	position: absolute;
	z-index: 1;
	inset-block-end: 0;
	inset-inline-end: 0;
	inline-size: 62%;
	block-size: 70%;
	overflow: hidden;
}

.ckava-family-card__image img {
	inline-size: 100%;
	block-size: 100%;
	object-fit: contain;
	object-position: bottom right;
	transition: transform 450ms ease;
}

.ckava-family-card:hover .ckava-family-card__image img {
	transform: scale(1.015);
}

.ckava-family-card__arrow {
	inset-block-start: 1.6rem;
	inset-inline-end: 1.75rem;
	font-size: 1.25rem;
}

.ckava-home-featured {
	min-block-size: 580px;
}

.ckava-featured-layout {
	display: grid;
	grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
	align-items: center;
	gap: clamp(3rem, 8vw, 8rem);
	min-block-size: 580px;
}

.ckava-featured-layout__copy h2 {
	max-inline-size: 12ch;
	margin-block-end: 1rem;
	font-size: clamp(2.5rem, 4vw, 4rem);
	line-height: 1.04;
}

.ckava-featured-layout__copy > p {
	max-inline-size: 31rem;
}

.ckava-featured-points,
.ckava-trust-points {
	padding: 0;
	margin-block: 1.5rem;
	list-style: none;
}

.ckava-featured-points li {
	padding-block: 0.5rem;
	border-block-end: 1px solid rgb(28 48 39 / 18%);
}

.ckava-featured-points li::before {
	margin-inline-end: 0.65rem;
	color: var(--ckava-color-forest);
	content: "—";
}

.ckava-featured-product {
	min-inline-size: 0;
}

.ckava-featured-card .ckava-featured-product__image {
	position: relative;
	display: block;
	inline-size: 100%;
	max-inline-size: 34rem;
	aspect-ratio: 1;
	margin-inline: auto;
	overflow: hidden;
	background: var(--ckava-color-white);
	color: var(--ckava-color-ink);
	text-decoration: none;
}

.ckava-featured-product__image img {
	inline-size: 100%;
	block-size: 100%;
	object-fit: contain;
	transition: transform 450ms ease;
}

.ckava-featured-product__image:hover img {
	transform: scale(1.015);
}

.ckava-featured-product__meta {
	position: absolute;
	inset-block-end: 1.25rem;
	inset-inline: 1.25rem;
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	padding: 0.9rem 1rem;
	background: var(--ckava-color-warm);
}

.ckava-featured-product__meta > span {
	color: var(--ckava-color-forest);
	font-size: 0.7rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.ckava-featured-product__meta strong {
	font-size: 0.9rem;
	text-align: end;
}

.ckava-home-solutions {
	min-block-size: 580px;
	background: var(--ckava-color-ink);
	color: var(--ckava-color-white);
}

.ckava-scenarios-layout {
	display: grid;
	grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
	align-items: center;
	gap: clamp(3rem, 9vw, 9rem);
	min-block-size: 580px;
	padding-block: clamp(4rem, 7vw, 6rem);
}

.ckava-home-main .ckava-home-solutions .ckava-eyebrow,
.ckava-home-main .ckava-home-oem .ckava-eyebrow {
	color: var(--ckava-color-accent);
}

.ckava-scenarios-layout__copy > p:not(.ckava-eyebrow) {
	max-inline-size: 30rem;
	color: var(--ckava-color-warm);
}

.ckava-home-solutions .ckava-text-link,
.ckava-home-oem .ckava-text-link,
.ckava-home-story .ckava-text-link {
	color: inherit;
}

.ckava-scenarios-list li {
	display: grid;
	grid-template-columns: 3rem minmax(0, 1fr);
	align-items: center;
	padding-block: 1rem;
	border-color: rgb(255 255 255 / 20%);
	font-size: clamp(1.2rem, 2vw, 1.65rem);
}

.ckava-scenarios-list li::before {
	display: none;
}

.ckava-scenarios-list span {
	color: var(--ckava-color-accent);
	font-size: 0.75rem;
}

.ckava-home-advantages {
	min-block-size: 580px;
}

.ckava-advantages-layout {
	align-items: center;
	min-block-size: 580px;
}

.ckava-advantage-list p {
	margin: 0;
	border-color: rgb(28 48 39 / 18%);
}

.ckava-advantage-list span {
	color: var(--ckava-color-forest);
}

.ckava-home-oem {
	min-block-size: 692px;
	background: var(--ckava-color-forest);
	color: var(--ckava-color-white);
}

.ckava-oem-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	align-items: stretch;
	gap: clamp(2rem, 5vw, 5rem);
	min-block-size: 692px;
	padding-block: clamp(3rem, 6vw, 5rem);
}

.ckava-oem-layout__copy {
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.ckava-oem-layout__lede {
	max-inline-size: 34rem;
	color: var(--ckava-color-warm);
}

.ckava-process {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0.5rem;
	margin-block: 1.5rem;
}

.ckava-process li {
	display: grid;
	grid-template-columns: 2.5rem minmax(7rem, 0.65fr) minmax(0, 1fr);
	align-items: center;
	gap: 1rem;
	padding: 1rem;
	background: var(--ckava-color-forest);
	border-block-start: 1px solid rgb(255 255 255 / 20%);
}

.ckava-process span {
	color: var(--ckava-color-accent);
}

.ckava-process strong {
	margin: 0;
	font-size: 1rem;
}

.ckava-process p {
	margin: 0;
	color: var(--ckava-color-warm);
	font-size: 0.85rem;
}

.ckava-oem-layout__media {
	min-inline-size: 0;
	margin: 0;
	overflow: hidden;
}

.ckava-oem-layout__media img {
	inline-size: 100%;
	block-size: 100%;
	min-block-size: 34rem;
	object-fit: cover;
	transition: transform 450ms ease;
}

.ckava-home-oem:hover .ckava-oem-layout__media img {
	transform: scale(1.015);
}

.ckava-home-trust {
	min-block-size: 360px;
}

.ckava-trust-layout {
	align-items: center;
	min-block-size: 360px;
}

.ckava-trust-points {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0;
	margin: 0;
}

.ckava-trust-points li {
	padding: 1rem;
	border-block-start: 1px solid rgb(28 48 39 / 18%);
}

.ckava-trust-points li::before {
	margin-inline-end: 0.65rem;
	color: var(--ckava-color-forest);
	content: "✓";
}

.ckava-home-story {
	min-block-size: 500px;
}

.ckava-story-layout {
	align-items: center;
	min-block-size: 500px;
}

.ckava-story-links {
	gap: 0.75rem 2rem;
}

.ckava-home-contact {
	min-block-size: 500px;
	background: var(--ckava-color-ink);
	color: var(--ckava-color-white);
}

.ckava-home-contact__inner {
	align-items: end;
	min-block-size: 500px;
	padding-block: clamp(4rem, 8vw, 7rem);
}

.ckava-home-contact p:not(.ckava-eyebrow) {
	max-inline-size: 36rem;
	color: var(--ckava-color-warm);
}

.ckava-home-contact .ckava-button {
	min-inline-size: 12rem;
}

@media (width <= 1068px) {
	.ckava-home-hero h1 {
		font-size: 3rem;
	}

	.ckava-home-hero__lede {
		font-size: 1.5rem;
	}

	.ckava-home-hero__visual {
		inline-size: 23rem;
	}

	.ckava-section-heading h2,
	.ckava-scenarios-layout h2,
	.ckava-advantages-layout h2,
	.ckava-trust-layout h2,
	.ckava-story-layout h2,
	.ckava-oem-layout h2,
	.ckava-home-contact h2 {
		font-size: 2rem;
	}
}

@media (width <= 734px) {
	.ckava-home-section {
		animation-duration: 450ms;
	}

	.ckava-home-hero {
		min-block-size: 620px;
		background-position: 62% center;
	}

	.ckava-home-hero__grid {
		display: flex;
		align-items: center;
		flex-direction: column;
		padding-block: 3rem 1rem;
	}

	.ckava-home-hero h1 {
		max-inline-size: 13ch;
		font-size: 2rem;
		line-height: 1.125;
	}

	.ckava-home-hero__lede {
		max-inline-size: 22rem;
		font-size: 1.1875rem;
	}

	.ckava-home-hero__actions {
		inline-size: 100%;
	}

	.ckava-home-hero__actions .ckava-button {
		inline-size: 100%;
	}

	.ckava-home-hero__visual {
		position: relative;
		inset: auto;
		inline-size: min(17rem, 78vw);
		margin-block-start: 1.5rem;
		transform: none;
	}

	.ckava-home-hero__model {
		position: static;
		inline-size: auto;
		margin-block-start: 0.6rem;
		text-align: center;
	}

	.ckava-home-hero__footnote {
		position: static;
		order: 3;
		margin-block-start: auto;
		text-align: center;
	}

	.ckava-section-heading,
	.ckava-featured-layout,
	.ckava-scenarios-layout,
	.ckava-advantages-layout,
	.ckava-oem-layout,
	.ckava-trust-layout,
	.ckava-story-layout,
	.ckava-home-contact__inner {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: 2rem;
	}

	.ckava-section-heading {
		margin-block-end: 2rem;
	}

	.ckava-family-grid,
	.ckava-trust-points {
		grid-template-columns: minmax(0, 1fr);
	}

	.ckava-family-card {
		min-block-size: 22rem;
	}

	.ckava-featured-layout,
	.ckava-scenarios-layout,
	.ckava-advantages-layout,
	.ckava-oem-layout,
	.ckava-story-layout,
	.ckava-home-contact__inner {
		min-block-size: auto;
		padding-block: 3.5rem;
	}

	.ckava-home-featured,
	.ckava-home-solutions,
	.ckava-home-advantages,
	.ckava-home-oem,
	.ckava-home-story,
	.ckava-home-contact {
		min-block-size: 500px;
	}

	.ckava-featured-layout {
		min-block-size: 580px;
	}

	.ckava-process li {
		grid-template-columns: 2rem minmax(0, 1fr);
	}

	.ckava-process p {
		grid-column: 2;
	}

	.ckava-oem-layout__media img {
		min-block-size: 18rem;
	}

	.ckava-home-contact__inner {
		align-content: center;
	}

	.ckava-home-contact .ckava-button {
		inline-size: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ckava-home-section {
		animation: none;
		transform: none;
	}

	.ckava-family-card__image img,
	.ckava-featured-product__image img,
	.ckava-oem-layout__media img,
	.ckava-family-card:hover .ckava-family-card__image img,
	.ckava-featured-product__image:hover img,
	.ckava-home-oem:hover .ckava-oem-layout__media img {
		transform: none;
	}
}