.brand-logo {
  width: 84px;
  height: 84px;
  flex-shrink: 0;
  object-fit: contain;
  object-position: center;
  background: #fff;
  padding: 2px;
  border-radius: 12px;
  border: 2px solid #fff;
  box-shadow: 0 0 0 1px #ffffff45, 0 4px 16px #0005;
}
.footer-logo {
  width: 96px;
  height: 96px;
}
.topbar { height: 104px; }
@media (max-width: 800px) {
  .brand-logo {
    width: 64px;
    height: 64px;
    border-radius: 10px;
  }
  .topbar { height: 82px; }
  .topbar nav { top: 82px; }
}
@media (max-width: 430px) {
  .topbar .brand { gap: 8px; }
  .topbar .brand > span { font-size: .8rem; letter-spacing: .06em; }
}