.brands-breadcrumb { display:flex; gap:12px; align-items:center; margin-bottom:42px; color:#737e6c; font-size:11px; }
.brands-breadcrumb a { text-decoration:underline; text-underline-offset:3px; }
.brands-intro { display:grid; grid-template-columns:1.4fr 1fr; align-items:end; gap:60px; margin-bottom:42px; }
.brands-intro h1 { margin:12px 0 18px; font-size:clamp(32px,4.6vw,60px); font-weight:600; letter-spacing:-.055em; line-height:1.1; }
.brands-intro p:not(.eyebrow) { font-size:13px; line-height:1.8; color:#63715c; }
.brand-search { padding:25px; border:1px solid #dce5d3; border-radius:15px; background:#f0f6e8; }
.brand-search label { display:block; margin-bottom:10px; font-size:12px; font-weight:600; }
.brand-search input { width:100%; min-height:48px; padding:12px 15px; border:1px solid #cad7bf; border-radius:8px; background:#fff; color:#20351b; font:inherit; font-size:14px; }
.brand-search input:focus-visible { outline:2px solid #527936; outline-offset:3px; }
.brand-search #brand-directory-count { margin-top:10px; font-size:11px; }
.brand-directory { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:18px; }
.brand-card { min-width:0; padding:24px 20px 18px; border:1px solid #e0e6da; border-radius:13px; background:#fff; color:#1b321f; }
.brand-card:hover { border-color:#91af77; background:#fbfdf8; box-shadow:0 6px 22px #1730120a; }
.brand-card:focus-visible { outline:3px solid #527936; outline-offset:4px; }
.brand-card__visual { height:100px; display:flex; align-items:center; justify-content:center; margin-bottom:18px; }
.brand-card__visual img { width:100%; height:75px; object-fit:contain; }
.brand-card__visual .brand-logo--monochrome { filter:brightness(0); }
.brand-wordmark { font-size:clamp(15px,1.7vw,22px); font-weight:800; text-align:center; letter-spacing:-.04em; overflow-wrap:anywhere; }
.brand-card__name { display:block; font-size:12px; font-weight:600; }
.brand-card__bottom { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:9px; color:#65735d; font-size:11px; }
.brand-card__bottom>span:last-child { display:grid; place-items:center; width:25px; height:25px; border-radius:50%; background:#eef5e5; color:#355626; font-size:15px; }
.brand-directory .empty-state { grid-column:1/-1; }
@media(max-width:1000px) { .brand-directory { grid-template-columns:repeat(4,minmax(0,1fr)); } .brands-intro { gap:30px; } }
@media(max-width:760px) { .brands-intro { grid-template-columns:1fr; gap:24px; margin-bottom:28px; } .brands-breadcrumb { margin-bottom:28px; } .brand-directory { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .brand-card { padding:18px 14px; } .brand-card__visual { height:80px; } .brand-search { padding:20px; } .brand-search input { font-size:16px; } }