.brand {
  display: inline-flex;
  align-items: center;
  flex: 0 1 266px;
  width: 266px;
  max-width: 100%;
  min-width: 0;
  padding: 0;
  gap: 0;
  line-height: 1;
  transition: none;
}
.brand .brand-logo {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  flex: 0 1 auto;
  aspect-ratio: 266 / 56;
  object-fit: contain;
}
.portal-header .brand { flex-shrink: 0; }
.footer-grid > div { min-width: 0; }
.menu-toggle { flex-shrink: 0; align-items: center; justify-content: center; min-height: 44px; transition: none; }
.menu-toggle__icon { font-size: 18px; line-height: 1; }
@media (max-width: 900px) {
  .portal-header { gap: 16px; }
  .portal-header .brand { flex: 0 1 266px; }
}
@media (max-width: 580px) {
  .brand { width: 244px; flex-basis: 244px; }
  .portal-header .brand { flex-basis: 244px; }
  .portal-header { gap: 12px; }
}
@media (max-width: 380px) {
  .menu-toggle { width: 44px; padding: 10px; }
  .menu-toggle__label { display: none; }
}