@media (hover:hover){html:root body .brands-letters a:hover:not(.on){color:#1b2140;clip-path:none;background:#f7f5f2}}@media (max-width:860px){html:root body .brands-letters{flex-wrap:wrap;justify-content:flex-start;overflow:visible}}html:has(.brands-root){scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html:has(.brands-root){scroll-behavior:auto}}html body .brands-page{padding:0 0 72px}html body .brands-ph{flex-wrap:wrap;align-items:baseline;gap:12px;margin-top:32px;display:flex}html body .brands-ph h1{font:400 28px/1.2 var(--display);letter-spacing:.03em;text-transform:uppercase;color:var(--t-ink);margin:0}html body .brands-n{font:400 16px/1.4 var(--sans);color:var(--t-grey)}html body .brands-search{box-sizing:border-box;width:300px;height:40px;color:var(--t-ink);background:#f7f5f2;border:0;border-radius:20px;align-items:center;gap:10px;padding:0 16px;display:flex}html body .brands-search .icon{width:18px;height:18px;color:var(--t-ink);flex:none}html body .brands-search input{min-width:0;height:100%;font:400 16px/1 var(--sans);color:var(--t-ink);background:0 0;border:0;outline:0;flex:1;padding:0}html body .brands-search input::placeholder{color:var(--t-grey);opacity:1}html body .brands-search:focus-within{box-shadow:0 0 0 2px var(--t-navy)}html body .brands-search.top{display:none}html body .brands-pop{padding-top:24px}html body .brands-az{margin-top:72px}html body .brands-sh{justify-content:flex-start;align-items:flex-end;gap:40px;display:flex}html body .brands-sentinel{height:1px;margin-bottom:-1px}html body .brands-bar{top:var(--hdr,0px);z-index:5;background:#fff;margin-top:20px;padding:12px 0;transition:background .2s;position:sticky}html body .brands-letters{flex-wrap:nowrap;justify-content:space-between;gap:2px;display:flex}html body .brands-letters a,html body .brands-letters span{width:28px;height:36px;font:400 15px/1 var(--display);letter-spacing:0;flex:none;place-items:center;text-decoration:none;display:grid}html body .brands-letters a{color:var(--t-ink)}html body .brands-letters span{color:var(--t-off)}html body .brands-letters a.on{background:var(--t-navy);color:#fff;clip-path:polygon(9px 0,100% 0,100% 100%,0 100%,0 9px)}@media (hover:hover){html body .brands-letters a:hover{background:var(--t-navy);color:#fff;clip-path:polygon(9px 0,100% 0,100% 100%,0 100%,0 9px)}}html body .brands-letters a:focus-visible,html body .brands-names a:focus-visible{outline:2px solid var(--t-navy);outline-offset:2px}html body .brands-groups{columns:4;column-gap:24px;margin-top:28px}html body .brands-group{break-inside:avoid;scroll-margin-top:calc(var(--hdr,0px) + var(--bar,60px) + 8px);padding-bottom:28px}html body .brands-group h3{font:400 22px/1.2 var(--display);color:var(--t-ink);letter-spacing:-.015em;margin:0 0 6px}html body .brands-names{margin:0;padding:0;list-style:none}html body .brands-names a{font:400 16px/1.35 var(--sans);color:var(--t-ink);align-items:baseline;gap:8px;padding:5px 0;text-decoration:none;display:flex}@media (hover:hover){html body .brands-names a:hover{text-decoration:none}html body .brands-names a:hover .n{color:var(--t-navy)}}html body .brands-names .c{color:var(--t-grey);font-size:13px}html body .brands-empty{font:400 16px/1.5 var(--sans);color:var(--t-grey);margin:28px 0 0;padding:0}@media (max-width:720px){html body .brands-page{padding-bottom:56px}html body .brands-ph{margin-top:20px}html body .brands-ph h1{font-size:22px}html body .brands-n{font-size:14px}html body .brands-search{width:auto}html body .brands-search.top{flex-basis:100%;margin-top:4px;display:flex}html body .brands-search.desk{display:none}html body .brands-pop{padding-top:20px}html body .brands-az{margin-top:48px}html body .brands-sh{display:block}html body .brands-bar{margin:20px calc(-1 * var(--gutter)) 0;padding:6px 0}html body .brands-bar.stuck{background:var(--t-navy)}html body .brands-letters{scrollbar-width:none;padding:0 var(--gutter);justify-content:flex-start;overflow-x:auto}html body .brands-letters::-webkit-scrollbar{display:none}html body .brands-letters a,html body .brands-letters span{width:32px}html body .brands-bar.stuck .brands-letters a{color:#fff}html body .brands-bar.stuck .brands-letters span{color:#ffffff61}html body .brands-bar.stuck .brands-letters a.on{color:var(--t-navy);background:#fff}@media (hover:hover){html body .brands-bar.stuck .brands-letters a:hover{color:var(--t-navy);background:#fff}}html body .brands-groups{columns:2;column-gap:12px;margin-top:16px}html body .brands-group{padding-bottom:22px}html body .brands-group h3{font-size:20px}html body .brands-names a{padding:6px 0;font-size:15px}html body .brands-root.searching .brands-pop,html body .brands-root.searching .brands-sh,html body .brands-root.searching .brands-bar{display:none}html body .brands-root.searching .brands-az{margin-top:8px}}html body .brands-letters span{color:#a9adbf;pointer-events:none;cursor:default}