/* Approved logo: colored on light surfaces, white on dark surfaces. */
.brand .brand-logo {
  display: block;
  width: 152px;
  height: auto;
  max-width: none;
  flex: 0 0 auto;
}
.footer .brand .brand-logo { width: 172px; max-width: 100%; }
.footer-brand > .brand {
  display: inline-flex;
  padding: 0;
  background: transparent;
  border-radius: 0;
}
@media (max-width: 1180px) {
  .header-inner { gap: 24px; }
  .header nav {
    display: none;
    position: absolute;
    top: 86px;
    left: 0;
    right: 0;
    padding: 22px 32px;
    background: #fff;
    border-bottom: 1px solid var(--line);
    box-shadow: 0 20px 30px #18324410;
  }
  .header nav.open { display: flex; flex-direction: column; align-items: stretch; gap: 0; }
  .header nav a { padding: 14px 0; font-size: 15px; }
  .menu-button { display: inline-flex; margin-left: auto; }
}
@media (max-width: 760px) {
  .brand .brand-logo { width: 134px; }
  .header-inner { gap: 12px; }
  .header nav { top: 76px; padding: 18px 20px; }
  .footer .brand .brand-logo { width: 172px; }
}
@media (max-width: 360px) {
  .brand .brand-logo { width: 124px; }
  .menu-button { gap: 8px; }
}