/* Canonical homepage wordmark, shared by every page and dialog. */
.brand .brand-name,.dialog-top .brand-name{font-family:var(--sans);font-size:29px;letter-spacing:-1.3px;font-weight:800;line-height:1;width:auto}
.brand .brand-sub{font-size:7px;letter-spacing:2.5px;margin-top:10px}
.brand .brand-dot,.dialog-top .brand-dot{font-size:9px;vertical-align:top;letter-spacing:0;margin-left:3px}
.footer .brand .brand-name,.resource-footer .brand .brand-name{font-size:26px}
@media(max-width:760px){.brand .brand-name,.dialog-top .brand-name{font-size:25px}.brand .brand-sub{font-size:6px}}

/* Outlined wordmark, with the tagline aligned to both ends of MODSTONE.
   Color follows the existing surrounding header/footer; page styling is unchanged. */
.brand{--brand-width:163.5px;--brand-height:48px}
.brand .brand-mark{display:block;width:var(--brand-width);height:var(--brand-height);flex:none;overflow:visible;color:inherit}
.footer .brand,.resource-footer .brand{--brand-width:146.4375px;--brand-height:45px}
@media(max-width:760px){.brand{--brand-width:140.75px;--brand-height:44px}}