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

.site-footer__inner {
	display: grid;
	gap: var(--space-7);
	padding-block: clamp(2rem, 5vw, 4rem);
}

.site-footer__branding {
	display: grid;
	gap: var(--space-3);
	max-width: 30rem;
}

.site-footer__name {
	width: fit-content;
	color: var(--color-white);
	font-family: var(--font-heading);
	font-size: 1.125rem;
	font-weight: 800;
	letter-spacing: 0.02em;
	text-decoration: none;
	text-transform: uppercase;
}

.site-footer__name:hover {
	color: var(--color-accent);
}

.site-footer__description {
	max-width: 32rem;
	font-size: 0.9375rem;
	line-height: 1.7;
}

.site-footer__bottom {
	padding-top: var(--space-5);
	border-top: 1px solid var(--color-border);
}

.site-footer__bottom p {
	color: var(--color-text-muted);
	font-size: var(--font-size-small);
}