/*
 * Footer — near-black ground (live #131313); terracotta "Womanhood Expressed"
 * heading; a statement paragraph, a Menu column and a Policies column.
 */

.site-footer {
	background: var(--c-footer);
	color: rgba(255,255,255,0.72);
	padding-block: var(--sp-8) var(--sp-6);
	margin-top: 0;
}

.site-footer__grid {
	display: grid;
	gap: var(--sp-6);
	grid-template-columns: 1fr;
}
@media (min-width: 800px) {
	.site-footer__grid { grid-template-columns: 2fr 1fr 1fr; gap: var(--sp-8); }
}

.footer-brand__name,
.site-footer h4 {
	font-family: var(--font-head);
	font-weight: var(--fw-head);
	font-size: var(--fs-400);
	color: var(--c-primary);
	margin: 0 0 var(--sp-4);
	text-transform: none;
	letter-spacing: 0;
}

.footer-brand p {
	color: rgba(255,255,255,0.66);
	font-size: var(--fs-300);
	line-height: var(--lh-body);
	max-width: 46ch;
	margin: 0;
}

.footer-col ul { list-style: none; margin: 0; padding: 0; }
.footer-col li { margin-bottom: var(--sp-3); }
.footer-col a { color: rgba(255,255,255,0.72); font-size: var(--fs-300); }
.footer-col a:hover { color: #fff; }

.site-footer__base {
	margin-top: var(--sp-7);
	padding-top: var(--sp-4);
	border-top: 1px solid rgba(255,255,255,0.12);
	font-size: var(--fs-200);
	color: rgba(255,255,255,0.5);
}