.site-container {
	width: min(calc(100% - (2 * var(--tt-gutter))), var(--tt-container));
	margin-inline: auto;
}

.section {
	padding-block: var(--tt-section-space);
}

.section--light {
	background:
		linear-gradient(rgba(244, 246, 248, 0.96), rgba(244, 246, 248, 0.96)),
		repeating-linear-gradient(90deg, transparent 0 79px, rgba(11, 44, 96, 0.055) 80px),
		repeating-linear-gradient(0deg, transparent 0 79px, rgba(11, 44, 96, 0.055) 80px);
}

.section-heading {
	max-width: 74rem;	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
	gap: clamp(2rem, 5vw, 5rem);
	align-items: end;
	margin-bottom: clamp(2.5rem, 5vw, 4.25rem);
}

.section-heading h2 {
	margin-bottom: 0;
}

.section-heading > p {
	max-width: 60ch;
	margin-bottom: 0;
	color: var(--tt-ink-600);
}

.content-area {
	padding-block: var(--tt-section-space);
}

.post-list {
	display: grid;
	gap: 1.5rem;
}

.post-card {
	padding: 2rem;
	border: 1px solid var(--tt-border);
	border-radius: var(--tt-radius-md);
	background: var(--tt-white);
}

.post-card__meta {
	color: var(--tt-ink-600);
	font-size: 0.875rem;
}

.page-hero {
	padding-block: clamp(4rem, 10vw, 7rem);
	background: var(--tt-gradient-navy);
	color: var(--tt-white);
}

.page-hero h1 {
	color: var(--tt-white);
	margin-bottom: 0;
}

.not-found {
	position: relative;
	display: grid;
	min-height: 68vh;
	place-items: center;
	overflow: hidden;
	background: var(--tt-gradient-navy);
	color: var(--tt-white);
}

.not-found__inner {
	position: relative;
	z-index: 1;
	max-width: 850px;
	padding-block: 7rem;
	text-align: center;
}

.not-found h1 {
	color: var(--tt-white);
}

.not-found__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1rem;
	margin-top: 2rem;
}

.not-found__pattern {
	position: absolute;
	inset: 0;
	opacity: 0.15;
	background-image:
		linear-gradient(30deg, transparent 49%, var(--tt-gold-500) 50%, transparent 51%),
		linear-gradient(-30deg, transparent 49%, var(--tt-blue-600) 50%, transparent 51%);
	background-size: 120px 120px;
}