/**
 * Hero layout overrides.
 *
 * This file exists as a cache-buster workaround: on the live CDN, the main
 * hero-home.css was being served partially, which removed the grid styles for
 * `.hero-home__layout` on desktop (resulting in a vertical stack).
 */

.hero-home__layout {
	display: grid;
	width: 100%;
	align-items: center;
	gap: 28px;
}

@media (min-width: 768px) {
	.hero-home__layout {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		gap: clamp(24px, 4vw, 64px);
	}
}