/* Footer — component 69:5722: light rounded card 1416×136, inset 12px.
   Mobile — Figma 69:5859: 344 card, radius 12, p24, gap 16, logo 130×48, stacked 14/24 links, 12/24 copy. */
.site-footer { padding: 0.5rem; }
.site-footer__card {
	background: var(--c-light);
	border-radius: 12px;
	padding: 24px;
}
.site-footer__top {
	display: flex;
	flex-direction: column;
	gap: 16px;
	align-items: center;
	max-width: var(--container);
	margin-inline: auto;
}
.site-footer__logo img { width: 130px; height: auto; }
.site-footer__links { display: flex; flex-direction: column; align-items: center; gap: 4px; font-size: 0.875rem; line-height: 24px; font-weight: 500; }
.site-footer__links a { text-decoration: none; opacity: 0.8; }
.site-footer__links a:hover { color: var(--c-orange); opacity: 1; }
.site-footer__copy { margin-top: 16px; text-align: center; font-size: 0.75rem; line-height: 24px; opacity: 0.8; }

@media (min-width: 1024px) {
	.site-footer { padding: 12px; }
	.site-footer__card { padding: 32px 92px 24px; border-radius: var(--radius-lg); }
	.site-footer__top { flex-direction: row; justify-content: space-between; }
	.site-footer__links { flex-direction: row; flex-wrap: wrap; gap: 0.75rem 28px; font-size: 0.75rem; line-height: 1.5; }
	.site-footer__links a { opacity: 1; }
	.site-footer__copy { margin-top: 1.5rem; line-height: 1.5; opacity: 1; }
}