/* =========================================================
   footer.css
   ========================================================= */

.site-footer {
	background: var(--mist);
	border-top: 1px solid var(--line);
}

.footer__inner {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr 1fr;
	gap: 40px;
	padding-block: 64px 48px;
}

.footer__brand p {
	max-width: 34ch;
	margin: 12px 0 0;
	font-size: 14px;
	color: var(--muted);
}

.footer__col h3 {
	font-size: 13px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	margin-bottom: 16px;
}

.footer__col li { margin-bottom: 10px; }

.footer__col a {
	font-size: 14.5px;
	color: var(--ink-soft);
}

.footer__col a:hover { color: var(--accent); }

.footer__base {
	padding-block: 22px;
	border-top: 1px solid var(--line);
}

.footer__base p { margin: 0; font-size: 13px; color: var(--muted); }