/* Parallax V2.1 brand assets. Proportional scaling and clear backgrounds. */
.brand-logo { width: auto; height: auto; max-height: 64px; max-width: 230px; object-fit: contain; filter: none; }
.footer-brand .brand-logo { max-width: 270px; max-height: 80px; }
.brand-kit-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin: 32px 0; }
.brand-kit-preview { border: 1px solid #3F5865; border-radius: 12px; padding: 36px; background: #0D121A; }
.brand-kit-preview--light { background: #F3F4F2; }
.brand-kit-preview img { width: 100%; height: auto; display: block; }
@media (max-width: 640px) {
  .brand-logo { max-width: 190px; max-height: 58px; }
  .brand-kit-grid { grid-template-columns: 1fr; }
}