.brand-directory { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); gap:1rem; }
.brand-directory a { display:grid; align-content:start; overflow:hidden; border:1px solid #dddfe3; border-radius:.8rem; background:#fff; color:#17191d; }
.brand-directory img { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; }
.brand-directory strong { font-size:1.2rem; padding:.8rem 1rem .25rem; border-top:3px solid #fbc904; }
.brand-directory span { padding:0 1rem 1rem; }
.brand-directory a:hover strong { text-decoration:underline; }
.brand-directory a:focus-visible { outline:3px solid #987200; outline-offset:3px; }