/* Header mark uses the dark-field emblem. The built markup still
   holds the old svg; this sheet replaces it without rebuilding the app. */
.brand-mark {
  width: 64px;
  height: 64px;
  border: 0;
  border-radius: 4px;
  background: #000 url("/assets/brand/logo-mark.png") center / cover no-repeat;
  overflow: hidden;
}

.brand-mark svg {
  opacity: 0;
}

@media (width <= 480px) {
  .brand-mark {
    width: 52px;
    height: 52px;
  }
}