.elementor-1370 .elementor-element.elementor-element-6628275{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1370 .elementor-element.elementor-element-3ba9441{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1370 .elementor-element.elementor-element-7900fea{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1370 .elementor-element.elementor-element-64ba710{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1370 .elementor-element.elementor-element-3becba9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1370 .elementor-element.elementor-element-08cfa37{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1370 .elementor-element.elementor-element-302c23f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-25a4986 *//* ==========================================================
   KAVROS HOME HERO
   ========================================================== */

:root {
	--kavros-hero-gold: #b99a5d;
	--kavros-hero-gold-light: #d3b875;
	--kavros-hero-gold-dark: #80683f;

	--kavros-hero-white: #efede8;
	--kavros-hero-text: #d2d0cb;
	--kavros-hero-muted: #b9b8b4;

	--kavros-hero-serif:
		"Cormorant Garamond",
		"Times New Roman",
		serif;

	--kavros-hero-sans:
		"Poppins",
		Arial,
		sans-serif;

	--kavros-hero-transition: 220ms ease;
}


/* ==========================================================
   MAIN SECTION
   ========================================================== */

.kavros-home-hero {
	position: relative;
	isolation: isolate;

	width: 100%;
	min-height: clamp(560px, 43vw, 720px);

	overflow: hidden;

	color: var(--kavros-hero-text);
	background: #080908;

	border-top: 1px solid rgba(185, 154, 93, 0.66);
	border-bottom: 1px solid rgba(185, 154, 93, 0.45);

	font-family: var(--kavros-hero-sans);
}


.kavros-home-hero,
.kavros-home-hero *,
.kavros-home-hero *::before,
.kavros-home-hero *::after {
	box-sizing: border-box;
}


/* ==========================================================
   BACKGROUND IMAGE
   ========================================================== */

.kavros-hero-media {
	position: absolute;
	inset: 0;
	z-index: -3;

	display: block;

	width: 100%;
	height: 100%;
}


.kavros-hero-media img {
	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;
	object-position: 58% center;
}


/* Strong left-to-right dark overlay 
.kavros-home-hero::before {
	content: "";

	position: absolute;
	inset: 0;
	z-index: -2;

	pointer-events: none;

	background:
		linear-gradient(
			90deg,
			rgba(3, 4, 3, 0.97) 0%,
			rgba(3, 4, 3, 0.91) 20%,
			rgba(3, 4, 3, 0.78) 35%,
			rgba(3, 4, 3, 0.1) 50%,
			rgba(3, 4, 3, 0.12) 72%,
			rgba(3, 4, 3, 0.17) 100%
		),
		linear-gradient(
			180deg,
			rgba(0, 0, 0, 0.18) 0%,
			rgba(0, 0, 0, 0.04) 48%,
			rgba(0, 0, 0, 0.36) 100%
		);
}
*/

/* Bottom vignette */
.kavros-home-hero::after {
	content: "";

	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;

	height: 38%;

	pointer-events: none;

	background:
		linear-gradient(
			180deg,
			rgba(0, 0, 0, 0) 0%,
			rgba(0, 0, 0, 0.37) 100%
		);
}


/* ==========================================================
   HERO LAYOUT
   ========================================================== */

.kavros-hero-shell {
	position: relative;
	z-index: 2;

	display: flex;

	width: min(100%, 1440px);
	min-height: inherit;

	margin-inline: auto;

	padding:
		clamp(48px, 4.1vw, 66px)
		clamp(32px, 4.6vw, 72px)
		clamp(18px, 1.8vw, 28px);
}


.kavros-hero-content {
	display: flex;
	flex-direction: column;

	width: min(49%, 590px);
	min-width: 0;
}


.kavros-hero-copy {
	width: 100%;
}


/* ==========================================================
   EYEBROW
   ========================================================== */

.kavros-hero-eyebrow {
	margin: 0 0 clamp(18px, 2vw, 28px);

	color: var(--kavros-hero-gold-light);

	font-family: var(--kavros-hero-sans);
	font-size: clamp(13px, 1.18vw, 17px);
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0.04em;

	text-transform: uppercase;
}


/* ==========================================================
   MAIN HEADING
   ========================================================== */

.kavros-hero-title {
	display: flex;
	flex-direction: column;

	margin: 0;

	color: var(--kavros-hero-white);

	font-family: var(--kavros-hero-serif);
	font-weight: 500;
	text-transform: uppercase;

	text-shadow:
		0 2px 3px rgba(0, 0, 0, 0.9);
}


.kavros-hero-title-main {
	display: block;

	font-size: clamp(54px, 5.15vw, 78px);
	line-height: 0.82;
	letter-spacing: 0.018em;
}


.kavros-hero-title-sub {
	display: block;

	margin-top: clamp(8px, 0.75vw, 12px);

	font-size: clamp(29px, 3vw, 45px);
	line-height: 0.94;
	letter-spacing: 0.025em;
}


/* ==========================================================
   DECORATIVE DIVIDER
   ========================================================== */

.kavros-hero-divider {
	position: relative;

	display: flex;
	align-items: center;
	justify-content: center;

	width: clamp(190px, 18vw, 235px);
	height: 18px;

	margin:
		clamp(18px, 2.1vw, 27px)
		0
		clamp(12px, 1.5vw, 18px);
}


.kavros-hero-divider::before,
.kavros-hero-divider::after {
	content: "";

	flex: 1 1 auto;

	height: 1px;

	background:
		linear-gradient(
			90deg,
			rgba(185, 154, 93, 0) 0%,
			rgba(185, 154, 93, 0.8) 100%
		);
}


.kavros-hero-divider::after {
	background:
		linear-gradient(
			90deg,
			rgba(185, 154, 93, 0.8) 0%,
			rgba(185, 154, 93, 0) 100%
		);
}


.kavros-hero-divider > span {
	position: relative;

	display: block;
	flex: 0 0 12px;

	width: 12px;
	height: 12px;

	margin-inline: 5px;

	border: 1px solid rgba(211, 184, 117, 0.78);
	border-radius: 50%;
}


.kavros-hero-divider > span::after {
	content: "";

	position: absolute;
	top: 50%;
	left: 50%;

	width: 4px;
	height: 4px;

	background: var(--kavros-hero-gold-light);

	transform:
		translate(-50%, -50%)
		rotate(45deg);
}


/* ==========================================================
   TAGLINE AND DESCRIPTION
   ========================================================== */

.kavros-hero-tagline {
	margin: 0 0 clamp(16px, 1.8vw, 23px);

	color: var(--kavros-hero-gold-light);

	font-size: clamp(15px, 1.28vw, 19px);
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: 0.015em;

	text-transform: uppercase;
}


.kavros-hero-description {
	max-width: 430px;

	margin: 0;

	color: var(--kavros-hero-text);

	font-size: clamp(14px, 1.08vw, 17px);
	font-weight: 400;
	line-height: 1.75;

	text-shadow:
		0 1px 2px rgba(0, 0, 0, 0.75);
}


/* ==========================================================
   BUTTONS
   ========================================================== */

.kavros-hero-actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;

	gap: clamp(16px, 2.1vw, 30px);

	margin-top: clamp(22px, 2.5vw, 32px);
}


.kavros-hero-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-width: 172px;
	min-height: 50px;

	padding: 12px 24px;

	border-radius: 7px;

	font-family: var(--kavros-hero-sans);
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.02em;

	text-align: center;
	text-decoration: none !important;
	text-transform: uppercase;
	white-space: nowrap;

	transition:
		color var(--kavros-hero-transition),
		background var(--kavros-hero-transition),
		border-color var(--kavros-hero-transition),
		box-shadow var(--kavros-hero-transition),
		transform var(--kavros-hero-transition);
}


.kavros-hero-button-primary {
	color: #17150f !important;

	background:
		linear-gradient(
			180deg,
			#dfc27d 0%,
			#c7a65f 100%
		);

	border: 1px solid #e5cd91;

	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.28),
		0 2px 7px rgba(0, 0, 0, 0.44);
}


.kavros-hero-button-secondary {
	min-width: 178px;

	color: #e1ded8 !important;

	background:
		linear-gradient(
			180deg,
			rgba(22, 23, 21, 0.72) 0%,
			rgba(8, 9, 8, 0.84) 100%
		);

	border: 1px solid rgba(185, 154, 93, 0.75);

	box-shadow:
		inset 0 0 0 3px rgba(185, 154, 93, 0.035),
		0 2px 7px rgba(0, 0, 0, 0.52);
}


.kavros-hero-button:hover,
.kavros-hero-button:focus-visible {
	transform: translateY(-2px);
}


.kavros-hero-button-primary:hover,
.kavros-hero-button-primary:focus-visible {
	color: #090908 !important;

	background:
		linear-gradient(
			180deg,
			#efd69a 0%,
			#d4b46c 100%
		);

	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.34),
		0 5px 15px rgba(0, 0, 0, 0.45);
}


.kavros-hero-button-secondary:hover,
.kavros-hero-button-secondary:focus-visible {
	color: var(--kavros-hero-gold-light) !important;

	background:
		linear-gradient(
			180deg,
			rgba(50, 42, 27, 0.75) 0%,
			rgba(10, 10, 9, 0.9) 100%
		);

	border-color: var(--kavros-hero-gold-light);
}


.kavros-hero-button:focus-visible {
	outline: 2px solid var(--kavros-hero-gold-light);
	outline-offset: 4px;
}


/* ==========================================================
   BOTTOM BENEFITS
   ========================================================== */

.kavros-hero-features {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, auto));
	align-items: center;

	width: max-content;
	max-width: 100%;

	margin-top: auto;
	padding-top: clamp(30px, 3.3vw, 48px);
}


