.site-footer {
	background: var(--primary);
	color: oklch(92% 0.015 230);
	margin-top: clamp(3rem, 6vw, 5rem);
}

.footer-inner {
	max-width: var(--container-w);
	margin-inline: auto;
	padding: clamp(3.5rem, 7vw, 6rem) clamp(1.25rem, 4vw, 2.5rem) clamp(2.5rem, 5vw, 4rem);
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr 1fr;
	gap: clamp(2rem, 4vw, 3rem);
}

.footer-col { display: flex; flex-direction: column; gap: 0.85rem; }

.footer-heading {
	font-family: var(--font-body);
	color: #fff;
	font-size: 0.85rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin-bottom: 0.4rem;
}

.footer-claim { color: oklch(85% 0.02 230); max-width: 32ch; }

.site-logo--footer .site-logo__name { color: #fff; }
.site-logo--footer .site-logo__meta { color: oklch(78% 0.02 230); }
.site-footer .contact-line { color: oklch(92% 0.015 230); align-items: flex-start; }
.site-footer .contact-line .icon { color: var(--accent); }
.site-footer .contact-line a:hover { color: var(--accent); }

.footer-nav__menu { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.6rem; }
.footer-nav__menu a { color: oklch(92% 0.015 230); }
.footer-nav__menu a:hover { color: var(--accent); }

.footer-bottom {
	border-top: 1px solid oklch(100% 0 0 / 14%);
	padding: 1.5rem clamp(1.25rem, 4vw, 2.5rem);
	text-align: center;
	font-size: 0.85rem;
	color: oklch(78% 0.02 230);
}
.footer-bottom p { margin: 0; }

@media (max-width: 900px) {
	.footer-inner { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
	.footer-inner { grid-template-columns: 1fr; }
}