.brands-directory{padding-block:32px 80px}.brands-directory h1{letter-spacing:-.04em;margin:30px 0 18px;font-family:Iowan Old Style,Georgia,serif;font-size:clamp(40px,5vw,64px);font-weight:500;line-height:1.1}.brands-directory>p{max-width:560px;color:var(--brand-muted);font-size:17px;line-height:1.6}.brands-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:40px 0 0;padding:0;list-style:none;display:grid}.brands-grid a{border:1px solid var(--brand-border);background:var(--brand-surface);min-height:110px;color:var(--brand-ink);border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:24px;font-size:21px;font-weight:600;text-decoration:none;display:flex}.brands-grid a svg{color:var(--brand);flex-shrink:0}.brands-grid a:hover{background:var(--brand-soft);border-color:var(--brand)}.brands-grid a:focus-visible{outline:2px solid var(--brand);outline-offset:4px}@media (max-width:1000px){.brands-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){.brands-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px}.brands-grid a{min-height:96px;padding:18px;font-size:18px}}@media (max-width:360px){.brands-grid{grid-template-columns:1fr}}