/* Footer (spec §4.21). */
.site-footer { background-color: var(--color-brand-dark); color: var(--color-white); }
.site-footer__body { padding-block: calc(var(--spacing) * 12); }
@media (min-width: 48rem) { .site-footer__body { padding-block: calc(var(--spacing) * 16); } }
.site-footer__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: calc(var(--spacing) * 8); }
@media (min-width: 48rem) { .site-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 64rem) {
	.site-footer__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: calc(var(--spacing) * 12); }
	.site-footer__brand { grid-column: span 2 / span 2; }
}
.site-footer__logo { height: calc(var(--spacing) * 14); width: auto; margin-bottom: calc(var(--spacing) * 4); }
.site-footer__tagline { font-size: var(--text-sm); line-height: var(--text-sm-lh); color: var(--color-gray-300); max-width: var(--container-md); }
.site-footer__heading { font-size: var(--text-lg); line-height: var(--text-lg-lh); font-weight: var(--font-weight-semibold); margin-bottom: calc(var(--spacing) * 4); }
.site-footer__links { display: flex; flex-direction: column; gap: calc(var(--spacing) * 2); }
.site-footer__link { font-size: var(--text-sm); line-height: var(--text-sm-lh); color: var(--color-gray-300); transition: color var(--duration-fast) var(--ease-default); }
.site-footer__link:hover { color: var(--color-white); }
.site-footer__contact { display: flex; flex-direction: column; gap: calc(var(--spacing) * 3); font-size: var(--text-sm); line-height: var(--text-sm-lh); color: var(--color-gray-300); }
.site-footer__contact-row { display: flex; align-items: center; gap: calc(var(--spacing) * 2); }
.site-footer__contact-row--start { align-items: flex-start; }
.site-footer__pin { margin-top: calc(var(--spacing) * 0.5); flex-shrink: 0; }
.site-footer__bottom {
	padding-block: calc(var(--spacing) * 6);
	border-top: 1px solid var(--color-gray-700);
	text-align: center;
	font-size: var(--text-sm);
	line-height: var(--text-sm-lh);
	color: var(--color-gray-400);
}
/*
 * Company line + legal links under the rights line (BW 3:15d, research §6.10). [D: anchor = the bottom bar itself: same
 * 14/20 gray-400, centred; the links are the footer's own links (gray-300 → white on hover, no underline); the parts
 * are separated by the "·" the spec writes, as generated content hidden from screen readers.] Added below the existing
 * line so nothing above it moves.
 */
.site-footer__meta {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-top: calc(var(--spacing) * 2);
}
.site-footer__meta > * + *::before {
	content: "·";
	content: "·" / "";
	display: inline-block;
	margin-inline: calc(var(--spacing) * 2);
	color: var(--color-gray-400);
}
/* 24 tall: WCAG 2.5.8 target size (the text alone is 20). */
.site-footer__meta-link { display: inline-block; padding-block: calc(var(--spacing) * 0.5); color: var(--color-gray-300); transition: color var(--duration-fast) var(--ease-default); }
.site-footer__meta-link:hover { color: var(--color-white); }
.no-js .site-footer__consent { display: none; }