/* The approved v3 PNG is reused without redrawing its feather or lettering.
   SVG viewports arrange its two parts into a legible horizontal website lockup. */
.brand { display:inline-flex; flex:0 0 auto; line-height:1; gap:0; }
.brand-lockup { display:block; width:238px; height:auto; overflow:visible; }
.brand-quill-mark { display:block; flex:0 0 auto; width:26px; height:28px; }
.footer .brand-lockup { width:228px; filter:brightness(0) invert(1); }
@media(max-width:1200px) { .header .brand-lockup { width:205px; } }
@media(max-width:800px) { .header .brand-lockup { width:183px; } }
@media(max-width:520px) {
  .header .brand-lockup { width:158px; }
  .header-inner { gap:10px; }
  .header .nav-cta { padding-inline:12px; }
}
@media(max-width:370px) {
  .header .brand-lockup { width:142px; }
  .header .nav-cta { font-size:10px; padding-inline:9px; }
}