/* One supplied BNP Works identity across the website and enquiry journey. */
.brand-logo {
  display: block;
  width: 192px;
  max-width: 100%;
  height: auto;
  aspect-ratio: 1226 / 410;
  object-fit: contain;
  flex-shrink: 0;
}
.site-header .brand-logo { width: 192px; height: auto; }
.footer-brand .brand-logo { width: 180px; height: auto; margin-bottom: 20px; }
.topbar { background: var(--page); border-color: var(--border); }
.topbar .brand { flex-shrink: 0; }
.topbar .company-logo { width: 192px; }
.aside-footer .company-logo { width: 172px; margin: 22px 0 16px; }
.bottom-footer .company-logo { width: 180px; margin-bottom: 16px; }
.summary-brand .company-logo { width: 168px; }
@media (max-width: 1040px) {
  .topbar .brand-sub, .topbar .brand-rule { display: none; }
}
@media (max-width: 800px) {
  .site-header .brand-logo, .topbar .company-logo { width: 168px; height: auto; }
}
@media (max-width: 600px) {
  .topbar .top-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 12px;
    row-gap: 10px;
    padding: 14px 18px 12px;
  }
  .topbar .brand { grid-column: 1; grid-row: 1; min-width: 0; }
  .topbar .company-logo { width: 158px; }
  .topbar .header-right { display: contents; }
  .topbar .lang-switch { grid-column: 2; grid-row: 1; }
  .topbar .home-link {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-self: start;
    font-size: 14px;
    line-height: 1.5;
  }
  .summary-brand { flex-direction: column; align-items: flex-start; gap: 16px; }
  .summary-brand .company-logo { width: 180px; }
}
@media (max-width: 480px) {
  .site-header { column-gap: 12px; }
  .site-header .brand-logo { width: clamp(116px, calc(100vw - 204px), 150px); }
  .site-header .header-actions { gap: 8px; }
  .site-header .header-actions .button {
    width: 90px;
    padding: 9px 7px;
    flex-shrink: 0;
    white-space: normal;
  }
}
@media print {
  .summary-brand { flex-direction: row; align-items: center; gap: 20px; }
  .summary-brand .company-logo {
    width: 168px;
    height: auto;
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
  }
}
