.brands-section{background:#fff;padding:110px max(24px,calc((100vw - var(--max))/2))}.brands-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end;margin-bottom:48px}.brands-heading h2{font-size:clamp(2.5rem,4.5vw,4.3rem);line-height:1.05;letter-spacing:-.055em;margin-bottom:0;max-width:720px}.brands-heading>p{color:var(--muted);margin:0 0 5px;max-width:500px}.brand-directory{border-top:1px solid var(--line)}.supplier-card{display:grid;grid-template-columns:55px 1fr auto;align-items:center;gap:30px;min-height:122px;border-bottom:1px solid var(--line);position:relative;transition:.25s ease}.supplier-card:before{content:"";position:absolute;inset:0;background:var(--rust);transform:scaleY(0);transform-origin:bottom;transition:.25s ease}.supplier-card>*{position:relative;z-index:1}.supplier-card:hover{color:#fff;padding-left:22px;padding-right:22px}.supplier-card:hover:before{transform:scaleY(1)}.supplier-index{font:700 .69rem "Manrope",sans-serif;color:var(--rust);letter-spacing:.12em}.supplier-card:hover .supplier-index{color:#fff}.supplier-card h3{font-size:1.55rem;letter-spacing:-.035em;margin:0 0 3px}.supplier-card p{color:var(--muted);font-size:.88rem;margin:0}.supplier-card:hover p{color:rgba(255,255,255,.72)}.browse-label{font-weight:700;font-size:.82rem}.browse-label b{font-size:1rem;color:var(--rust);margin-left:12px}.supplier-card:hover .browse-label b{color:#fff}.brand-callout{margin-top:34px;background:var(--ink);color:#fff;padding:25px 28px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand-callout p{margin:0;color:rgba(255,255,255,.55)}.brand-callout a{font-weight:700}.brand-callout span{color:var(--rust);font-size:1.1rem;margin-left:12px}@media(max-width:900px){.brands-heading{grid-template-columns:1fr;gap:28px}}@media(max-width:620px){.brands-section{padding:80px 20px}.brands-heading{display:block}.brands-heading h2{margin-bottom:22px}.supplier-card{grid-template-columns:34px 1fr;gap:12px;padding:23px 0}.supplier-card:hover{padding-left:12px;padding-right:12px}.browse-label{grid-column:2}.brand-callout{align-items:flex-start;flex-direction:column}}