.site-footer {
	position: relative;
	padding-top: 80px;
	padding-bottom: 40px;
	background: var(--wp--preset--color--copper);
	background: linear-gradient(
		180deg,
		rgb(137, 50, 28) 10%,
		rgb(86, 6, 0) 100%
	);
	color: #d4d5d9;
}

.mesh {
	width: 100%;
	min-height: 70vh;

	/* sampled colours from your SVG */
	--gold: #d59f5f; /* top glow */
	--gold2: #d29b5b; /* base sweep start */
	--rust: #923622; /* main warm mid */
	--rust2: #78281a; /* left mid accent */
	--deep: #3a1009; /* near bottom-right */
	--dark: #2b0c07; /* corner depth */

	background:
/* top-left golden glow */ radial-gradient(
			130% 85% at 30% -20%,
			var(--gold) 0 15%,
			rgba(213, 159, 95, 0) 55%
		),
		/* central warm body */
			radial-gradient(
				120% 80% at 62% 58%,
				rgba(146, 54, 34, 0.55) 0 36%,
				rgba(146, 54, 34, 0) 70%
			),
		/* left-mid rust accent */
			radial-gradient(
				85% 85% at 22% 62%,
				rgba(120, 40, 26, 0.1) 0 30%,
				rgba(120, 40, 26, 0) 70%
			),
		/* bottom-right depth */
			radial-gradient(
				90% 95% at 105% 105%,
				rgba(43, 12, 7, 0.95) 0 45%,
				rgba(43, 12, 7, 0) 85%
			),
		/* base sweep across the canvas */
			linear-gradient(
				200deg,
				var(--gold2) 0%,
				var(--rust) 30%,
				var(--deep) 92%,
				var(--dark) 100%
			);
	background-repeat: no-repeat;
}

.site-footer--mid {
	margin: 56px 0 32px;
}

.site-footer--5-point-link {
	display: inline-block;
	margin-top: 16px;
}

.site-footer--bottom {
	padding-top: 24px;
	border-top: 0.5px solid #f6eacb;
}

.site-footer--bottom--content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px;
}

.site-footer--bottom--content p {
	color: #ffefc7;
}

.site-footer .first-logo {
	max-height: 47px;
	width: auto;
}

.site-footer--company-logos {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
}

@media screen and (max-width: 768px) {
	.footer-5-point-logo {
		margin-top: 0px;
	}

	.site-footer--5-point-link {
		display: inline-block;
		margin-top: 8px;
	}
}

.site-footer--mid-v2 {
	margin-bottom: 80px;
}

@media screen and (max-width: 768px) {
	.site-footer--mid-v2 {
		margin-bottom: 40px;
	}
	.site-footer--mid-v2 .wp-block-column:first-of-type {
		padding-bottom: 24px;
	}
	.site-footer--mid-v2 .wp-block-column {
		padding-top: 32px !important;
	}
}