/* The vector wordmark includes the current name without raster-image cropping. */
.logo { display:grid; align-items:center; width:200px; min-height:44px; flex:0 0 auto; }
.brand-mark { display:block; width:100%; }
.brand-mark img { display:block; width:100%; max-width:100%; height:auto; }
footer { align-items:center; }
.footer-brand { display:grid; align-items:center; width:124px; min-height:44px; flex:0 0 auto; }
@media(max-width:560px) {
  .logo { width:124px; }
  header { gap:12px; }
  .wrap header nav { gap:12px; font-size:12px; }
}