@layer blocks {
	.wFeatures {
		display: flex;
		flex-direction: column;
		gap: var(--spacing4) var(--gridGap);
		
		margin-top: var(--spacing5);
	}
	
	.wFeatures article img {
		width: 4.5rem;
	}
	
	
	
	@media (min-width: 48rem) {
		.wFeatures {
			flex-direction: row;
			justify-content: space-between;
			margin-top: calc(var(--spacing7) * 1.5);
		}
		
		.wFeatures:only-child {
			margin-top: 0;
		}
		
		.wFeatures article {
			
			--flow: var(--spacing4);
			max-width: 29rem;
		}
		
		.wFeatures article img {
			width: 6rem;
		}
		
		.blkFeatures__intro {
			padding-right: var(--spacing5);
		}
		
		.wFeatures article p {
			padding-right: var(--spacing5);
		}
	}
	
	@media (min-width: 90rem) {
		.wFeatures {
			align-self: end;
		}
	}
	
	@media (min-height: 50rem and max-height: 70rem) {
		.blkFeatures:not(.blkFeatures--noHeader) {
			min-height: 100dvh;
		}
	}
}