.home-brand-directory{padding:0 24px 84px}
.home-brand-directory>h2{font-size:clamp(32px,4vw,50px);letter-spacing:-.035em;line-height:1.05;margin:0 0 38px}
.home-brand-grid>a{min-width:0;min-height:132px;padding:14px 8px;display:grid;grid-template-rows:42px 18px 14px;align-content:center;justify-items:center;gap:4px}
.home-brand-logo{grid-row:1;display:block;width:78px;height:36px;max-width:88%;object-fit:contain}
.home-brand-all{grid-row:1;display:grid;place-items:center;width:42px;height:36px;border:1px solid #9aaba4;border-radius:50%;color:#153a30;font-size:10px;font-weight:900;letter-spacing:.06em}
.home-brand-name{grid-row:2;display:block;width:100%;overflow:hidden;color:var(--ink);font-size:11px;font-weight:750;line-height:18px;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.home-brand-count{grid-row:3;display:block;color:#8b999f;font-size:10px;font-weight:600;font-variant-numeric:tabular-nums;line-height:14px;text-align:center}
@media(max-width:620px){.home-brand-directory{padding:0 18px 62px}.home-brand-directory>h2{margin-bottom:28px}.home-brand-grid>a{min-height:112px;padding:10px 6px;grid-template-rows:38px 17px 13px;gap:3px}.home-brand-logo{width:72px;height:32px}.home-brand-name{font-size:10px;line-height:17px}.home-brand-count{font-size:9px;line-height:13px}}