/* Shared branding for the landing page and legal pages. */
.brand {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  gap: 8px;
  color: #f4f2f7;
  text-decoration: none;
}
.brand-mark {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 38px;
  height: 38px;
}
.brand-mark img {
  display: block;
  width: 38px;
  height: 38px;
  object-fit: contain;
}
.brand-name {
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -.5px;
}
footer .brand-mark,
footer .brand-mark img { width: 30px; height: 30px; }
footer .brand-name { font-size: 17px; }
@media (max-width: 700px) {
  .brand-name { font-size: 18px; }
}