/* FOOTER — 4 link columns + logo. Mirrors tagassets. */
.site-footer { position: relative; background: #fff; border-top: 1px solid var(--mt-border); padding-block: 64px 0; overflow: hidden; }
.site-footer__cols { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; position: relative; z-index: 2; }
.footer-col h4 { font-size: 1.15rem; font-weight: 700; color: var(--mt-ink); margin: 0 0 16px; padding-bottom: 10px; border-bottom: 2px solid var(--mt-accent); display: inline-block; }
.footer-col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.footer-col a { color: #4a5158; }
.footer-col a:hover { color: var(--mt-accent-dark); }
.site-footer__brand { text-align: center; padding: 40px 0 28px; position: relative; z-index: 2; }
.site-footer__logo { font-size: 3rem; font-weight: 300; letter-spacing: .1em; color: var(--mt-ink); }
.site-footer__logo .site-logo__accent { color: var(--mt-accent); }
.site-footer__bar { background: var(--mt-chip); color: rgba(255,255,255,.85); text-align: center; padding: 16px; font-size: .85rem; position: relative; z-index: 2; }
/* TEMP footer skyline imported from tagassets — replace with meitav media before launch */
.site-footer__watermark { position: absolute; inset-block-end: 0; inset-inline: 0; height: 200px; z-index: 1; opacity: .07;
	background-image: url('../images/footer-bg.webp'); background-size: cover; background-position: center bottom; background-repeat: no-repeat; }

@media (max-width: 1000px) { .site-footer__cols { grid-template-columns: 1fr 1fr; } }
@media (max-width: 620px) { .site-footer__cols { grid-template-columns: 1fr; } }