/* Outlined lettering and a four-leaf clover share the same compact lockup. */
.brand{
  --brand-mark:37px;
  --brand-wordmark:86px;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  flex-shrink:0;
  line-height:1;
  text-decoration:none;
}
.brand .brand-symbol{
  display:block;
  width:var(--brand-mark);
  height:var(--brand-mark);
  flex-shrink:0;
  transform:none;
  transition:none;
}
.brand .brand-wordmark{
  display:block;
  width:var(--brand-wordmark);
  height:auto;
  flex-shrink:0;
}
.brand:hover .brand-symbol{transform:none;}
.brand:focus-visible{outline:2px solid #b4ed85;outline-offset:6px;border-radius:2px;}
.site-footer .brand{--brand-mark:42px;--brand-wordmark:98px;gap:12px;}
@media(max-width:740px){
  .site-header .brand,.legal-page .brand{--brand-mark:34px;--brand-wordmark:78px;gap:9px;}
}
@media(max-width:380px){
  .site-header .brand,.legal-page .brand{--brand-mark:32px;--brand-wordmark:74px;}
}