/* Independent civic identity shared by the landing-page header and footer. */
.home-header {
  grid-template-columns: 330px 1fr 190px;
}
.home-brand b {
  font-size: 18px;
  line-height: 1.04;
  letter-spacing: -.2px;
}
.home-brand b > span {
  display: block;
  color: var(--red);
  font-size: 15px;
  letter-spacing: .1px;
}
.home-brand small,
.footer-brand small {
  margin-top: 3px;
  font-size: 9px;
}
.brand-symbol {
  display: flex;
  width: 48px;
  height: 38px;
  flex: 0 0 48px;
  align-items: flex-end;
  justify-content: center;
  gap: 5px;
  padding: 6px 8px;
  border: 0;
  border-radius: 6px;
  background: var(--navy);
}
.brand-symbol::before,
.brand-symbol::after,
.brand-symbol i::after {
  content: none;
}
.brand-symbol i {
  position: static;
  display: block;
  width: 7px;
  border: 0;
  border-radius: 4px 4px 1px 1px;
  background: #fff;
}
.brand-symbol i:first-child { height: 11px; }
.brand-symbol i:nth-child(2) { height: 25px; background: var(--red); }
.brand-symbol i:last-child { height: 17px; }
@media (max-width: 760px) {
  .home-header { grid-template-columns: 1fr auto; }
  .home-brand b { font-size: 14px; }
  .home-brand b > span { font-size: 12px; }
  .home-brand small { font-size: 7.5px; }
  .brand-symbol { width: 40px; height: 34px; flex-basis: 40px; padding: 6px; }
}