/* Header and footer shared by every page, so they never drift apart. */
.site-bar { max-width: 1080px; margin: 0 auto; padding: 0 16px; }
@media (min-width: 720px) { .site-bar { padding: 0 32px; } }

.site-header { background: #17121F; }
.site-header .site-bar { padding-top: 20px; padding-bottom: 20px; }
.site-header .brand { display: inline-flex; align-items: center; gap: 10px; color: #FFF8EA; font-family: 'Figtree', system-ui, sans-serif; font-weight: 800; font-size: 20px; text-decoration: none; }
.site-header .brand svg { display: block; }

.site-footer { background: #17121F; color: #CFC5D9; font-family: 'Figtree', system-ui, sans-serif; font-size: 14px; line-height: 1.6; padding: 32px 0 48px; }
.site-footer .site-bar { display: flex; flex-wrap: wrap; gap: 8px 20px; justify-content: space-between; }
.site-footer nav { display: flex; gap: 20px; flex-wrap: wrap; }
.site-footer a { color: #E8B84A; font-weight: 700; }