/* WebSmith — web globe, hammer and anvil. */
.brand{gap:10px;font-size:31px;font-weight:650;letter-spacing:-1.6px}
.brand .brand-mark{display:block;width:56px;height:56px;flex:none;object-fit:contain}
.brand>.brand-name,.nav-dialog .brand>.brand-name{color:inherit;font-size:inherit;align-self:auto;margin:0;line-height:1}
.nav-dialog .brand{gap:10px;font-size:28px;letter-spacing:-1.4px}
.nav-dialog .brand .brand-mark{width:51px;height:51px}
@media(max-width:520px){.brand{font-size:26px;gap:7px;letter-spacing:-1.25px}.brand .brand-mark{width:46px;height:46px}.nav-dialog .brand{font-size:24px;gap:7px}.nav-dialog .brand .brand-mark{width:43px;height:43px}}
@media(max-width:360px){.brand{font-size:23px;gap:6px}.brand .brand-mark{width:40px;height:40px}.nav-dialog .brand{font-size:21px;gap:5px}.nav-dialog .brand .brand-mark{width:37px;height:37px}}