.brands-shell{padding-block:var(--s-6) var(--s-12)}.brands-page__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s-3);margin-bottom:var(--s-6)}.brands-page__title{margin:0;font-size:var(--fs-2xl);font-weight:800;letter-spacing:-.01em}.brands-page__count{margin:0;padding:4px 10px;border-radius:999px;background:var(--surface-3);color:var(--ink-3);font-size:var(--fs-xs);font-weight:700}.brands-page__intro{max-width:70ch;margin-bottom:var(--s-6);color:var(--ink-2)}.brands-index__search{position:relative;max-width:420px;margin-bottom:var(--s-4)}.brands-index__search-icon{position:absolute;inset-inline-start:14px;inset-block-start:50%;translate:0 -50%;display:flex;color:var(--ink-4);pointer-events:none}.brands-index__input{width:100%;box-sizing:border-box;padding:12px 44px 12px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);font:inherit;font-size:var(--fs-base);transition:border-color .18s ease,box-shadow .18s ease}.brands-index__input::placeholder{color:var(--ink-4)}.brands-index__input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px #7c3aed1f}.brands-index__input::-webkit-search-cancel-button{margin-inline-start:6px}.brands-index__status{min-height:1.2em;margin:0 0 var(--s-4);color:var(--ink-3);font-size:var(--fs-sm)}.brands-index__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--s-4);margin:0;padding:0;list-style:none}.brands-index__item{min-width:0}.brand-card{display:flex;flex-direction:column;align-items:center;gap:10px;height:100%;box-sizing:border-box;padding:var(--s-4) var(--s-3);border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);text-align:center;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.brand-card:hover,.brand-card:focus-visible{border-color:#ded5f5;box-shadow:var(--shadow-md);transform:translateY(-2px)}.brand-card:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.brand-card__frame{display:grid;place-items:center;width:100%;aspect-ratio:3 / 2;border-radius:12px;background:#fff;overflow:hidden}.brand-card__frame img,.brand-card__logo{max-width:82%;max-height:82%;width:auto;height:auto;object-fit:contain}.brand-card__initial{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:linear-gradient(140deg,#f3edff,#e9e0fb);color:var(--brand-deep);font-size:var(--fs-lg);font-weight:800;line-height:1}.brand-card__name{color:var(--ink);font-size:var(--fs-sm);font-weight:700;line-height:1.5}.brand-card__count{color:var(--ink-3);font-size:var(--fs-xs);font-weight:600}.brands-index__empty,.brands-empty{margin:var(--s-8) 0;color:var(--ink-3);text-align:center}.archive-head__row.has-brand{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3)}.archive-head__brand-logo{display:grid;place-items:center;width:60px;height:60px;flex:0 0 auto;padding:6px;box-sizing:border-box;border:1px solid var(--line);border-radius:14px;background:#fff}.archive-head__brand-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}@media (max-width: 600px){.brands-index__grid{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:var(--s-3)}.brand-card{padding:var(--s-3) 10px;border-radius:14px}.archive-head__brand-logo{width:48px;height:48px;border-radius:12px}}@media (prefers-reduced-motion: reduce){.brand-card{transition:none}.brand-card:hover,.brand-card:focus-visible{transform:none}}.brand-card{border-color:var(--line);background:#fff;box-shadow:none}.brand-card__count{color:var(--ink-3)}.brands-index__input{border-color:var(--line);background:var(--surface-2)}.brands-index__input:focus{border-color:#b89bdc;background:#fff;box-shadow:0 0 0 3px var(--brand-soft)}