.section-why-ldg {
	background: #050c18;
	padding: 6rem 0;
}

.section-why-ldg__inner {
	display: grid;
	grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
	column-gap: 5rem;
	row-gap: 3rem;
	align-items: start;
}

.section-why-ldg__intro {
	display: flex;
	flex-direction: column;
	gap: 1.4rem;
	padding-top: 0.25rem;
}

.section-why-ldg__heading {
	margin: 0;
	font-family: var(--ldg-font-display);
	font-size: clamp(2.5rem, 4vw, 4.1rem);
	line-height: 0.94;
	color: var(--ldg-brand-white);
	margin-left: -0.05em;
}

.section-why-ldg__description {
	margin: 0;
	max-width: 28rem;
	font-size: 1rem;
	line-height: 1.75;
	color: rgba(241, 242, 244, 0.82);
	margin-left: -0.03em;
}

.section-why-ldg__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.1rem;
}

.why-ldg-card {
	display: grid;
	grid-template-columns: 6px minmax(0, 1fr);
	min-height: 10.5rem;
	background: #172033;
	border: 1px solid rgba(166, 132, 74, 0.18);
	overflow: hidden;
}

.why-ldg-card__stripe {
	background: var(--ldg-brand-gold);
	transform-origin: top;
	transition: transform 780ms cubic-bezier(0.22, 1, 0.36, 1);
}

.why-ldg-card.ldg-reveal .why-ldg-card__stripe {
	transform: scaleY(0.2);
}

.why-ldg-card.ldg-reveal.is-visible .why-ldg-card__stripe {
	transform: scaleY(1);
}

.why-ldg-card__content {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 0.65rem;
	padding: 1.1rem 1.2rem 1rem;
}

.why-ldg-card__value {
	margin: 0;
	font-family: var(--ldg-font-display);
	font-size: clamp(2.2rem, 3vw, 3.3rem);
	line-height: 0.92;
	color: var(--ldg-brand-white);
	transition: transform 700ms cubic-bezier(0.22, 1, 0.36, 1), opacity 700ms ease;
}

.why-ldg-card__label {
	margin: 0;
	font-size: 0.95rem;
	line-height: 1.6;
	color: var(--ldg-brand-white);
	transition: transform 760ms cubic-bezier(0.22, 1, 0.36, 1), opacity 760ms ease;
}

.why-ldg-card.ldg-reveal .why-ldg-card__value,
.why-ldg-card.ldg-reveal .why-ldg-card__label {
	opacity: 0;
	transform: translate3d(0, 1rem, 0);
}

.why-ldg-card.ldg-reveal.is-visible .why-ldg-card__value,
.why-ldg-card.ldg-reveal.is-visible .why-ldg-card__label {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.why-ldg-card.ldg-reveal.is-visible .why-ldg-card__label {
	transition-delay: 80ms;
}

.why-ldg-card--compact .why-ldg-card__value {
	font-size: clamp(1.55rem, 2vw, 2rem);
}

.why-ldg-card--compact .why-ldg-card__label {
	color: #ccc;
}
