.brand { display: flex; align-items: center; }
.topbar {
  height: 96px;
  background: linear-gradient(105deg, #050608 0%, #0a0b0e 38%, #260308 72%, #72000a 100%);
  border-bottom: 1px solid rgba(255, 55, 70, .35);
  box-shadow: 0 8px 28px rgba(0, 0, 0, .28);
}
.brand { gap: 16px; }
.brand img {
  width: 78px;
  height: 78px;
  object-fit: cover;
  border-radius: 9px;
  border: 1px solid rgba(255,255,255,.34);
  box-shadow: 0 0 0 3px rgba(227,6,19,.12), 0 7px 20px rgba(0,0,0,.48);
}
.brand-name { display: flex; flex-direction: column; line-height: 1.05; }
.brand-name b { font: 800 1.45rem/1 "Barlow Condensed", sans-serif; letter-spacing: .08em; }
.brand-name em { color: #e30613; font-style: normal; }
.brand-name small { margin-top: 6px; color: #d0d2d5; font-size: .68rem; font-weight: 600; }
.footer-brand { grid-row: 1 / 4; }
.footer-brand img { width: 112px; height: 112px; object-fit: cover; border-radius: 10px; }
@media (max-width: 680px) {
  .topbar { height: 82px; }
  .topbar nav { top: 82px; }
  .brand { gap: 10px; }
  .brand img { width: 64px; height: 64px; }
  .brand-name b { font-size: 1.15rem; }
  .brand-name small { font-size: .58rem; }
  .footer-brand { grid-row: auto; }
}