/* ===== Site footer ===== */
.site-footer {
	background: var(--bark); color: rgba(237, 230, 216, 0.6);
	padding: 4rem 6% 2.2rem;
	display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 2rem;
	font-size: 0.85rem;
}
.site-footer .f-logo { margin-bottom: 0.6rem; }
.site-footer .f-logo img { height: 46px; width: auto; filter: brightness(0) invert(1); }
.site-footer .f-social { display: flex; gap: 0.9rem; margin-top: 1rem; }
.site-footer .f-social a {
	width: 34px; height: 34px; border-radius: 50%;
	border: 1px solid rgba(237, 230, 216, 0.3);
	display: flex; align-items: center; justify-content: center;
	color: var(--stone); text-decoration: none; transition: .25s;
}
.site-footer .f-social a:hover { background: var(--teal); border-color: var(--teal); }

.site-footer .f-cols { display: flex; gap: 4rem; flex-wrap: wrap; }
.site-footer .f-col h5 {
	font-size: 0.7rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--teal);
	margin-bottom: 0.9rem; font-weight: 500; font-family: var(--font-body);
}
.site-footer .f-col a { display: block; color: rgba(237, 230, 216, 0.65); text-decoration: none; margin-bottom: 0.5rem; transition: .25s; }
.site-footer .f-col a:hover { color: var(--teal); }

.site-footer .f-bottom {
	width: 100%; border-top: 1px solid rgba(237, 230, 216, 0.12); margin-top: 3rem; padding-top: 1.6rem;
	display: flex; justify-content: space-between; font-size: 0.72rem; letter-spacing: 0.08em;
	flex-wrap: wrap; gap: 1rem;
}

@media (max-width: 640px) {
	.site-footer { padding: 3rem 6% 1.6rem; }
	.site-footer .f-cols { gap: 2.4rem; }
}