@layer pages{.sa-brands{margin-inline:auto;padding-bottom:64px;width:min(1280px,calc(100% - var(--saenea-gutter)*2))}.brand-directory-breadcrumb{color:var(--saenea-muted);display:flex;flex-wrap:wrap;font-size:.875rem;gap:12px;padding-block:24px}.sa-brands__intro{margin:24px auto 40px;max-width:760px;text-align:center}.sa-brands__intro h1{font:400 clamp(3rem,5vw,4.5rem)/1.1 var(--saenea-serif);margin-block:12px 20px}.sa-brands__intro>p:last-child{color:var(--saenea-muted)}.brand-directory-search{align-items:end;background:var(--saenea-paper);border:1px solid var(--saenea-line);border-radius:var(--saenea-radius);display:flex;gap:16px;padding:24px}.brand-directory-search>div{display:grid;gap:8px;min-width:0}.brand-directory-search__query{flex:1}.brand-directory-search label{font-size:.875rem}.brand-directory-search input,.brand-directory-search select{min-height:48px;width:100%}.brand-directory-reset{align-items:center;color:var(--saenea-muted);display:inline-flex;font-size:.875rem;min-height:48px;white-space:nowrap}.brand-alphabet{align-items:center;display:flex;flex-wrap:wrap;gap:4px;justify-content:center;padding-block:28px 12px}.brand-alphabet>a,.brand-alphabet>span{align-items:center;display:inline-flex;justify-content:center;min-height:44px;min-width:36px;text-decoration:none}.brand-alphabet>span{color:var(--saenea-muted);opacity:.65}.brand-alphabet a:hover,.brand-alphabet a[aria-current]{color:var(--saenea-berry);text-decoration:underline;text-underline-offset:8px}.brand-alphabet a[aria-current]{font-weight:600;text-decoration-thickness:2px}.brand-alphabet__all{padding-inline:12px}.brand-directory-count{color:var(--saenea-muted);font-size:.875rem;margin-block:8px 20px}.brand-letter-group{align-items:start;border-top:1px solid var(--saenea-line);display:grid;gap:24px;grid-template-columns:100px minmax(0,1fr);padding-block:24px}.brand-letter-group h2{font:500 2.75rem/1.1 var(--saenea-sans);margin:0}.brand-letter-group ul{display:grid;gap:4px 40px;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0}.brand-letter-group li{min-width:0}.sa-brands__link{align-items:center;color:var(--saenea-prune);display:flex;gap:12px;min-height:44px;text-decoration:none}.sa-brands__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sa-brands__link>span:last-child{color:var(--saenea-berry)}.sa-brands__link:hover .sa-brands__name{text-decoration:underline;text-underline-offset:4px}.sa-brands__invitation{align-items:center;border-top:1px solid var(--saenea-line);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:32px;padding-top:24px}.sa-brands [hidden]{display:none}@media (max-width:900px){.brand-directory-search{flex-wrap:wrap}.brand-directory-search__query{flex-basis:100%}.brand-letter-group ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.brand-directory-search{padding:16px}.brand-directory-search>div{flex-basis:100%}.brand-alphabet>a,.brand-alphabet>span{min-width:44px}.brand-letter-group{gap:16px;grid-template-columns:36px minmax(0,1fr)}.brand-letter-group h2{font-size:2rem}.brand-letter-group ul{grid-template-columns:minmax(0,1fr)}}}