.tn-contained {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 1.5rem;
}

.tn-hero {
	display: grid;
	gap: 2rem;
	align-items: center;
	text-align: left;
	padding: 5rem 1.5rem;
	background: linear-gradient(135deg, rgba(139, 170, 173, 0.16), rgba(42, 59, 71, 0.08));
	border-radius: 24px;
}

.tn-grid {
	display: grid;
	gap: 2rem;
}

.tn-grid--columns {
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

@media (max-width: 600px) {
	.tn-header__inner {
		flex-direction: column;
		gap: 1rem;
	}

	.tn-header__menu {
		flex-wrap: wrap;
		justify-content: center;
	}
}