.brand-directory{--bd-accent:#111;--bd-line:rgba(18,18,18,.14);--bd-muted:rgba(18,18,18,.62);padding:clamp(2.4rem,5vw,6rem) 0}
.brand-directory__inner{max-width:120rem;margin:0 auto;padding:0 2rem}
.brand-directory__heading{text-align:center;margin:0 0 3rem}
.brand-directory__title{margin:0;font-size:clamp(2.4rem,3.2vw,4rem);line-height:1.15}
.brand-directory__subtitle{margin:1rem auto 0;max-width:62rem;color:var(--bd-muted)}
.brand-directory__search-wrap{max-width:58rem;margin:0 auto 2.4rem;position:relative}
.brand-directory__search-icon{position:absolute;left:.2rem;top:50%;transform:translateY(-50%);width:1.8rem;height:1.8rem;opacity:.58;pointer-events:none}
.brand-directory__search{width:100%;border:0;border-bottom:1px solid var(--bd-line);background:transparent;padding:1.2rem .5rem 1.2rem 3rem;font:inherit;color:inherit;outline:0}
.brand-directory__search:focus{border-bottom-color:var(--bd-accent)}
.brand-directory__alphabet{display:flex;align-items:center;gap:.2rem;overflow-x:auto;scrollbar-width:none;border-top:1px solid var(--bd-line);border-bottom:1px solid var(--bd-line);padding:.75rem 0;margin-bottom:2.6rem;white-space:nowrap}
.brand-directory__alphabet::-webkit-scrollbar{display:none}
.brand-directory__letter-button{appearance:none;border:0;background:transparent;color:inherit;font:inherit;min-width:3.2rem;height:3.2rem;border-radius:999px;cursor:pointer;padding:0 .9rem;transition:background .2s,color .2s,opacity .2s}
.brand-directory__letter-button:hover,.brand-directory__letter-button.is-active{background:var(--bd-accent);color:#fff}
.brand-directory__letter-button[disabled]{opacity:.23;cursor:default}
.brand-directory__letter-button[disabled]:hover{background:transparent;color:inherit}
.brand-directory__groups{display:block}
.brand-directory__group{scroll-margin-top:10rem;margin:0 0 2.4rem}
.brand-directory__group[hidden]{display:none}
.brand-directory__group-title{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;font-size:3rem;line-height:1;color:var(--bd-accent);margin:0;padding:0 0 1rem;border-bottom:1px solid var(--bd-line)}
.brand-directory__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:4rem;row-gap:0;margin-top:.5rem}
.brand-directory__brand{display:block;padding:1.25rem 0;text-decoration:none;color:inherit;line-height:1.35;transition:opacity .2s,transform .2s}
.brand-directory__brand:hover{opacity:.62;transform:translateX(.2rem)}
.brand-directory__empty{display:none;text-align:center;color:var(--bd-muted);padding:4rem 0}
.brand-directory__empty.is-visible{display:block}
.brand-directory__fallback{display:none}
@media(max-width:989px){.brand-directory__grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:2.5rem}}
@media(max-width:749px){.brand-directory{padding:3rem 0}.brand-directory__inner{padding:0 1.6rem}.brand-directory__heading{margin-bottom:2.2rem}.brand-directory__alphabet{margin-left:-1.6rem;margin-right:-1.6rem;padding-left:1.6rem;padding-right:1.6rem}.brand-directory__grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem}.brand-directory__group-title{font-size:2.6rem}.brand-directory__brand{padding:1rem 0;font-size:1.35rem}}