[data-site-wordmark] {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
}
.site-wordmark-image {
    display: block;
    width: auto;
    height: auto;
    max-width: min(180px, 38vw);
    max-height: 42px;
    object-fit: contain;
}
footer .site-wordmark-image { margin-inline: auto; }

.topbar .site-wordmark-image {
    max-height: 54px;
    max-width: min(176px, 34vw);
}
@media (max-width: 760px) {
    .topbar .site-wordmark-image {
        max-height: 46px;
        max-width: min(128px, 30vw);
    }
}