.kavros-hero-feature {
	position: relative;

	display: flex;
	align-items: center;

	gap: 10px;

	min-width: 0;

	padding:
		0
		clamp(20px, 2.2vw, 32px);

	color: #dedbd5;

	font-size: clamp(12px, 1vw, 15px);
	font-weight: 500;
	line-height: 1.3;

	white-space: nowrap;
}


.kavros-hero-feature:first-child {
	padding-left: 0;
}


.kavros-hero-feature:last-child {
	padding-right: 0;
}


.kavros-hero-feature:not(:last-child)::after {
	content: "";

	position: absolute;
	top: 50%;
	right: 0;

	width: 1px;
	height: 25px;

	background:
		rgba(196, 170, 111, 0.45);

	transform: translateY(-50%);
}


.kavros-feature-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 24px;

	width: 24px;
	height: 24px;

	color: var(--kavros-hero-gold-light);
}


.kavros-feature-icon svg {
	display: block;

	width: 23px;
	height: 23px;

	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}


/* ==========================================================
   SMALL DESKTOP / LAPTOP
   ========================================================== */

@media (max-width: 1180px) {

	.kavros-hero-content {
		width: min(55%, 560px);
	}


	.kavros-hero-media img {
		object-position: 61% center;
	}


	.kavros-hero-feature {
		padding-inline: 18px;
	}

}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 900px) {

	.kavros-home-hero {
		min-height: 680px;
	}


	.kavros-home-hero::before {
		background:
			linear-gradient(
				90deg,
				rgba(3, 4, 3, 0.28) 0%,
				rgba(3, 4, 3, 0.2) 42%,
				rgba(3, 4, 3, 0.2) 70%,
				rgba(3, 4, 3, 0.28) 100%
			),
			linear-gradient(
				180deg,
				rgba(0, 0, 0, 0.2),
				rgba(0, 0, 0, 0.38)
			);
	}


	.kavros-hero-shell {
		padding:
			44px
			clamp(24px, 5vw, 42px)
			28px;
	}


	.kavros-hero-content {
		width: min(68%, 560px);
	}


	.kavros-hero-media img {
		object-position: 65% center;
	}


	.kavros-hero-features {
		grid-template-columns: repeat(3, minmax(0, 1fr));

		width: 100%;
	}


	.kavros-hero-feature {
		justify-content: center;

		padding-inline: 12px;

		font-size: 12px;
		white-space: normal;
		text-align: center;
	}

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 620px) {

	.kavros-home-hero {
		min-height: 760px;
	}


	.kavros-hero-media img {
		object-position: 68% center;
	}


	.kavros-home-hero::before {
		background:
			linear-gradient(
				90deg,
				rgba(3, 4, 3, 0.2) 0%,
				rgba(3, 4, 3, 0.21) 55%,
				rgba(3, 4, 3, 0.26) 100%
			),
			linear-gradient(
				180deg,
				rgba(0, 0, 0, 0.12) 0%,
				rgba(0, 0, 0, 0.25) 54%,
				rgba(0, 0, 0, 0.28) 100%
			);
	}


	.kavros-hero-shell {
		padding:
			34px
			20px
			24px;
	}


	.kavros-hero-content {
		width: 100%;
	}


	.kavros-hero-eyebrow {
		margin-bottom: 20px;

		font-size: 12px;
		letter-spacing: 0.045em;
	}


	.kavros-hero-title-main {
		font-size: clamp(48px, 15vw, 62px);
	}


	.kavros-hero-title-sub {
		font-size: clamp(26px, 8.8vw, 36px);
	}


	.kavros-hero-divider {
		width: 185px;
	}


	.kavros-hero-description {
		max-width: 390px;

		font-size: 14px;
		line-height: 1.65;
	}


	.kavros-hero-actions {
		flex-direction: column;
		align-items: stretch;

		width: min(100%, 330px);

		gap: 13px;
	}


	.kavros-hero-button {
		width: 100%;
		min-width: 0;
	}


	.kavros-hero-features {
		grid-template-columns: 1fr;

		width: 100%;

		gap: 13px;

		padding-top: 34px;
	}


	.kavros-hero-feature {
		justify-content: flex-start;

		min-height: 31px;

		padding: 0;

		font-size: 13px;
		text-align: left;
	}


	.kavros-hero-feature:not(:last-child)::after {
		display: none;
	}

}


