/* ==========================================================================
   Footer
   Dark teal footer layout, link groups and subtle seahorse watermark.
   ========================================================================== */
.cm-site-footer {
	position: relative;
	overflow: hidden;
	padding: clamp(2.5rem, 5vw, 4.5rem) clamp(1rem, 5vw, 5rem) 1.3rem;
	background: linear-gradient(110deg, var(--cm-dark-teal), var(--cm-teal));
	color: var(--cm-soft-white);
}

.cm-site-footer::after {
	content: "";
	position: absolute;
	right: clamp(1rem, 5vw, 5rem);
	bottom: 1rem;
	width: 120px;
	aspect-ratio: 1 / 1.7;
	opacity: 0.22;
	background: var(--cm-soft-white);
	mask: url("../../images/branding/seahorse.svg") center / contain no-repeat;
	-webkit-mask: url("../../images/branding/seahorse.svg") center / contain no-repeat;
}

.cm-footer-grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: 1.5fr repeat(4, 1fr);
	gap: 2rem;
	max-width: 1180px;
	margin: 0 auto;
}

.cm-footer-brand img {
	width: min(190px, 52vw);
}

.cm-site-footer h2 {
	margin: 0 0 0.75rem;
	color: var(--cm-soft-white);
	font-family: var(--wp--preset--font-family--manrope, system-ui, sans-serif);
	font-size: 0.95rem;
	font-weight: 900;
}

.cm-site-footer a,
.cm-site-footer span,
.cm-site-footer p {
	display: block;
	margin: 0 0 0.45rem;
	color: var(--cm-soft-white);
	font-size: 0.95rem;
}

.cm-footer-small {
	position: relative;
	z-index: 1;
	max-width: 1180px;
	margin: 2rem auto 0;
	font-size: 0.88rem;
}