.lm-about-lifemate {
	--lm-site-h1-size: clamp(30px, 2.7vw, 50px);
	--lm-site-body-size: clamp(14px, 1.05vw, 18px);
	--lm-about-lifemate-primary: #1a3a52;
	--lm-about-lifemate-accent: #d4a574;
	--lm-about-lifemate-image: linear-gradient(135deg, #1a3a52 0%, #405a6d 100%);
	--lm-about-lifemate-overlay-opacity: 0.78;
	position: relative;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	width: 100vw;
	max-width: 100vw;
	min-height: 520px;
	margin: 0 calc(50% - 50vw);
	padding: clamp(28px, 3.4vw, 46px) clamp(52px, 10vw, 168px);
	overflow: hidden;
	background-image:
		linear-gradient(90deg, rgba(26, 58, 82, var(--lm-about-lifemate-overlay-opacity)) 0%, rgba(26, 58, 82, calc(var(--lm-about-lifemate-overlay-opacity) * 0.78)) 58%, rgba(26, 58, 82, calc(var(--lm-about-lifemate-overlay-opacity) * 0.55)) 100%),
		var(--lm-about-lifemate-image);
	background-position: center;
	background-size: cover;
	color: #fff;
}

.lm-about-lifemate.alignfull,
.wp-block-acf-about-lifemate {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

.wp-block-acf-about-lifemate {
	margin-top: 0;
	margin-bottom: 0;
}

.wp-block-acf-about-lifemate .lm-about-lifemate {
	margin-left: 0;
	margin-right: 0;
}

.editor-styles-wrapper .wp-block-acf-about-lifemate,
.editor-styles-wrapper .lm-about-lifemate {
	width: 100%;
	max-width: none;
	margin-left: 0;
	margin-right: 0;
}

.lm-about-lifemate *,
.lm-about-lifemate *::before,
.lm-about-lifemate *::after {
	box-sizing: border-box;
}

.lm-about-lifemate__inner {
	position: relative;
	z-index: 1;
	width: min(100%, 1060px);
	margin: 0 auto;
}

.lm-about-lifemate__eyebrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 30px;
	margin-bottom: clamp(20px, 2.4vw, 38px);
	padding: 7px 18px;
	border-radius: 999px;
	background: var(--lm-about-lifemate-accent);
	color: #fff;
	font-size: clamp(11px, 0.82vw, 14px);
	font-weight: 700;
	line-height: 1.25;
}

.lm-about-lifemate__title {
	max-width: 1000px;
	margin: 0;
	color: #fff;
	font-size: var(--lm-site-h1-size);
	font-weight: 800;
	line-height: 1.12;
	letter-spacing: 0.035em;
	text-transform: uppercase;
	transform: scaleX(1.06);
	transform-origin: left center;
	width: calc(100% / 1.06);
}

.lm-about-lifemate__description {
	max-width: 1010px;
	margin: clamp(20px, 2.4vw, 36px) 0 0;
	color: rgba(255, 255, 255, 0.9);
	font-size: var(--lm-site-body-size);
	font-weight: 400;
	line-height: 1.48;
}

.lm-about-lifemate__cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(14px, 1.7vw, 24px);
	margin-top: clamp(34px, 4.2vw, 58px);
}

.lm-about-lifemate__card {
	min-height: 156px;
	padding: clamp(20px, 2vw, 26px);
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.13);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
	backdrop-filter: blur(14px);
}

.lm-about-lifemate__card-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	margin-bottom: 20px;
	border-radius: 9px;
	background: var(--lm-about-lifemate-accent);
	color: #fff;
}

.lm-about-lifemate__card-icon i {
	font-size: 24px;
	line-height: 1;
}

.lm-about-lifemate__card-title {
	margin: 0;
	color: #fff;
	font-size: clamp(17px, 1.15vw, 21px);
	font-weight: 800;
	line-height: 1.14;
	letter-spacing: 0.035em;
	text-transform: uppercase;
}

.lm-about-lifemate__card-description {
	margin: 10px 0 0;
	color: rgba(255, 255, 255, 0.86);
	font-size: clamp(13px, 0.82vw, 15px);
	font-weight: 400;
	line-height: 1.38;
}

@media (max-width: 1024px) {
	.lm-about-lifemate {
		padding-right: clamp(28px, 6vw, 72px);
		padding-left: clamp(28px, 6vw, 72px);
	}
}

@media (max-width: 767px) {
	.lm-about-lifemate {
		min-height: auto;
		padding: 56px 20px;
		background-image:
			linear-gradient(90deg, rgba(26, 58, 82, var(--lm-about-lifemate-overlay-opacity)) 0%, rgba(26, 58, 82, calc(var(--lm-about-lifemate-overlay-opacity) * 0.88)) 100%),
			var(--lm-about-lifemate-image);
	}

	.lm-about-lifemate__eyebrow {
		margin-bottom: 18px;
	}

	.lm-about-lifemate__title {
		font-size: clamp(28px, 8vw, 38px);
		line-height: 1.12;
		transform: none;
		width: auto;
	}

	.lm-about-lifemate__description {
		margin-top: 20px;
		font-size: 15px;
		line-height: 1.55;
	}

	.lm-about-lifemate__cards {
		grid-template-columns: 1fr;
		margin-top: 32px;
	}
}