/* Логотип приложения — тот же знак, что на главной (/horizon): огранка с градиентом,
   белая звезда и мягкое свечение. На главной знак прилетает ровно сюда, поэтому размеры
   и отступы здесь согласованы с brandTarget() в horizon.js. */
.app-brand {
  display: inline-flex;
  align-items: center;
  width: 88px;
  height: 62px;
}

.app-brand-mark {
  display: block;
  width: 44px;
  height: auto;
  aspect-ratio: 96.4 / 81.3;
  overflow: visible;
  filter: drop-shadow(0 0 4.4px rgba(48, 161, 245, .5));
}

@media (max-width: 560px) {
  .app-brand { width: 72px; height: 51px; }
  .app-brand-mark { width: 36px; filter: drop-shadow(0 0 3.6px rgba(48, 161, 245, .5)); }
}