/* Keep the symbol aligned with the two-line name, with a compact strapline below. */
.site-header .brand,.site-footer .brand{
  --brand-name-size:21px;
  --brand-mark-height:46px;
  --brand-tag-size:10px;
  display:inline-grid;
  grid-template-columns:calc(var(--brand-mark-height) * .94) auto;
  align-items:start;
  gap:0 9px;
  max-width:100%;
  text-decoration:none;
}
.site-header .brand-symbol,.site-footer .brand-symbol{
  display:block;
  position:relative;
  overflow:hidden;
  width:calc(var(--brand-mark-height) * .94);
  height:var(--brand-mark-height);
  margin:1px 0 0;
}
.site-header .brand-symbol img,.site-footer .brand-symbol img{
  position:absolute;
  left:0;
  top:0;
  width:calc(var(--brand-mark-height) * 500 / 205);
  height:var(--brand-mark-height);
  max-width:none;
}
.site-header .brand-copy,.site-footer .brand-copy{display:block;min-width:0}
.site-header .brand-copy strong,.site-footer .brand-copy strong{
  display:block;
  font-size:var(--brand-name-size);
  line-height:1.1;
  letter-spacing:-.035em;
  white-space:nowrap;
}
.site-header .brand-copy small,.site-footer .brand-copy small{
  display:block;
  margin-top:3px;
  font-size:var(--brand-tag-size);
  line-height:1.3;
  white-space:nowrap;
}
@media(max-width:1140px){
  .site-header .brand,.site-footer .brand{
    --brand-name-size:19px;--brand-mark-height:42px;--brand-tag-size:9px;
  }
}
@media(max-width:700px){
  .site-header .brand,.site-footer .brand{
    --brand-name-size:18px;--brand-mark-height:40px;--brand-tag-size:9px;column-gap:8px;
  }
}
@media(max-width:370px){
  .site-header .brand,.site-footer .brand{
    --brand-name-size:16px;--brand-mark-height:35px;--brand-tag-size:8px;column-gap:7px;
  }
}