body {
	--icon: url("./assets/mark.png");
}

.bg-blank .column-section,
.bg-blank.usps-wrapper,
.bg-blank .clamp-left-stretch-right,
.bg-blank .stretch-left-clamp-right {
	position: relative;
}

.bg-blank .column-section::before,
.bg-blank.usps-wrapper::before,
.bg-blank .clamp-left-stretch-right::before,
.bg-blank .stretch-left-clamp-right::before {
	content: '';
	position: absolute;
	pointer-events: none;
	width: 12rem;
	height: 12rem;
	z-index: -1;
	aspect-ratio: 1/1;
	background-image: var(--icon);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	opacity: 0.075;
}

.bg-blank .clamp-left-stretch-right::before {
	left: calc(((100vw - var(--container-width)) / 2) - 2rem);
	bottom: -2rem;
	transform: rotate(-18deg);
}

.bg-blank .stretch-left-clamp-right::before {
	right: calc(((100vw - var(--container-width)) / 2) - 2rem);
	bottom: -2rem;
	transform: rotate(13.5deg);
}

.bg-blank.usps-wrapper::before {
	left: 0;
	top: -2rem;
	transform: rotate(9deg);
}

.bg-blank .column-section::before {
	right: 0;
	top: -2rem;
	transform: rotate(9deg);
}

/* Noise textured background. */
.footer-card,
.header-card {
	--noise-texture: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MDAiIGhlaWdodD0iNTAwIj48ZmlsdGVyIGlkPSJub2lzZSIgeD0iMCIgeT0iMCI+PGZlVHVyYnVsZW5jZSB0eXBlPSJmcmFjdGFsTm9pc2UiIGJhc2VGcmVxdWVuY3k9IjAuNjUiIG51bU9jdGF2ZXM9IjMiIHN0aXRjaFRpbGVzPSJzdGl0Y2giLz48ZmVCbGVuZCBtb2RlPSJzY3JlZW4iLz48L2ZpbHRlcj48cmVjdCB3aWR0aD0iNTAwIiBoZWlnaHQ9IjUwMCIgZmlsdGVyPSJ1cmwoI25vaXNlKSIgb3BhY2l0eT0iMC41Ii8+PC9zdmc+");
}

.footer-card .background-noise::before,
.footer-card .background-noise::after,
.header-card .background-noise::before,
.header-card .background-noise::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;

	filter: contrast(170%) brightness(1000%);
	mix-blend-mode: lighten;
}

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {

	.footer-card .background-noise::before,
	.footer-card .background-noise::after,
	.header-card .background-noise::before,
	.header-card .background-noise::after {
		filter: contrast(50%) brightness(100%);
	}
}

.footer-card .background-noise::before {
	background: radial-gradient(circle at 67% 125%, #72cbff 0%, transparent 85% 100%), var(--noise-texture);
}

.footer-card .background-noise::after {
	background: radial-gradient(circle at 33% 65%, var(--primary) 0%, transparent 75% 100%), var(--noise-texture);
}

.header-card .background-noise::before {
	background: radial-gradient(circle at 33% 125%, #72cbff 0%, transparent 85% 100%), var(--noise-texture);
}

.header-card .background-noise::after {
	background: radial-gradient(circle at 75% 65%, var(--primary) 0%, transparent 75% 100%), var(--noise-texture);
}

.footer-card .background-overlay,
.header-card .background-overlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: var(--secondary-dark);
	mix-blend-mode: overlay;
}