@layer blocks {
	.blkCover {
		position: relative;
		padding-bottom: 0 !important;
	}
	
	.blkCover:not(:has(> hr)) {
			padding-bottom: 0;
		}
		
	.wCover__content {
		padding-bottom: 12em;
	}
	
	.wCover {
		grid-row: 1;
		z-index: 2;
		
		align-items: center;
	}
	
	.wCover__bg img {
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
	
	.wCover__bg video {
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
	
	.wCover__badge {
		position: absolute;
		right: var(--spacing3);
		bottom: var(--spacing3);
		
		width: clamp(9em, 17vw, 14em);
	}
	
	
	.wCover__badge img {
		animation-name: rotate;
		animation-duration: 30s;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
	}

	@keyframes rotate {
		from { transform: rotate(0deg); } 
		to { transform: rotate(360deg); }
	}
	
		.wCover__badge > a {
			display: block;
		}
	
	.blkCover--type2 .wCover__bg {
		grid-column: 1 / -1;
		
		position: absolute;
		inset: 0;
	}
	
	/*
	.wCover .blk__column:first-child {
		display: grid;
		grid-template-columns: subgrid;
		row-gap: var(--spacing7);
	}
	*/
	
	
	
	@media (max-width: 48rem) {
		.blkCover {
			position: relative;
		}
		
		.wCover__bg > div {
			position: absolute;
			bottom: 0;
			left: 0;
			width: clamp(100%, 254.29% - 20.09vw, 190%);
		}
		
		.blkCover--type3 .blk__row {
			grid-column: 1 / -1;
			display: grid;
			grid-template-columns: subgrid;
		}
		
		.blkCover--type3 .blk__column:first-child {
			grid-column: 2 / -2;
		}
		
		.blkCover--type3 .wCover__content {
			padding-bottom: 0;
		}
		
		.blkCover--type3 .blk__column:last-child {
			grid-column: 1 / -1;
		}
		
		.blkCover--type3 .wCover__bg {
			aspect-ratio: 1 / 1;
			overflow: hidden;
			border-top-left-radius: var(--borderRadius);
			border-top-right-radius: var(--borderRadius);
		}
	}
	
	@media (min-width: 48rem) {
		.blkCover {
			/* height: 90vh; */
			min-height: 50rem;
		}
		
		.theme--first.blkCover {
			padding-top: 0;
		}
		
		.blkCover:not(:has(> hr)) {
			padding-bottom: 0;
		}
		
		.wCover__content  {
			padding-top: calc(var(--headerOffset) * 1.2);
			grid-column: span 7;
			grid-row: 1;
			align-self: center;
		}
		
		.blkCover--type1 .wCover__bg {
			grid-column: 1 / -1;
			
			position: absolute;
			inset: var(--spacing4) 0 var(--spacing3) 0;
		}
		
		.blkCover--type1 .wCover__bg div {
			height: 100%;
		}
		
		.blkCover--type1 .wCover__bg img {
			object-position: 10%;
		}
		
		.wCover .blk__column:first-child {
			align-self: start;
			
			display: grid;
			grid-template-columns: subgrid;
		}
		
		.blkCover--type2 .wCover .blk__column:first-child {
			row-gap: var(--spacing2);
		}
		
		
		.blkCover .blk__column:nth-child(1) {
			grid-column: 1 / -1;
			
			display: grid;
			grid-template-columns: subgrid;
			align-self: start;
			gap: var(--spacing6);
		}
		
		
		.blkCover--type3 .wCover {
			display: grid;
			grid-template-columns: subgrid;
		}
		
		.blkCover--type3 .blk__row {
			grid-column-end: -1;
		}
		
		.blkCover--type3 .blk__column:first-child {
			position: relative;
			grid-column: span 7;
			height: 100%;
		}
		
		.blkCover--type3 .blk__column:last-child {
			grid-column: 8 / -1;
			height: 100%;
		}
		
		.blkCover--type3 .wCover__bg {
			overflow: hidden;
			height: 100%;
			border-top-left-radius: var(--borderRadius);
			border-bottom-left-radius: var(--borderRadius);
		}
	}
	
	@media (min-width: 65rem) {
		.blkCover .blk__column:nth-child(1) {
			gap: var(--gridGap);
		}
		
		.wCover__content {
			grid-column: span 5;
		}
		
		.blkCover--type1 .wCover__badge, 
		.blkCover--type2 .wCover__badge {
			right: var(--spacing5);
			bottom: var(--spacing5);
		}
		
		.blkCover--type3 .wCover__badge {
			bottom: var(--spacing5);
		}
	}
	
	@media (min-width: 90rem) {
		.wCover__content {
			grid-column: span 4;
		}
	}
	
	@media (min-width: 100rem) {
		.blkCover--type1 .wCover__bg img {
			object-fit: fill;
		}
	}
	
	@media (min-height: 50rem) {
		.blkCover {
			height: 100dvh;
			max-height: 70rem;
		}
	}
}