.brand-directory{--brand-red:#ad1029;--brand-ink:#24252a;--brand-muted:#6c6e76;max-width:1440px;margin:0 auto;padding:24px 4% 72px;color:var(--brand-ink)}
.brand-directory *{box-sizing:border-box}.brand-directory [hidden]{display:none!important}.brand-directory a{color:inherit;text-decoration:none}.brand-directory button{font:inherit}
.brand-directory .brand-hero{display:block;padding:34px 48px;background:#f8f6f3;border:1px solid #eee9e2;border-radius:18px;position:relative;overflow:hidden}
.brand-directory .brand-hero:before{content:"";position:absolute;left:0;top:34px;bottom:34px;width:4px;background:var(--brand-red)}
.brand-directory .brand-eyebrow{margin:0 0 12px;font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--brand-red)}
.brand-directory .brand-hero h1{margin:0 0 18px;font-size:clamp(32px,3.4vw,49px);line-height:1.12;letter-spacing:-1.6px;font-weight:750;color:var(--brand-ink)}.brand-directory .brand-hero h1 span{color:var(--brand-red)}
.brand-directory .brand-hero-copy>p:not(.brand-eyebrow){max-width:420px;margin:0 0 22px;color:var(--brand-muted);font-size:14px;line-height:1.8}
.brand-directory .brand-browse-link{font-size:12px;font-weight:700;display:inline-flex;gap:20px;align-items:center;border-bottom:1px solid #c4b7b8;padding-bottom:5px}
.brand-directory .brand-featured{margin-top:42px}.brand-directory .brand-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.brand-directory .brand-section-heading h2{margin:0;font-size:25px;line-height:1.2;letter-spacing:-.6px;font-weight:700}.brand-directory .brand-section-heading .brand-eyebrow{margin-bottom:8px}.brand-directory .brand-section-heading>a{font-size:12px;white-space:nowrap;color:var(--brand-red);font-weight:600}.brand-directory .brand-section-heading>a span{margin-left:12px}
.brand-directory .brand-featured-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.brand-directory .brand-featured-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px solid #e6e6e9;border-radius:10px;padding:20px 12px 16px;min-height:124px;position:relative;background:#fff;transition:border-color .15s,box-shadow .15s}.brand-directory .brand-featured-card>span:nth-child(2){font-size:11px;font-weight:600;text-align:center;line-height:1.5}
.brand-directory .brand-featured-logo{position:relative;display:flex;align-items:center;justify-content:center;height:48px;width:100%}.brand-directory .brand-featured-logo img{position:absolute;max-width:100%;max-height:48px;object-fit:contain;background:#fff}.brand-directory .brand-logo-fallback{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#f6f1f1;color:#a52338;border-radius:9px;font-size:23px;font-weight:600;flex-shrink:0}.brand-directory .has-brand-logo .brand-logo-fallback{visibility:hidden}
.brand-directory .brand-card-arrow{font-size:17px;color:#bab9be}.brand-directory .brand-featured-card>.brand-card-arrow{position:absolute;top:7px;right:10px;font-size:14px}
.brand-directory .brand-catalog-section{margin-top:46px;padding-top:36px;border-top:1px solid #e9e9ed;scroll-margin-top:24px}.brand-directory .brand-result-count{margin:0;font-size:12px;color:var(--brand-muted);white-space:nowrap}
.brand-directory .brand-alphabet{display:flex;flex-wrap:wrap;gap:5px;padding:14px;background:#f7f7f8;border:1px solid #ececef;border-radius:9px;margin-bottom:22px}.brand-directory .brand-alphabet button{display:flex;align-items:center;justify-content:center;flex:1 0 29px;min-height:36px;border:0;border-radius:5px;background:transparent;font-size:12px;font-weight:600;color:#565861;cursor:pointer;padding:5px}.brand-directory .brand-alphabet button:first-child{flex-basis:42px}.brand-directory .brand-alphabet button[aria-pressed=true]{color:#fff;background:var(--brand-red)}.brand-directory .brand-alphabet button:disabled{opacity:.3;cursor:default}.brand-directory .brand-alphabet button:not(:disabled):not([aria-pressed=true]):hover{background:#e8e8eb}
.brand-directory .brand-active-filter{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px;padding:12px 16px;border:1px solid #ebdce0;background:#fff8f9;border-radius:7px;font-size:12px;overflow-wrap:anywhere}.brand-directory .brand-active-filter button{border:0;background:none;color:var(--brand-red);font-weight:600;cursor:pointer;flex-shrink:0;padding:4px}.brand-directory .brand-active-filter button span{margin-left:8px}
.brand-directory .brand-catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.brand-directory .brand-directory-card{min-width:0;display:flex;align-items:center;gap:14px;border:1px solid #e7e7eb;border-radius:9px;padding:18px 16px;min-height:90px;background:#fff;transition:border-color .15s,box-shadow .15s}.brand-directory .brand-directory-logo{display:flex;align-items:center;justify-content:center;position:relative;flex:0 0 48px;width:48px;height:48px}.brand-directory .brand-directory-logo img{position:absolute;max-width:48px;max-height:44px;object-fit:contain;background:#fff}.brand-directory .brand-directory-name{font-size:12px;line-height:1.5;font-weight:600;overflow-wrap:anywhere}.brand-directory .brand-directory-card>.brand-card-arrow{margin-left:auto;flex-shrink:0}
.brand-directory .brand-featured-card:hover,.brand-directory .brand-directory-card:hover{border-color:#c07180;box-shadow:0 5px 15px #2c17240a}.brand-directory .brand-featured-card:hover .brand-card-arrow,.brand-directory .brand-directory-card:hover .brand-card-arrow{color:var(--brand-red)}.brand-directory a:focus-visible,.brand-directory button:focus-visible{outline:3px solid #ad10294d;outline-offset:3px}
.brand-directory .brand-empty{text-align:center;padding:50px 20px;border:1px dashed #ddd7da;border-radius:10px;background:#faf9f9}.brand-directory .brand-empty-icon{display:inline-flex;justify-content:center;align-items:center;width:44px;height:44px;background:#f2e7e9;border-radius:50%;color:var(--brand-red);font-size:24px}.brand-directory .brand-empty h3{font-size:21px;margin:16px 0 10px}.brand-directory .brand-empty p{font-size:13px;line-height:1.7;color:var(--brand-muted)}.brand-directory .brand-empty button{background:var(--brand-red);color:#fff;border:0;border-radius:6px;padding:12px 20px;margin-top:12px;font-size:12px;cursor:pointer}
@media(min-width:1500px){.brand-directory .brand-catalog{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1100px){.brand-directory .brand-hero{padding:34px}.brand-directory .brand-featured-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.brand-directory .brand-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){
 .brand-directory{padding:18px 16px 44px}.brand-directory .brand-hero{padding:28px 22px;border-radius:12px}.brand-directory .brand-hero h1{font-size:36px;letter-spacing:-1.1px}.brand-directory .brand-hero-copy>p:not(.brand-eyebrow){font-size:12px;line-height:1.75;margin-bottom:16px}
 .brand-directory .brand-featured{margin-top:30px}.brand-directory .brand-section-heading h2{font-size:22px}.brand-directory .brand-section-heading{gap:12px;margin-bottom:18px}.brand-directory .brand-section-heading>a{font-size:10px}.brand-directory .brand-section-heading>a span{margin-left:4px}
 .brand-directory .brand-featured-grid{display:flex;overflow-x:auto;gap:10px;padding:2px 1px 12px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#b42c42 #f0f0f2}.brand-directory .brand-featured-card{flex:0 0 135px;scroll-snap-align:start;min-height:124px}
 .brand-directory .brand-catalog-section{margin-top:26px;padding-top:28px}.brand-directory .brand-result-count{font-size:10px}.brand-directory .brand-alphabet{padding:9px;gap:4px}.brand-directory .brand-alphabet button{flex:0 0 calc((100% - 24px)/7);min-height:38px}.brand-directory .brand-alphabet button:first-child{flex-basis:calc((100% - 24px)/7)}
 .brand-directory .brand-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.brand-directory .brand-directory-card{position:relative;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:16px 12px;gap:12px;min-height:126px}.brand-directory .brand-directory-card>.brand-card-arrow{position:absolute;right:10px;top:12px}.brand-directory .brand-directory-name{font-size:11px;line-height:1.6}
 .brand-directory .brand-active-filter{padding:10px;font-size:11px;align-items:flex-start}.brand-directory .brand-active-filter button{font-size:10px}.brand-directory .brand-eyebrow{font-size:9px;letter-spacing:1.4px}
}
.brand-directory .brand-directory-card{position:relative;flex-direction:column;justify-content:center;gap:16px;padding:22px 20px 18px;min-height:158px;text-align:center}
.brand-directory .brand-directory-logo{flex:0 0 80px;width:100%;height:80px}
.brand-directory .brand-directory-logo img{width:100%;height:80px;max-width:240px;max-height:80px;object-fit:contain}
.brand-directory .brand-directory-name{font-size:13px}
.brand-directory .brand-directory-card>.brand-card-arrow{position:absolute;top:12px;right:12px;margin:0}
@media(max-width:767px){.brand-directory .brand-hero h1{font-size:30px}.brand-directory .brand-directory-card{align-items:center;padding:20px 12px 16px;min-height:142px;gap:12px}.brand-directory .brand-directory-logo{flex-basis:64px;height:64px}.brand-directory .brand-directory-logo img{height:64px;max-height:64px}.brand-directory .brand-directory-name{font-size:11px}}
@media(prefers-reduced-motion:reduce){.brand-directory a{transition:none}}