/* 20-retreat. Figma Section/Retreat 212:1090 (desktop) / 212:1442 (phone). */
.kd-home .kd-home-retreat {
	background: var(--kdh-white);
	padding-block: var(--kdh-s-32);
	/* soft seam under the hero: both bands are white (Alain, 2026-10-19) */
	box-shadow: inset 0 10px 14px -12px rgba(28, 33, 97, .07);
}
.kd-home .kd-home-retreat__card {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--kdh-s-32);
	padding: var(--kdh-s-32) var(--kdh-s-24);
	border-radius: var(--kdh-r-card);
	overflow: clip;
	background-color: var(--kdh-retreat-blue);
	background-image: url("../img/retreat-grain.webp");
	background-size: 512px 512px;
	background-position: top left;
	background-repeat: repeat;
	color: var(--kdh-white);
}
.kd-home .kd-home-retreat__image { flex: none; width: 279px; max-width: 100%; margin: 0; }
.kd-home .kd-home-retreat__image img { display: block; width: 100%; height: auto; aspect-ratio: 657 / 606; }
.kd-home .kd-home-retreat__content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--kdh-s-24);
	width: 100%;
	min-width: 0;
}
.kd-home .kd-home-retreat__eyebrow {
	font-family: var(--kdh-font-head);
	font-size: var(--kdh-fs-eyebrow);
	font-weight: 700;
	line-height: 22px;
	letter-spacing: var(--kdh-ls-eyebrow);
	text-transform: uppercase;
	color: var(--kdh-retreat-yellow);
}
.kd-home .kd-home-retreat__title {
	font-size: 2.5rem;
	line-height: 46px;
	letter-spacing: -0.01em;
	color: var(--kdh-white);
}
.kd-home .kd-home-retreat__lead {
	font-size: 1.25rem;
	line-height: 31px;
	color: var(--kdh-white);
}
.kd-home .kd-home-retreat__facts {
	display: flex;
	flex-direction: column;
	gap: var(--kdh-s-16);
	width: 100%;
}
.kd-home .kd-home-retreat__fact { display: flex; flex-direction: column; gap: var(--kdh-s-4); }
.kd-home .kd-home-retreat__label {
	font-family: var(--kdh-font-head);
	font-size: var(--kdh-fs-label);
	font-weight: 700;
	line-height: 18px;
	color: var(--kdh-retreat-yellow);
}
.kd-home .kd-home-retreat__value {
	font-family: var(--kdh-font-body);
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 29px;
	color: var(--kdh-white);
}
.kd-home .kd-home-retreat__actions {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: var(--kdh-s-16);
	width: 100%;
}
.kd-home .kd-home-retreat__actions > .wp-block-button,
.kd-home .kd-home-retreat__actions .wp-block-button__link { width: 100%; }

@media (min-width: 768px) {
	.kd-home .kd-home-retreat { padding-block: var(--kdh-s-64); }
	.kd-home .kd-home-retreat__card { padding: var(--kdh-s-64) var(--kdh-s-32); }
	.kd-home .kd-home-retreat__image { width: min(100%, 360px); }
	.kd-home .kd-home-retreat__actions { flex-direction: row; align-items: flex-start; width: auto; }
	.kd-home .kd-home-retreat__actions > .wp-block-button,
	.kd-home .kd-home-retreat__actions .wp-block-button__link { width: auto; }
	.kd-home .kd-home-retreat__facts { flex-direction: row; flex-wrap: wrap; gap: var(--kdh-s-16) var(--kdh-s-32); }
}
@media (min-width: 1024px) {
	.kd-home .kd-home-retreat__card {
		flex-direction: row;
		gap: var(--kdh-s-64);
		padding: var(--kdh-s-64) var(--kdh-s-96);
	}
	/* image is first in the DOM (phone: on top); desktop: on the right */
	.kd-home .kd-home-retreat__image { order: 2; width: 440px; }
	.kd-home .kd-home-retreat__content { order: 1; flex: 1 1 0; }
}
@media (min-width: 1024px) and (max-width: 1199.98px) {
	.kd-home .kd-home-retreat__card { padding-inline: var(--kdh-s-32); gap: var(--kdh-s-32); }
	.kd-home .kd-home-retreat__image { width: 340px; }
}