/* ==========================================================
   VERY SMALL MOBILE
   ========================================================== */

@media (max-width: 370px) {

	.kavros-home-hero {
		min-height: 740px;
	}


	.kavros-hero-shell {
		padding-inline: 16px;
	}


	.kavros-hero-title-main {
		font-size: 46px;
	}


	.kavros-hero-title-sub {
		font-size: 25px;
	}


	.kavros-hero-tagline {
		font-size: 14px;
	}

}


/* ==========================================================
   LANDSCAPE TABLETS / SHORT SCREENS
   ========================================================== */

@media
	(max-height: 620px)
	and (min-width: 700px) {

	.kavros-home-hero {
		min-height: 570px;
	}


	.kavros-hero-shell {
		padding-top: 32px;
		padding-bottom: 18px;
	}


	.kavros-hero-eyebrow {
		margin-bottom: 15px;
	}


	.kavros-hero-divider {
		margin-top: 14px;
		margin-bottom: 10px;
	}


	.kavros-hero-actions {
		margin-top: 18px;
	}


	.kavros-hero-features {
		padding-top: 24px;
	}

}


/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

	.kavros-home-hero *,
	.kavros-home-hero *::before,
	.kavros-home-hero *::after {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-aeac5a6 *//* ==========================================================
   KAVROS ABOUT PAGE — OUR STORY
   ========================================================== */

.kavros-about-story {
	--about-gold: #b99b5f;
	--about-gold-light: #c9aa65;

	--about-heading: #252422;
	--about-text: #54514c;
	--about-background: #f6f3ee;

	position: relative;
	isolation: isolate;

	width: 100%;

	padding:
		clamp(72px, 6vw, 100px)
		clamp(24px, 4vw, 60px);

	overflow: hidden;

	color: var(--about-text);

	background:
		linear-gradient(
			90deg,
			#f8f6f2 0%,
			#f4f1ec 54%,
			#f7f5f1 100%
		);

	font-family: "Poppins", Arial, sans-serif;
}


.kavros-about-story,
.kavros-about-story *,
.kavros-about-story *::before,
.kavros-about-story *::after {
	box-sizing: border-box;
}


/* ==========================================================
   MAIN LAYOUT
   ========================================================== */

.kavros-about-story .kavros-about-shell {
	display: grid;

	grid-template-columns:
		minmax(300px, 0.72fr)
		minmax(600px, 1.28fr);

	align-items: center;

	width: min(1380px, 100%);

	margin-inline: auto;

	gap: clamp(70px, 7vw, 110px);
}


/* ==========================================================
   LEFT CONTENT
   ========================================================== */

.kavros-about-story .kavros-about-content {
	min-width: 0;

	width: 100%;
	max-width: 470px;
}


.kavros-about-story .kavros-about-eyebrow {
	margin: 0 0 14px;

	color: var(--about-gold);

	font-size: 12px;
	font-weight: 700;
	line-height: 1.3;

	letter-spacing: 0.05em;
	text-transform: uppercase;
}


/* ==========================================================
   TITLE
   ========================================================== */

.kavros-about-story .kavros-about-title {
	display: block;

	margin: 0;

	color: var(--about-heading);

	font-family:
		"Cormorant Garamond",
		Georgia,
		"Times New Roman",
		serif;

	font-size: clamp(44px, 3.7vw, 59px);
	font-weight: 500;
	line-height: 1;

	letter-spacing: -0.018em;
}


.kavros-about-story .kavros-about-title span {
	display: block;
}


/* ==========================================================
   DIVIDER
   ========================================================== */

.kavros-about-story .kavros-about-divider {
	position: relative;

	display: block;

	width: 58px;
	height: 3px;

	margin:
		clamp(22px, 2vw, 28px)
		0
		clamp(27px, 2.3vw, 34px);

	background: var(--about-gold-light);
}


.kavros-about-story .kavros-about-divider::before,
.kavros-about-story .kavros-about-divider::after,
.kavros-about-story .kavros-about-divider span {
	display: none;
}


/* ==========================================================
   COPY
   ========================================================== */

.kavros-about-story .kavros-about-copy {
	width: 100%;
	max-width: 445px;
}


.kavros-about-story .kavros-about-copy p {
	margin: 0 0 20px;

	color: var(--about-text);

	font-size: clamp(13px, 0.95vw, 15px);
	font-weight: 400;
	line-height: 1.75;
}


.kavros-about-story .kavros-about-copy p:last-child {
	margin-bottom: 0;
}


.kavros-about-story .kavros-about-copy strong {
	color: #2a2926;

	font-weight: 600;
}


/* ==========================================================
   RIGHT IMAGE COLLAGE
   ========================================================== */

.kavros-about-story .kavros-about-visuals {
	position: relative;

	width: 100%;
	min-width: 0;

	/*
	 * Extra room underneath the two top images
	 * for the overlapping interior image.
	 */
	min-height: 540px;

	overflow: visible;
}


/* ==========================================================
   ALL IMAGES
   ========================================================== */

.kavros-about-story .kavros-about-image {
	position: absolute;

	margin: 0;

	overflow: hidden;

	background: #181818;

	border: 0;
	border-radius: 11px;

	box-shadow:
		0 9px 26px rgba(25, 22, 17, 0.11);
}


.kavros-about-story .kavros-about-image img {
	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;
	object-position: center;

	border-radius: inherit;
}


/* ==========================================================
   IMAGE 1 — MAIN / LEFT
   ========================================================== */

.kavros-about-story .kavros-about-image-primary {
	top: 0;
	left: 0;
	z-index: 1;

	/*
	 * 52% + 41% = 93%
	 * Leaves approx. 7% gap between top images.
	 */
	width: 52%;
	height: 78%;
}


.kavros-about-story .kavros-about-image-primary img {
	object-position: center center;
}


/* ==========================================================
   IMAGE 2 — UPPER RIGHT
   ========================================================== */

.kavros-about-story .kavros-about-image-secondary {
	top: 0;
	right: 0;
	z-index: 1;

	width: 41%;
	height: 54%;
}


.kavros-about-story .kavros-about-image-secondary img {
	object-position: center center;
}


/* ==========================================================
   IMAGE 3 — OVERLAPPING INTERIOR
   ========================================================== */

.kavros-about-story .kavros-about-image-tertiary {
	right: 21%;
	bottom: 0;
	z-index: 4;

	width: 37%;
	height: 53%;

	border:
		2px solid
		rgba(185, 155, 95, 0.82);

	border-radius: 11px;

	box-shadow:
		0 16px 34px rgba(20, 17, 13, 0.20);
}


.kavros-about-story .kavros-about-image-tertiary img {
	object-position: center center;
}


/* ==========================================================
   PREMIUM BADGE
   Reference does not use it
   ========================================================== */

.kavros-about-story .kavros-about-badge {
	display: none;
}


/* ==========================================================
   LARGE DESKTOP
   ========================================================== */

@media (min-width: 1500px) {

	.kavros-about-story .kavros-about-shell {
		width: min(1420px, 100%);
	}


	.kavros-about-story .kavros-about-visuals {
		min-height: 560px;
	}


	.kavros-about-story .kavros-about-image-primary {
		width: 52%;
		height: 79%;
	}


	.kavros-about-story .kavros-about-image-secondary {
		width: 41%;
		height: 55%;
	}


	.kavros-about-story .kavros-about-image-tertiary {
		right: 21%;

		width: 37%;
		height: 54%;
	}

}


/* ==========================================================
   SMALL DESKTOP
   ========================================================== */

@media (max-width: 1180px) {

	.kavros-about-story {
		padding:
			68px
			clamp(24px, 4vw, 44px);
	}


	.kavros-about-story .kavros-about-shell {
		grid-template-columns:
			minmax(290px, 0.78fr)
			minmax(520px, 1.22fr);

		gap: 55px;
	}


	.kavros-about-story .kavros-about-visuals {
		min-height: 500px;
	}


	.kavros-about-story .kavros-about-image-primary {
		width: 52%;
		height: 78%;
	}


	.kavros-about-story .kavros-about-image-secondary {
		width: 41%;
		height: 54%;
	}


	.kavros-about-story .kavros-about-image-tertiary {
		right: 20%;

		width: 38%;
		height: 52%;
	}

}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 940px) {

	.kavros-about-story {
		padding:
			60px
			clamp(24px, 5vw, 40px);
	}


	.kavros-about-story .kavros-about-shell {
		grid-template-columns: 1fr;

		width: min(760px, 100%);

		gap: 52px;
	}


	.kavros-about-story .kavros-about-content {
		max-width: 590px;
	}


	.kavros-about-story .kavros-about-copy {
		max-width: 550px;
	}


	.kavros-about-story .kavros-about-visuals {
		width: 100%;
		min-height: 550px;
	}


	.kavros-about-story .kavros-about-image-primary {
		width: 52%;
		height: 78%;
	}


	.kavros-about-story .kavros-about-image-secondary {
		width: 41%;
		height: 54%;
	}


	.kavros-about-story .kavros-about-image-tertiary {
		right: 21%;
		bottom: 0;

		width: 38%;
		height: 53%;
	}

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 620px) {

	.kavros-about-story {
		padding:
			48px
			20px;
	}


	.kavros-about-story .kavros-about-shell {
		gap: 38px;
	}


	.kavros-about-story .kavros-about-title {
		font-size: clamp(40px, 12vw, 50px);
		line-height: 1;
	}


	.kavros-about-story .kavros-about-copy p {
		font-size: 14px;
		line-height: 1.7;
	}


	/*
	 * On mobile, stop using absolute collage positioning.
	 * A clean responsive grid is much safer.
	 */
	.kavros-about-story .kavros-about-visuals {
		display: grid;

		grid-template-columns:
			repeat(2, minmax(0, 1fr));

		gap: 12px;

		min-height: 0;
	}


	.kavros-about-story .kavros-about-image {
		position: relative;

		top: auto;
		right: auto;
		bottom: auto;
		left: auto;

		width: 100%;
		height: auto;

		border-radius: 9px;

		box-shadow:
			0 7px 20px rgba(25, 22, 17, 0.11);
	}


	/* Main photo spans full mobile width */
	.kavros-about-story .kavros-about-image-primary {
		grid-column: 1 / -1;

		aspect-ratio: 4 / 3;
	}


	/* Two supporting images */
	.kavros-about-story .kavros-about-image-secondary,
	.kavros-about-story .kavros-about-image-tertiary {
		aspect-ratio: 1 / 1;
	}


	.kavros-about-story .kavros-about-image-tertiary {
		border-width: 1px;
	}

}


