.brand-logo { display: grid; place-items: center; width: 100%; height: 5rem; padding: .65rem; border: 1px solid var(--color-line); border-radius: var(--radius-sm); overflow: hidden; background: var(--color-brand-dark); }
.brand-logo img { display: block; width: 100%; height: 100%; object-fit: contain; }
.brand-logo__fallback { display: grid; place-items: center; width: 3.5rem; aspect-ratio: 1; border-radius: 50%; background: var(--color-brand); color: #fff; font-size: 1.15rem; font-weight: 900; text-transform: uppercase; }
.brand-logo--large { width: min(15rem, 100%); height: 8rem; }
.brand-showcase { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(10rem, 100%), 1fr)); gap: var(--space-3); margin-bottom: var(--space-5); }
.brand-showcase__item { display: grid; gap: var(--space-2); padding: var(--space-3); border: 1px solid var(--color-line); border-radius: var(--radius-md); background: var(--color-surface); text-decoration: none; }
.brand-showcase__item span { color: var(--color-muted); font-size: .9rem; }
.showcase-products { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(15rem, 100%), 1fr)); gap: var(--space-4); }
.showcase-products a { position: relative; min-height: 12rem; border-radius: var(--radius-md); overflow: hidden; background: var(--color-ink); color: #fff; text-decoration: none; }
.showcase-products img { display: block; width: 100%; height: 100%; aspect-ratio: 16/9; object-fit: cover; }
.showcase-products span { position: absolute; inset: auto 0 0; display: grid; padding: 2.5rem var(--space-4) var(--space-4); background: linear-gradient(transparent, rgba(0, 0, 0, .86)); }
.showcase-products small { opacity: .8; }
.brand-page-heading { display: grid; grid-template-columns: minmax(10rem, 15rem) 1fr; gap: var(--space-5); align-items: center; }
.brand-page-heading h1 { margin-bottom: var(--space-3); }
@media (max-width: 600px) { .brand-page-heading { grid-template-columns: 1fr; } .brand-logo--large { width: 100%; } }