@layer blocks {
	
	.blkHeader {
		--flow: 2rem;
	}
	
	.blkHeader .blk__row > * + * {
		margin-top: var(--spacing4);
	}
	
	.blkHeader__intro,
	.blkHeader__content {
		--flow: var(--spacing4);
	}
	
	.blkHeader--type2 .blk__content {
		margin-top: var(--spacing4);
	}
	
	.blkHeader--type3 .blk__column {
		--flow: var(--spacing4);
	}
	
	@media (min-width: 48rem) {
		.blkHeader .blk__row > * + * {
			margin-top: 0;
		}
		
		.blkHeader .blk__row img {
			grid-column: span 12;
			width: 100%;
		}
	}
}