/* LR — Texto em duas colunas. Valores = About 02 ("Why we exist"). */

.lr-split__inner {
	max-width: var(--lr-max);
	margin: 0 auto;
	padding: clamp(80px, 10vw, 150px) var(--lr-gutter);
}

.lr-split .lr-split__eyebrow {
	margin-bottom: clamp(32px, 4vw, 56px);
	color: var(--lr-teal);
}

.lr-split__line {
	flex: 0 0 auto;
	display: inline-block;
	width: 28px;
	height: 2px;
	background-color: currentColor;
}

.lr-split__cols {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: clamp(40px, 6vw, 110px);
}

.lr-split__left,
.lr-split__right {
	min-width: 0;
	display: flex;
	flex-direction: column;
	text-wrap: pretty;
}

.lr-split__left {
	flex: 1 1 380px;
	gap: 22px;
}

.lr-split__right {
	flex: 1.2 1 480px;
	gap: 20px;
	font-size: calc(clamp(17px, 1.3vw, 19px) * var(--lr-ts, 1));
	line-height: 1.65;
}

.lr-split__p {
	margin: 0;
}

.lr-split__p--lead {
	font-size: calc(clamp(20px, 1.7vw, 26px) * var(--lr-ts, 1));
	line-height: 1.45;
}

.lr-split__p--statement {
	font-weight: 800;
	font-size: calc(clamp(34px, 3.6vw, 58px) * var(--lr-ts, 1));
	line-height: 1;
	letter-spacing: -.035em;
	color: var(--lr-teal);
}

/* Ícone abaixo da coluna esquerda (cor e vida após o statement). */
.lr-split__deco-wrap {
	margin-top: 6px;
}

.lr-w .lr-split__deco {
	display: block;
	width: 72px;
	height: auto;
}

.lr-motion .lr-split__deco-wrap.is-swaying .lr-split__deco {
	transform-origin: 50% 90%;
	animation: lr-split-sway 5.5s ease-in-out infinite;
}

@keyframes lr-split-sway {
	0%,
	100% {
		rotate: -5deg;
	}

	50% {
		rotate: 6deg;
	}
}

.lr-split__p--highlight {
	margin-top: 12px;
	padding-top: 24px;
	border-top: 1.5px solid var(--lr-primary);
	font-weight: 700;
	font-size: calc(clamp(20px, 1.7vw, 26px) * var(--lr-ts, 1));
	line-height: 1.4;
	letter-spacing: -.01em;
}

/* Desktop/notebook (≥ 1000px): colunas sempre lado a lado (em 1000–1080px a soma das
 * bases não cabia e o bloco empilhava como no tablet). */
@media (min-width: 1000px) {
	.lr-split__cols {
		flex-wrap: nowrap;
	}
}