/* ==========================================================
   VERY SMALL MOBILE
   ========================================================== */

@media (max-width: 400px) {

	.kavros-about-story {
		padding-inline: 16px;
	}


	.kavros-about-story .kavros-about-title {
		font-size: 40px;
	}


	.kavros-about-story .kavros-about-visuals {
		grid-template-columns: 1fr;

		gap: 14px;
	}


	.kavros-about-story .kavros-about-image-primary,
	.kavros-about-story .kavros-about-image-secondary,
	.kavros-about-story .kavros-about-image-tertiary {
		grid-column: auto;

		aspect-ratio: 4 / 3;
	}

}


/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

	.kavros-about-story *,
	.kavros-about-story *::before,
	.kavros-about-story *::after {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b23c9e8 *//* =========================================================
   ABOUT — PHILOSOPHY SECTION
   ========================================================= */

.kavros-about-philosophy {
	position: relative;

	background:
		radial-gradient(
			circle at 50% 0%,
			rgba(255, 255, 255, 0.035),
			transparent 38%
		),
		#0c0d0e;

	color: #fff;

	padding: clamp(58px, 6vw, 88px) 24px
		clamp(48px, 5.5vw, 76px);
}


.kavros-about-philosophy-shell {
	width: min(1380px, 100%);
	margin: 0 auto;
}


/* =========================================================
   HEADING
   ========================================================= */

.kavros-philosophy-heading {
	max-width: 1050px;

	margin: 0 auto clamp(42px, 4vw, 58px);

	text-align: center;
}


.kavros-philosophy-quote {
	display: block;

	height: 38px;

	margin-bottom: 8px;

	color: #c6a354;

	font-family: Georgia, "Times New Roman", serif;
	font-size: 64px;
	font-weight: 700;
	line-height: 0.8;
}


.kavros-philosophy-title {
	margin: 0;

	color: #f7f5f0;

	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(30px, 3vw, 48px);
	font-weight: 400;
	line-height: 1.18;
	letter-spacing: -0.02em;
}


.kavros-philosophy-title span {
	display: block;
}


.kavros-philosophy-divider {
	display: flex;
	justify-content: center;

	margin-top: 22px;
}


.kavros-philosophy-divider span {
	display: block;

	width: 110px;
	height: 3px;

	background: #c6a354;
}


/* =========================================================
   ITEMS
   ========================================================= */

.kavros-philosophy-items {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));

	align-items: stretch;
}


