/* Preserve the supplied wordmark's proportions at every screen size. */
.wordmark:has(.wordmark-image){display:inline-flex;align-items:center;flex-shrink:0;line-height:1}
.wordmark-image{display:block;width:224px;max-width:100%;height:auto;object-fit:contain}
footer .wordmark-image{width:200px}
@media(max-width:900px){.header .wordmark-image{width:190px}}
@media(max-width:640px){.header .wordmark-image{width:180px}footer .wordmark-image{width:190px}}
@media(max-width:380px){.header .wordmark-image{width:140px}}