/* About: the story beside the questions. */

.about {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
	align-items: start;
	gap: var(--space-5) clamp(var(--space-4), 6vw, var(--space-10));
}

.about__faq {
	position: sticky;
	inset-block-start: calc(var(--masthead-height) + var(--space-3));
}

@media (max-width: 899px) {
	.about {
		grid-template-columns: minmax(0, 1fr);
	}

	.about__faq {
		position: static;
	}
}