.brand-directory-page {max-width: 1500px;padding-top: 24px;padding-bottom: 70px}.brand-directory-breadcrumb {display: flex;align-items: center;gap: 12px;color: #7e7b78;font-size: 12px;margin-bottom: 26px}.brand-directory-breadcrumb a:hover {color: #765548}.brand-directory-heading {margin-bottom: 32px}.brand-directory-heading>p {font-size: 10px;letter-spacing: .18em;color: #9a7a65;margin-bottom: 10px}.brand-directory-heading h1 {font-size: 38px;line-height: 1.2;font-weight: 550;letter-spacing: -.035em;margin: 0 0 12px}.brand-directory-heading>div {font-size: 14px;line-height: 1.7;color: #707078;max-width: 690px}.brand-directory-featured {padding: 25px 28px 28px;border-radius: 12px;background: #f1f2f5;margin-bottom: 38px}.brand-directory-featured h2 {font-size: 17px;font-weight: 500;margin: 0 0 20px}.brand-directory-logo-grid {display: grid;grid-template-columns: repeat(6,minmax(0,1fr));gap: 16px;margin: 0;padding: 0;list-style: none}.brand-directory-logo-grid>li {min-width: 0}.brand-directory-logo-link {display: flex;align-items: center;justify-content: center;height: 78px;padding: 16px;background: white;border-radius: 20px 2px 20px 2px;border: 1px solid transparent;transition: border-color .15s}.brand-directory-logo-link:hover {border-color: #c9b5a4}.brand-directory-logo {display: block;max-width: 100%;width: 160px;height: 48px;overflow: hidden}.brand-directory-controls {position: sticky;top: 0;z-index: 3;background: #fff;padding: 16px 0 12px;border-bottom: 1px solid #e8e5e1}.brand-directory-toolbar {display: flex;align-items: center;justify-content: space-between;gap: 24px;margin-bottom: 18px}.brand-directory-toolbar h2 {font-size: 26px;line-height: 1.3;font-weight: 500;letter-spacing: -.02em}.brand-directory-search {display: flex;align-items: center;gap: 10px;background: #faf9f7;border: 1px solid #e5dfd8;border-radius: 7px;padding: 0 14px;width: 320px;height: 46px;max-width: 100%}.brand-directory-search .icon {width: 18px;height: 18px;color: #88796c}.brand-directory-search input {width: 100%;height: 44px;border: 0;outline: 0;background: none;font: 14px 'BOSUYA Inter',Arial,sans-serif;min-width: 0}.brand-directory-search:focus-within {border-width: 2px;border-color: #333;padding-inline: 13px}.brand-directory-alphabet {display: flex;align-items: center;gap: 5px;flex-wrap: wrap}.brand-directory-alphabet a,.brand-directory-alphabet>span {display: flex;align-items: center;justify-content: center;min-width: 34px;height: 36px;padding: 5px;color: #60584f;border-radius: 5px;font-size: 13px}.brand-directory-alphabet a:first-child {padding-inline: 15px}.brand-directory-alphabet a:hover {color: #765548;background: #f7f1e8}.brand-directory-alphabet a[aria-current=true] {background: #765548;color: #fff}.brand-directory-alphabet>span {color: #c7c1ba}.brand-directory-count {font-size: 12px;color: #8a8076;margin: 17px 0 5px}.brand-directory-group {display: grid;grid-template-columns: 64px minmax(0,1fr);gap: 24px;border-bottom: 1px solid #ebe6df;padding: 22px 0;scroll-margin-top: var(--brand-directory-offset,160px)}.brand-directory-group h2 {font-size: 25px;line-height: 44px;font-weight: 500;color: #765548;margin: 0}.brand-directory-group ul {display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 2px 26px;list-style: none;margin: 0;padding: 0}.brand-directory-item {min-width: 0}.brand-directory-item a {display: block;line-height: 44px;min-height: 44px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 13px;color: #414b59}.brand-directory-item a:hover {color: #9a6549}.brand-directory-empty {padding: 35px 0;color: #777078;font-size: 14px}.brand-directory-page [hidden] {display: none!important}.brand-directory-page a:focus-visible {outline: 2px solid #765548;outline-offset: 3px}.brand-directory-page .brand-directory-logo-link:focus-visible {outline-offset: 4px}@media(max-width:1100px) {.brand-directory-logo-grid {grid-template-columns: repeat(3,minmax(0,1fr))}.brand-directory-group ul {grid-template-columns: repeat(3,minmax(0,1fr))}.brand-directory-alphabet {gap: 3px}.brand-directory-alphabet a,.brand-directory-alphabet>span {min-width: 31px}}@media(max-width:650px) {.brand-directory-page {padding-top: 20px;padding-bottom: 45px}.brand-directory-heading h1 {font-size: 31px}.brand-directory-heading>div {font-size: 13px}.brand-directory-heading {margin-bottom: 24px}.brand-directory-featured {padding: 18px 14px 20px;margin-bottom: 22px}.brand-directory-featured h2 {font-size: 16px;margin-bottom: 15px}.brand-directory-logo-grid {grid-template-columns: repeat(2,minmax(0,1fr));gap: 10px}.brand-directory-logo-link {height: 65px;padding: 10px 12px;border-radius: 16px 2px 16px 2px}.brand-directory-logo {height: 40px}.brand-directory-toolbar {align-items: stretch;flex-direction: column;gap: 14px;margin-bottom: 14px}.brand-directory-toolbar h2 {font-size: 24px}.brand-directory-search {width: 100%}.brand-directory-search input {font-size: 16px}.brand-directory-controls {padding: 14px 0 10px}.brand-directory-alphabet {gap: 3px}.brand-directory-alphabet a,.brand-directory-alphabet>span {min-width: 31px;height: 36px}.brand-directory-group {grid-template-columns: 34px minmax(0,1fr);gap: 14px;padding: 18px 0;scroll-margin-top: var(--brand-directory-offset,280px)}.brand-directory-group h2 {font-size: 22px}.brand-directory-group ul {grid-template-columns: repeat(2,minmax(0,1fr));gap: 3px 14px}.brand-directory-item a {font-size: 12px;line-height: 42px}.brand-directory-breadcrumb {margin-bottom: 20px}}@media(prefers-reduced-motion:reduce) {.brand-directory-logo-link {transition: none}}