/* Compact branding aligned with header navigation and footer copy. */
.site-header .brand,
footer .brand {
    gap: 8px;
    font-size: 20px;
    line-height: 1;
}
.site-header .monogram,
footer .monogram {
    width: 32px;
    height: 32px;
    border-radius: 9px 3px;
    font-size: 14px;
    letter-spacing: -2px;
}
.site-header .monogram::after,
footer .monogram::after {
    width: 18px;
    height: 4px;
    bottom: 3px;
}
footer .brand {
    display: inline-flex;
    margin-bottom: 10px;
}
@media (max-width: 550px) {
    .site-header .brand,
    footer .brand { font-size: 19px; }
    .site-header .monogram,
    footer .monogram {
        width: 30px;
        height: 30px;
        font-size: 13px;
    }
}