/* The complete wordmark is outlined, so its proportions never depend on font loading. */
.brand { gap: 0; }
.author-mark img { width: 24px; height: auto; }
.brand .brand-logo { display: block; width: 190px; height: auto; flex: none; }
.footer .brand .brand-logo { width: 190px; }
@media (min-width: 781px) and (max-width: 960px) {
  .header .brand .brand-logo { width: 158px; }
}
@media (max-width: 780px) {
  .header .brand .brand-logo, .inquiry-header .brand .brand-logo { width: 142px; }
  .footer .brand .brand-logo { width: 160px; }
}
@media (max-width: 380px) {
  .header .brand .brand-logo { width: 127px; }
}
@media (max-width: 350px) {
  .header { gap: 8px; }
  .header-cta { white-space: nowrap; }
  .header .brand .brand-logo { width: 115px; }
}