/**
 * Text Columns — navy band, centered heading + gold-ruled text columns.
 * Typography via utilities; layout/gradient/rule here.
 */

.flexible-section.text-columns {
	position: relative;
	overflow: hidden;
	background: var(--gradient-navy);
	padding-inline: var(--section-pad-x);
}

.flexible-section.text-columns::before {
	content: '';
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: radial-gradient(ellipse at 50% 0%, rgba(196, 154, 26, 0.07), transparent 60%);
}

.text-columns-in {
	position: relative;
	z-index: 2;
	max-width: 1125px;
	margin: 0 auto;
	text-align: center;
}

.text-columns-in .section-ti {
	margin-block-end: clamp(20px, 1.6vw + 12px, 30px);
}

.text-columns-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(20px, 1.6vw + 12px, 34px);
	text-align: start;
}

.text-columns-grid p {
	color: rgba(255, 255, 255, 0.62);
	margin: 0;
	border-top: 2px solid rgba(196, 154, 26, 0.4);
	padding-top: 16px;
}

@media (max-width: 700px) {
	.text-columns-grid { grid-template-columns: 1fr; }
}