@media (min-width: 768px) {
	.card-grid--three,
	.process-grid,
	.benefit-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.site-footer__grid {
		grid-template-columns: 1.2fr repeat(3, minmax(0, 1fr));
	}

	.site-footer__bar {
		flex-direction: row;
		justify-content: space-between;
	}

	.spec-table div {
		grid-template-columns: minmax(180px, 220px) 1fr;
	}
}

@media (min-width: 1024px) {
	.site-header__toggle {
		display: none;
	}

	.site-header__cta.button {
		display: inline-flex;
	}

	.site-navigation {
		position: static;
		inset: auto;
		padding: 0;
		background: transparent;
		border: 0;
		box-shadow: none;
		opacity: 1;
		pointer-events: auto;
		transform: none;
	}

	.site-navigation__list {
		flex-direction: row;
		align-items: center;
	}

	.site-navigation__mobile-cta {
		display: none;
	}

	.hero-grid,
	.product-layout,
	.content-grid--product {
		grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.92fr);
		align-items: center;
	}

	.page-hero--split {
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.card-grid--three,
	.process-grid,
	.benefit-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.process-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (min-width: 1440px) {
	.hero-section {
		padding-top: 4rem;
		padding-bottom: 5rem;
	}
}