/* Current app branding, confined to the homepage. */
body.home .brand-mark {
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 10px;
  background: url("brand-icon.webp") center / contain no-repeat;
  box-shadow: none;
}
body.home .brand-segment { display: none; }
body.home .brand-wordmark {
  width: 144px;
  height: 24px;
  background: url("wordmark.svg") center / contain no-repeat;
  mix-blend-mode: normal;
}
@media (max-width: 600px) {
  body.home .brand-mark { width: 36px; height: 36px; border-radius: 8px; }
  body.home .brand-wordmark { width: 132px; height: 22px; }
}