@layer blocks {
	.wCta {
		display: grid;
		align-items: center;
		justify-items: center;
		
		text-align: center;
		color: var(--color__white);
	}
	
	.wCta:hover .wCta__bg > img {
		transform: scale(1.07);
	}
	
	.wCta__content {
		padding: var(--spacing7) var(--spacing4);
	}
	
	.wCta__content  h2 {
		max-width: 30ch;
	}
	
	.wCta__bg {
		grid-column: 1 / -1;
		grid-row: 1 / -1;
		z-index: 1;
		min-height: 0;
		height: 100%;
	}
	
	.wCta__bg > img {
		object-fit: cover;
		width: 100%;
		height: 100%;
		
		filter: brightness(0.70);
		
		will-change: transform;
		transform: translateZ(0);
		backface-visibility: hidden;
		image-rendering: auto;
		
		transition: transform 2s var(--easing1);
	}
	
	.wCta__content {		
		grid-column: 1 / -1;
		grid-row: 1 / -1;
		z-index: 2;
	}
	
	@media (min-width: 48rem) {
		.wCta__bg {
			aspect-ratio: 16 / 7;
		}
	}
	
}