.ga-container {
	width: 100%;
	max-width: var(--container-max);
	margin-inline: auto;
	padding-inline: var(--gutter);
}

.ga-container--narrow {
	max-width: 48rem;
}

.ga-grid {
	display: grid;
	grid-template-columns: repeat(var(--grid-columns), minmax(0, 1fr));
	gap: var(--grid-gap);
}

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

.ga-section--body {
	flex: 1 0 auto;
	min-height: 40vh;
	background: var(--color-bg-light);
}

.ga-section--hero {
	background: var(--gradient-hero);
	color: var(--color-white);
	padding-block: var(--space-12);
}

.ga-main {
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
}

@media (max-width: 767px) {
	.ga-container {
		min-width: 0;
	}
}

@media (min-width: 1024px) {
	.ga-section {
		padding-block: var(--space-11);
	}
}