.brand-logo {
    display: block;
    width: 148px;
    height: auto;
}

.brand-logo-footer { width: 170px; }

.social-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    margin-top: 4px;
}

html[data-theme="light"] .brand-logo { filter: invert(1); }

@media (max-width: 640px) {
    .brand-logo { width: 132px; }
}