.wordmark--image { display: flex; align-items: center; justify-content: center; min-width: 150px; }
.wordmark-logo { display: block; width: auto; height: clamp(44px, 5vw, 62px); max-width: min(260px, 40vw); object-fit: contain; object-position: center; }
.footer-logo { display: block; width: auto; max-width: 220px; max-height: 58px; margin-bottom: 1rem; object-fit: contain; object-position: left center; }
@media (max-width: 700px) {
    .wordmark-logo { height: 42px; max-width: 42vw; }
    .footer-logo { max-width: 190px; max-height: 50px; }
}