/* ========================================
   Footer
   ======================================== */

.footer {
	padding: var(--space-xl) var(--space-md) var(--space-lg);
	background-color: var(--color-bg-dark);
	color: var(--color-white);
}

.footer__inner {
	max-width: var(--container-width);
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--space-lg);
	text-align: center;
}

.footer__logo {
	font-family: var(--font-serif);
	font-size: 24px;
	font-weight: 400;
	letter-spacing: 0.1em;
	color: var(--color-white);
}

.footer__tagline {
	margin-top: var(--space-xs);
	font-size: 12px;
	color: rgba(255, 255, 255, 0.5);
	letter-spacing: 0.08em;
}

.footer__nav-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--space-md) var(--space-lg);
}

.footer__nav-link {
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.7);
}

.footer__nav-link:hover {
	color: var(--color-accent-light);
}

.footer__copyright {
	font-size: 11px;
	color: rgba(255, 255, 255, 0.35);
	letter-spacing: 0.05em;
}

@media (max-width: 768px) {
	.footer {
		padding: var(--space-lg) var(--space-sm) var(--space-md);
	}
}