.intro {
	max-width: 720px;
	font-size: 1.15rem;
}

.section {
	margin-top: 4rem;
}

.two-column {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 3rem;
	margin-top: 2rem;
}

.highlight-box {
	background-color: var(--surface);
	border-left: 4px solid var(--accent);
	padding: 2rem;
	border-radius: 8px;
}

.highlight-box ul {
	margin-top: 1rem;
	padding-left: 1.2rem;
}

.highlight-box li {
	margin-bottom: 0.75rem;
	color: var(--muted);
}

.values-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 2rem;
	margin-top: 2.5rem;
}

.timeline {
	margin-top: 2.5rem;
	border-left: 2px solid var(--border);
	padding-left: 2rem;
}

.timeline-item {
	margin-bottom: 2rem;
}

.timeline-item span {
	display: inline-block;
	font-weight: 600;
	color: var(--accent);
	margin-bottom: 0.25rem;
}

/* Mobile */
@media (max-width: 768px) {
	.two-column {
		grid-template-columns: 1fr;
	}

	.highlight-box {
		padding: 1.75rem;
	}
}