[data-hero-a] {
	display: grid;
	grid-template-areas: 'a';

	& [data-hero-a-in] {
		grid-area: a;
	}

	& [data-hero-a-out] {
		grid-area: a;
	}
}