.brands-page{padding-block:var(--space-lg) var(--space-2xl)}
.brands-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md)}.brands-intro__copy{max-width:45rem}.brands-intro h1{margin-top:.45rem}.brands-intro p{margin-top:.55rem;color:var(--color-text-soft)}
.brands-search{width:18rem}.brands-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-sm)}
.brand-card{min-height:10rem;padding:var(--space-md);display:flex;flex-direction:column;justify-content:space-between;transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.brand-card:hover{transform:translateY(-2px);border-color:var(--color-secondary)}
.brand-mark{width:3rem;height:3rem;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;font-family:var(--font-display);font-weight:700}.brand-card h2{font-size:.95rem;margin-top:1rem}.brand-card p{margin-top:.2rem;color:var(--color-text-faint);font-size:.74rem}.brand-card__link{margin-top:.75rem;font-size:.76rem;color:var(--color-primary);font-weight:600}
@media(max-width:980px){.brands-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.brands-intro{align-items:stretch;flex-direction:column}.brands-search{width:100%}.brands-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.brands-grid{grid-template-columns:1fr}}