.kavros-philosophy-item {
	position: relative;

	display: flex;
	flex-direction: column;
	align-items: center;

	min-width: 0;

	padding: 0 clamp(28px, 4vw, 72px);

	text-align: center;
}


/* vertical separators */
.kavros-philosophy-item + .kavros-philosophy-item::before {
	content: "";

	position: absolute;
	top: 8px;
	bottom: 0;
	left: 0;

	width: 1px;

	background: rgba(198, 163, 84, 0.42);
}


.kavros-philosophy-icon {
	display: block;

	width: 48px;
	height: 48px;

	margin-bottom: 15px;

	color: #c6a354;
}


.kavros-philosophy-icon svg {
	display: block;

	width: 100%;
	height: 100%;

	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}


.kavros-philosophy-item h3 {
	margin: 0 0 14px;

	color: #c6a354;

	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;

	letter-spacing: 0.06em;
	text-transform: uppercase;
}


.kavros-philosophy-item p {
	margin: 0;

	color: rgba(255, 255, 255, 0.77);

	font-size: 15px;
	font-weight: 400;
	line-height: 1.65;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

	.kavros-philosophy-item {
		padding: 0 28px;
	}

	.kavros-philosophy-title {
		font-size: clamp(28px, 4vw, 38px);
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

	.kavros-about-philosophy {
		padding:
			54px 22px
			50px;
	}


	.kavros-philosophy-heading {
		margin-bottom: 38px;
	}


	.kavros-philosophy-title {
		font-size: 29px;
		line-height: 1.25;
	}


	.kavros-philosophy-title span {
		display: inline;
	}


	.kavros-philosophy-divider span {
		width: 80px;
	}


	.kavros-philosophy-items {
		grid-template-columns: 1fr;
		gap: 0;
	}


	.kavros-philosophy-item {
		padding: 30px 10px;
	}


	.kavros-philosophy-item:first-child {
		padding-top: 5px;
	}


	.kavros-philosophy-item + .kavros-philosophy-item::before {
		top: 0;
		right: 20%;
		bottom: auto;
		left: 20%;

		width: auto;
		height: 1px;
	}


	.kavros-philosophy-item p br {
		display: none;
	}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d8fe55c *//* =========================================================
   ABOUT — PRINCIPLES
   ========================================================= */

.kavros-principles {
	position: relative;

	background: #f7f4ee;
	color: #171717;

	padding: clamp(60px, 6vw, 92px) 24px;

	overflow: hidden;
}


.kavros-principles-shell {
	display: grid;
	grid-template-columns: minmax(280px, 0.8fr) minmax(0, 1.7fr);
	gap: clamp(60px, 8vw, 130px);

	width: min(1380px, 100%);

	margin: 0 auto;
}


/* =========================================================
   LEFT
   ========================================================= */

.kavros-principles-intro {
	position: relative;

	align-self: start;
}


.kavros-principles-eyebrow {
	margin: 0 0 14px;

	color: #bd9748;

	font-size: 13px;
	font-weight: 700;

	letter-spacing: 0.06em;
	text-transform: uppercase;
}


.kavros-principles-title {
	position: relative;
	z-index: 2;

	margin: 0;

	color: #1a1a1a;

	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(36px, 3.7vw, 56px);
	font-weight: 400;
	line-height: 1.05;

	letter-spacing: -0.025em;
}


.kavros-principles-watermark {
	position: absolute;
	z-index: 0;

	top: 72px;
	left: 0;

	color: rgba(190, 151, 72, 0.055);

	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(130px, 14vw, 220px);
	line-height: 1;

	pointer-events: none;
	user-select: none;
}


/* =========================================================
   RIGHT LIST
   ========================================================= */

.kavros-principles-list {
	width: 100%;
}


.kavros-principle-row {
	display: grid;
	grid-template-columns: 56px minmax(180px, 0.55fr) minmax(0, 1fr);

	align-items: center;
	gap: 18px;

	min-height: 67px;

	border-bottom: 1px solid rgba(20, 20, 20, 0.12);
}


.kavros-principle-row:first-child {
	border-top: 1px solid rgba(20, 20, 20, 0.12);
}


.kavros-principle-number {
	color: #bd9748;

	font-size: 20px;
	font-weight: 600;
	line-height: 1;
}


.kavros-principle-row h3 {
	margin: 0;

	color: #161616;

	font-size: 17px;
	font-weight: 600;
	line-height: 1.25;
}


.kavros-principle-row p {
	margin: 0;

	color: #5d5b57;

	font-size: 15px;
	line-height: 1.55;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 960px) {

	.kavros-principles-shell {
		grid-template-columns: 1fr;
		gap: 42px;
	}


	.kavros-principles-intro {
		max-width: 550px;
	}


	.kavros-principles-watermark {
		top: 40px;
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 650px) {

	.kavros-principles {
		padding: 52px 20px;
	}


	.kavros-principles-shell {
		gap: 34px;
	}


	.kavros-principles-title {
		font-size: 36px;
	}


	.kavros-principles-watermark {
		font-size: 120px;
	}


	.kavros-principle-row {
		grid-template-columns: 44px 1fr;

		gap: 6px 14px;

		padding: 17px 0;
	}


	.kavros-principle-row h3 {
		font-size: 16px;
	}


	.kavros-principle-row p {
		grid-column: 2;

		font-size: 14px;
	}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae79bed *//* =========================================================
   ABOUT — LOCAL EXPERTISE / CRETE
   Full-bleed image left / site-aligned content right
   ========================================================= */

.kavros-local-expertise {
	--kavros-site-max: 1380px;
	--kavros-side-space: 24px;

	position: relative;

	width: 100%;

	background: #0b0c0d;
	color: #ffffff;

	overflow: hidden;
}


/* =========================================================
   MAIN LAYOUT

   Column 1 = image, full bleed to viewport left
   Column 2 = content
   Column 3 = site right gutter
   ========================================================= */

.kavros-local-expertise-shell {
	display: grid;

	grid-template-columns:
		minmax(0, 1fr)
		minmax(520px, 620px)
		max(
			var(--kavros-side-space),
			calc((100vw - var(--kavros-site-max)) / 2)
		);

	width: 100%;
	min-height: 520px;

	margin: 0;
}


/* =========================================================
   LEFT — FULL BLEED IMAGE
   ========================================================= */

.kavros-local-media {
	position: relative;

	grid-column: 1;

	min-width: 0;
	min-height: 520px;

	overflow: hidden;

	background: #0a0b0c;
}


.kavros-local-media img {
	position: absolute;
	inset: 0;

	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;
	object-position: center;

	transform: scale(1.002);
}


/* Transition image smoothly into black content */
.kavros-local-media-shade {
	position: absolute;
	inset: 0;

	pointer-events: none;

	background:
		linear-gradient(
			90deg,
			transparent 48%,
			rgba(11, 12, 13, 0.05) 62%,
			rgba(11, 12, 13, 0.42) 82%,
			#0b0c0d 100%
		);
}


/* =========================================================
   RIGHT CONTENT
   ========================================================= */

.kavros-local-content {
	--kavros-local-overlap: 170px;

	position: relative;
	z-index: 2;

	grid-column: 2;

	display: flex;
	flex-direction: column;
	justify-content: center;

	min-width: 0;

	padding:
		clamp(54px, 5vw, 78px)
		0
		clamp(32px, 3vw, 46px)
		clamp(38px, 4vw, 68px);

	background:
		radial-gradient(
			circle at 15% 30%,
			rgba(255, 255, 255, 0.025),
			transparent 45%
		);
}


/* =========================================================
   TEXT
   ========================================================= */

.kavros-local-copy {
	width: 100%;
	max-width: 510px;
}


.kavros-local-eyebrow {
	margin: 0 0 13px;

	color: #c5a155;

	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;

	letter-spacing: 0.07em;
	text-transform: uppercase;
}


.kavros-local-title {
	margin: 0;

	color: #f7f5f0;

	font-family:
		"Cormorant Garamond",
		Georgia,
		"Times New Roman",
		serif;

	font-size: clamp(40px, 3vw, 52px);
	font-weight: 500;
	line-height: 0.98;

	letter-spacing: -0.025em;
}


.kavros-local-title span {
	display: block;
}


.kavros-local-divider {
	margin: 22px 0 23px;
}


.kavros-local-divider span {
	display: block;

	width: 58px;
	height: 3px;

	background: #c5a155;
}


.kavros-local-description {
	width: 100%;
	max-width: 465px;

	margin: 0;

	color: rgba(255, 255, 255, 0.77);

	font-size: 15px;
	line-height: 1.7;
}


/* =========================================================
   DESTINATION ICON ROW

   Extends LEFT over the photo,
   never extends farther RIGHT than the content.
   ========================================================= */

.kavros-local-services {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));

	align-items: stretch;

	width: calc(
		100% + var(--kavros-local-overlap)
	);

	max-width: 790px;

	margin-top: auto;

	margin-left: calc(
		var(--kavros-local-overlap) * -1
	);

	padding-top: clamp(42px, 5vw, 66px);
}


.kavros-local-service {
	position: relative;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;

	gap: 9px;

	min-width: 0;
	min-height: 88px;

	padding: 0 13px;

	color: rgba(255, 255, 255, 0.88);

	text-align: center;
}


.kavros-local-service + .kavros-local-service::before {
	content: "";

	position: absolute;

	top: 3px;
	bottom: 3px;
	left: 0;

	width: 1px;

	background: rgba(197, 161, 85, 0.45);
}


/* =========================================================
   ICONS
   ========================================================= */

.kavros-local-service-icon {
	display: block;
	flex: 0 0 auto;

	width: 36px;
	height: 36px;

	color: #c5a155;
}


.kavros-local-service-icon svg {
	display: block;

	width: 100%;
	height: 100%;

	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}


.kavros-local-service > span:last-child {
	color: rgba(255, 255, 255, 0.92);

	font-size: 13px;
	font-weight: 500;
	line-height: 1.2;

	white-space: nowrap;
}


/* =========================================================
   MEDIUM DESKTOP
   ========================================================= */

@media (max-width: 1200px) {

	.kavros-local-expertise-shell {
		grid-template-columns:
			minmax(0, 1fr)
			minmax(470px, 540px)
			24px;
	}


	.kavros-local-content {
		--kavros-local-overlap: 130px;

		padding-left: 42px;
	}


	.kavros-local-service {
		padding-inline: 8px;
	}


	.kavros-local-service > span:last-child {
		font-size: 12px;
	}

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

	.kavros-local-expertise {
		padding:
			0
			20px;
	}


	.kavros-local-expertise-shell {
		display: grid;
		grid-template-columns: 1fr;

		width: 100%;
		min-height: 0;
	}


	.kavros-local-media {
		grid-column: auto;

		min-height: 420px;
	}


	.kavros-local-media-shade {
		background:
			linear-gradient(
				180deg,
				transparent 48%,
				rgba(11, 12, 13, 0.18) 68%,
				rgba(11, 12, 13, 0.72) 90%,
				#0b0c0d 100%
			);
	}


	.kavros-local-content {
		--kavros-local-overlap: 0px;

		grid-column: auto;

		padding:
			46px
			28px
			42px;
	}


	.kavros-local-copy {
		max-width: 620px;
	}


	.kavros-local-services {
		width: 100%;
		max-width: 100%;

		margin-left: 0;

		padding-top: 40px;
	}

}


/* =========================================================
   SMALL TABLET
   ========================================================= */

@media (max-width: 760px) {

	.kavros-local-services {
		grid-template-columns:
			repeat(3, minmax(0, 1fr));
	}


	.kavros-local-service {
		min-height: 104px;

		padding: 17px 10px;

		border-bottom:
			1px solid rgba(197, 161, 85, 0.20);
	}


	.kavros-local-service + .kavros-local-service::before {
		display: none;
	}


	.kavros-local-service:not(:nth-child(3n + 1)) {
		border-left:
			1px solid rgba(197, 161, 85, 0.28);
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 650px) {

	.kavros-local-expertise {
		padding:
			0
			16px;
	}


	.kavros-local-media {
		min-height: 300px;
	}


	.kavros-local-content {
		padding:
			38px
			20px
			36px;
	}


	.kavros-local-title {
		font-size: 36px;
		line-height: 1;
	}


	.kavros-local-description {
		font-size: 14px;
		line-height: 1.65;
	}


	.kavros-local-services {
		padding-top: 30px;
	}


	.kavros-local-service-icon {
		width: 32px;
		height: 32px;
	}


	.kavros-local-service > span:last-child {
		font-size: 12px;
		white-space: normal;
	}

}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 430px) {

	.kavros-local-services {
		grid-template-columns:
			repeat(2, minmax(0, 1fr));
	}


	.kavros-local-service {
		min-height: 94px;

		border-left: 0;
	}


	.kavros-local-service:nth-child(even) {
		border-left:
			1px solid rgba(197, 161, 85, 0.28);
	}


	.kavros-local-title {
		font-size: 32px;
	}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-592cbde *//* =========================================================
   ABOUT — OUR TEAM
   ========================================================= */

.kavros-team {
	position: relative;

	background: #f7f4ee;
	color: #171717;

	padding:
		clamp(56px, 5vw, 80px)
		24px;

	overflow: hidden;
}


.kavros-team-shell {
	display: grid;
	grid-template-columns:
		minmax(320px, 0.95fr)
		minmax(380px, 1.1fr)
		minmax(260px, 0.7fr);

	align-items: center;

	gap: clamp(38px, 5vw, 74px);

	width: min(1380px, 100%);

	margin: 0 auto;
}


/* =========================================================
   IMAGE
   ========================================================= */

.kavros-team-image {
	position: relative;

	margin: 0;

	width: 100%;
	aspect-ratio: 1.35 / 1;

	overflow: hidden;

	border-radius: 12px;

	background: #111;
}


.kavros-team-image img {
	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;
	object-position: center;

	border-radius: inherit;
}


/* =========================================================
   CONTENT
   ========================================================= */

.kavros-team-content {
	min-width: 0;
}


.kavros-team-eyebrow {
	margin: 0 0 13px;

	color: #bf994d;

	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;

	letter-spacing: 0.07em;
	text-transform: uppercase;
}


.kavros-team-title {
	margin: 0;

	color: #191919;

	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(34px, 3vw, 48px);
	font-weight: 400;
	line-height: 1.08;

	letter-spacing: -0.025em;
}


.kavros-team-title span {
	display: block;
}


.kavros-team-divider {
	margin: 20px 0 22px;
}


.kavros-team-divider span {
	display: block;

	width: 58px;
	height: 3px;

	background: #c5a155;
}


.kavros-team-copy {
	max-width: 560px;
}


.kavros-team-copy p {
	margin: 0 0 12px;

	color: #55524e;

	font-size: 15px;
	line-height: 1.7;
}


.kavros-team-copy p:last-child {
	margin-bottom: 0;
}


/* =========================================================
   QUALITIES
   ========================================================= */

.kavros-team-qualities {
	position: relative;

	display: flex;
	flex-direction: column;

	gap: 25px;

	padding-left: clamp(35px, 4vw, 58px);
}


/* vertical divider */
.kavros-team-qualities::before {
	content: "";

	position: absolute;

	top: 0;
	bottom: 0;
	left: 0;

	width: 1px;

	background: rgba(20, 20, 20, 0.14);
}


.kavros-team-quality {
	display: grid;
	grid-template-columns: 44px 1fr;

	align-items: center;

	gap: 18px;

	min-width: 0;
}


.kavros-team-quality-icon {
	display: block;

	width: 38px;
	height: 38px;

	color: #c5a155;
}


.kavros-team-quality-icon svg {
	display: block;

	width: 100%;
	height: 100%;

	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}


.kavros-team-quality > span:last-child {
	color: #222;

	font-size: 15px;
	font-weight: 600;
	line-height: 1.3;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

	.kavros-team-shell {
		grid-template-columns:
			minmax(300px, 0.9fr)
			minmax(0, 1.1fr);

		gap: 42px;
	}


	.kavros-team-qualities {
		grid-column: 1 / -1;

		display: grid;
		grid-template-columns: repeat(4, 1fr);

		gap: 0;

		padding:
			30px 0 0;

		border-top: 1px solid rgba(20, 20, 20, 0.12);
	}


	.kavros-team-qualities::before {
		display: none;
	}


	.kavros-team-quality {
		display: flex;
		flex-direction: column;

		gap: 10px;

		padding: 0 18px;

		text-align: center;
	}


	.kavros-team-quality + .kavros-team-quality {
		border-left: 1px solid rgba(20, 20, 20, 0.12);
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 720px) {

	.kavros-team {
		padding:
			48px
			20px;
	}


	.kavros-team-shell {
		grid-template-columns: 1fr;

		gap: 32px;
	}


	.kavros-team-image {
		aspect-ratio: 4 / 3;
	}


	.kavros-team-title {
		font-size: 36px;
	}


	.kavros-team-qualities {
		grid-column: auto;

		grid-template-columns: repeat(2, 1fr);

		gap: 0;

		padding-top: 26px;
	}


	.kavros-team-quality {
		min-height: 120px;

		padding: 20px 12px;

		border-bottom: 1px solid rgba(20, 20, 20, 0.10);
	}


	.kavros-team-quality + .kavros-team-quality {
		border-left: 0;
	}


	.kavros-team-quality:nth-child(even) {
		border-left: 1px solid rgba(20, 20, 20, 0.10);
	}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e9407be *//* ==========================================================
   KAVROS FINAL CTA
   ========================================================== */

.kavros-final-cta {
	--final-cta-gold: #c2a261;
	--final-cta-gold-light: #dfc783;
	--final-cta-gold-dark: #8b713f;

	position: relative;
	isolation: isolate;

	display: flex;
	align-items: center;
	justify-content: center;

	width: 100%;
	min-height: clamp(190px, 16vw, 245px);

	padding:
		clamp(30px, 3.5vw, 48px)
		clamp(20px, 4vw, 60px);

	overflow: hidden;

	background-color: #080908;
	background-image:
		url("http://kavrostransfers.com/wp-content/uploads/2026/08/final-cta-kavros.jpg");

	background-repeat: no-repeat;
	background-position: center 55%;
	background-size: cover;

	border-top: 1px solid rgba(194, 162, 97, 0.48);
	border-bottom: 1px solid rgba(194, 162, 97, 0.45);

	font-family: "Poppins", Arial, sans-serif;
}


.kavros-final-cta,
.kavros-final-cta *,
.kavros-final-cta *::before,
.kavros-final-cta *::after {
	box-sizing: border-box;
}


/* Main dark overlay */
.kavros-final-cta::before {
	content: "";

	position: absolute;
	inset: 0;
	z-index: -2;

	pointer-events: none;

	background:
		linear-gradient(
			90deg,
			rgba(4, 5, 4, 0.76) 0%,
			rgba(4, 5, 4, 0.54) 25%,
			rgba(4, 5, 4, 0.66) 50%,
			rgba(4, 5, 4, 0.55) 75%,
			rgba(4, 5, 4, 0.76) 100%
		),
		linear-gradient(
			180deg,
			rgba(0, 0, 0, 0.25) 0%,
			rgba(0, 0, 0, 0.48) 100%
		);
}


/* Central dark focus behind the text */
.kavros-final-cta::after {
	content: "";

	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;

	width: min(760px, 82%);
	height: 150%;

	pointer-events: none;

	background:
		radial-gradient(
			ellipse at center,
			rgba(0, 0, 0, 0.52) 0%,
			rgba(0, 0, 0, 0.3) 43%,
			rgba(0, 0, 0, 0) 75%
		);

	transform: translate(-50%, -50%);
}


/* ==========================================================
   CONTENT
   ========================================================== */

.kavros-final-cta-content {
	display: flex;
	flex-direction: column;
	align-items: center;

	width: min(100%, 720px);

	margin-inline: auto;

	text-align: center;
}


/* ==========================================================
   HEADING
   ========================================================== */

.kavros-final-cta h2 {
	display: flex;
	flex-direction: column;
	align-items: center;

	margin: 0;

	font-family:
		"Cormorant Garamond",
		"Times New Roman",
		serif;

	font-size: clamp(38px, 4vw, 58px);
	font-weight: 500;
	line-height: 0.98;
	letter-spacing: 0.005em;

	text-shadow:
		0 2px 4px rgba(0, 0, 0, 0.92);
}


.kavros-final-cta h2 span {
	display: block;

	color: #f1eee8;

	font-weight: 500;
}


.kavros-final-cta h2 strong {
	display: block;

	margin-top: 4px;

	color: var(--final-cta-gold-light);

	font-weight: 500;
}


/* ==========================================================
   BUTTON
   ========================================================== */

.kavros-final-cta-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-width: 160px;
	min-height: 47px;

	margin-top: clamp(20px, 2vw, 28px);
	padding: 12px 30px;

	color: #17130c !important;

	background:
		linear-gradient(
			180deg,
			#e2c77f 0%,
			#bea05b 100%
		);

	border: 1px solid #e9d397;
	border-radius: 6px;

	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.34),
		0 3px 9px rgba(0, 0, 0, 0.52);

	font-family: "Poppins", Arial, sans-serif;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.035em;

	text-align: center;
	text-decoration: none !important;
	text-transform: uppercase;

	transition:
		color 200ms ease,
		background 200ms ease,
		border-color 200ms ease,
		box-shadow 200ms ease,
		transform 200ms ease;
}


.kavros-final-cta-button:hover,
.kavros-final-cta-button:focus-visible {
	color: #090806 !important;

	background:
		linear-gradient(
			180deg,
			#f0d99e 0%,
			#ceb16a 100%
		);

	border-color: var(--final-cta-gold-light);

	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.4),
		0 7px 16px rgba(0, 0, 0, 0.5);

	transform: translateY(-2px);
}


.kavros-final-cta-button:focus-visible {
	outline: 2px solid var(--final-cta-gold-light);
	outline-offset: 4px;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 800px) {

	.kavros-final-cta {
		min-height: 220px;

		background-position: center center;
	}


	.kavros-final-cta h2 {
		font-size: clamp(38px, 7vw, 50px);
	}

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 520px) {

	.kavros-final-cta {
		min-height: 245px;

		padding:
			42px
			18px;

		background-position: 55% center;
	}


	.kavros-final-cta::before {
		background:
			linear-gradient(
				180deg,
				rgba(4, 5, 4, 0.7) 0%,
				rgba(4, 5, 4, 0.76) 100%
			);
	}


	.kavros-final-cta h2 {
		font-size: clamp(37px, 12vw, 48px);
		line-height: 1;
	}


	.kavros-final-cta h2 strong {
		margin-top: 6px;
	}


	.kavros-final-cta-button {
		width: min(100%, 220px);
		min-height: 49px;

		margin-top: 24px;
	}

}


/* ==========================================================
   VERY SMALL PHONES
   ========================================================== */

@media (max-width: 360px) {

	.kavros-final-cta {
		padding-inline: 14px;
	}


	.kavros-final-cta h2 {
		font-size: 36px;
	}

}


/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

	.kavros-final-cta-button {
		transition: none;
	}

}/* End custom CSS */