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

.site-footer {
	background: var(--color-deep);
	color: #C6CAC6;
}

.footer-top {
	padding-block: var(--space-xl) var(--space-lg);
	display: grid;
	gap: var(--space-lg);
	grid-template-columns: 1.3fr repeat(3, 1fr);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 900px) {
	.footer-top { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
	.footer-top { grid-template-columns: 1fr; }
}

.footer-brand .site-title-text { color: #fff; }
.footer-brand p { margin-top: 1rem; color: #A6ACA6; font-size: 0.92rem; }

.footer-col h4 {
	color: #fff;
	font-size: 0.82rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-weight: var(--fw-semibold);
	margin-bottom: 1.1rem;
}
.footer-col ul { display: grid; gap: 0.65rem; }
.footer-col a { color: #C6CAC6; font-size: 0.92rem; transition: color var(--dur-fast) var(--ease-out); }
.footer-col a:hover { color: #fff; }

.footer-col .contact-line { color: #C6CAC6; font-size: 0.92rem; }
.footer-col .contact-line .icon { color: #6FA3A0; }

.footer-bottom {
	padding-block: var(--space-sm);
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	align-items: center;
	justify-content: space-between;
	font-size: 0.82rem;
	color: #8B918B;
}
.footer-bottom ul { display: flex; flex-wrap: wrap; gap: 1.25rem; }
.footer-bottom a:hover { color: #fff; }