/* 50-values. Figma Section/Values 33:636. Phone frame is 2 x 2 (so tablet 2 x 2 too); 4 columns >=1024. */
.kd-home .kd-home-values { background: var(--kdh-white); padding-block: var(--kdh-s-64); }
.kd-home .kd-home-values__header { display: flex; flex-direction: column; gap: var(--kdh-s-12); padding-bottom: var(--kdh-s-32); }
.kd-home .kd-home-values__heading { font-size: var(--kdh-fs-h2); line-height: var(--kdh-lh-h2); letter-spacing: -0.01em; }
.kd-home .kd-home-values__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--kdh-s-32) var(--kdh-s-24);
}
.kd-home .kd-home-values__card { display: flex; flex-direction: column; align-items: flex-start; gap: var(--kdh-s-16); min-width: 0; }
.kd-home .kd-home-values__icon {
	display: block; flex: none; width: 72px; height: 72px; max-width: none;
	object-fit: contain; object-position: left bottom;
}
.kd-home .kd-home-values__title { font-size: var(--kdh-fs-h4); line-height: var(--kdh-lh-h4); letter-spacing: 0; text-wrap: wrap; }
.kd-home .kd-home-values__body { font-size: var(--kdh-fs-small); line-height: 23px; color: var(--kdh-ink); }
@media (min-width: 768px) {
	.kd-home .kd-home-values { padding-block: var(--kdh-s-96); }
	.kd-home .kd-home-values__header { padding-bottom: var(--kdh-s-64); }
	.kd-home .kd-home-values__grid { gap: var(--kdh-s-32); }
}
@media (min-width: 1024px) {
	.kd-home .kd-home-values__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}