.site-brand {
    display: inline-flex;
    align-items: center;
    width: max-content;
    max-width: 100%;
    line-height: 1;
    text-decoration: none;
}

.site-wordmark {
    display: block;
    width: 180px;
    max-width: 100%;
    height: auto;
}

.legal-page > .site-brand {
    margin-bottom: 24px;
}

@media (max-width: 700px) {
    .site-wordmark { width: 156px; }
}