/**
 * values.css — "Our Values" (page-templates/tpl-values.php).
 * Rails: statement band 1300 · prose rail 864 (834 content) centered.
 * Type: statement H1 Poppins 32 charcoal w/ sky accent · body Merriweather 16.
 */

/* ── statement band (section-162-26) ── */
.odx-values__statement {
	background-color: var(--color-off-white);
	text-align: center;
}
.odx-values__statement-inner {
	box-sizing: content-box;
	max-width: 1300px;
	margin: 0 auto;
	padding: 75px var(--container-pad);
	text-align: center;
}
.odx-values__statement-title {
	width: fit-content;
	margin: 0 auto;
	font-family: var(--font-sans);
	font-size: 32px;
	font-weight: 500;
	line-height: 1.6;
	color: var(--color-charcoal);
}
.odx-values__accent {
	color: var(--color-blue-light);
}

/* ── prose rail (section-171-26) ── */
.odx-values__content {
	padding: 75px 0;
}
.odx-values__rail {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 864px;
	margin: 0 auto;
	padding: 0 15px;
	text-align: center;
}
.odx-values__text {
	width: 100%;
	font-family: var(--font-serif);
	font-size: 16px;
	line-height: 1.6;
	color: var(--color-charcoal);
	text-align: left;
}
.odx-values__text a {
	color: var(--color-blue);
}
.odx-values__img {
	display: block;
	width: 100%;
	height: auto;
	margin: 75px 0;
}
/* live button sits flush under the closing text (no gap) */
.odx-values__btn {
	display: inline-block;
	padding: 10px 16px;
	background-color: var(--color-blue);
	border: 1px solid var(--color-blue);
	border-radius: var(--radius-pill);
	color: var(--color-white);
	font-family: var(--font-serif);
	font-size: 16px;
	line-height: 1.6;
	text-align: center;
}
.odx-values__btn:hover {
	background-color: var(--color-navy);
	color: var(--color-white);
}

@media (max-width: 767px) {
	/* live ≤767: statement gutter 20px, prose rail inset 35px */
	.odx-values__statement-inner {
		padding: 75px 20px;
	}
	.odx-values__rail {
		max-width: none;
		padding: 0 35px;
	}
}