.brands-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;margin:24px 0 0;padding:0;list-style:none;display:grid}.brand-tile{text-align:center;background:#fff;border:1px solid #e7e9ed;border-radius:14px;flex-direction:column;align-items:center;gap:6px;height:100%;padding:22px 14px 18px;transition:border-color .15s,box-shadow .15s;display:flex}.brand-tile:hover,.brand-tile:focus-visible{border-color:#ff5a36;box-shadow:0 6px 18px #17203314}.brand-tile-logo{justify-content:center;align-items:center;width:96px;height:96px;margin-bottom:6px;display:flex}.brand-tile-logo img{object-fit:contain;max-width:100%;max-height:100%}.brand-wordmark{box-sizing:border-box;background:linear-gradient(180deg, var(--wm-top) 0%, var(--wm-bottom) 58%);color:#fff;text-align:center;border-radius:22%;flex-direction:column;justify-content:center;align-items:center;gap:5%;width:100%;height:100%;padding:6%;display:flex;container-type:inline-size}.brand-wordmark-name{max-width:100%;font-size:calc(var(--wm-size) * 1cqw);letter-spacing:-.01em;overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-weight:800;line-height:1.1;display:-webkit-box;overflow:hidden}.brand-wordmark:after{content:"";background:#f5a742;border-radius:999px;width:22%;height:3.5%;min-height:2px}.brand-tile-name{color:#172033;overflow-wrap:anywhere;font-size:15px;font-weight:650}.brand-tile-count{color:#7b8290;font-size:12px}.brands-note{text-align:center;background:#fff;border:1px solid #e7e9ed;border-radius:14px;margin:28px 0 0;padding:28px}@media (max-width:620px){.brands-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.brand-tile{padding:18px 10px 14px}}.brand-banner{aspect-ratio:4;background:#172033;border-radius:16px;margin-top:14px;overflow:hidden;container-type:inline-size}.brand-banner-art{color:#fff;background:linear-gradient(120deg, var(--wm-top) 0%, var(--wm-bottom) 70%);flex-direction:column;justify-content:center;width:100%;height:100%;padding:0 7%;display:flex;position:relative;overflow:hidden}.brand-banner-art:before,.brand-banner-art:after{content:"";border-radius:50%;position:absolute}.brand-banner-art:before{background:radial-gradient(circle,#f5a74266,#f5a74200 68%);width:46cqw;height:46cqw;top:-45%;right:-6%}.brand-banner-art:after{border:1.2cqw solid #ffffff12;width:30cqw;height:30cqw;bottom:-62%;right:9%}.brand-banner-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:#f5a742;font-size:1.5cqw;font-weight:700}.brand-banner-name{max-width:62%;font-size:calc(var(--bb-size) * 1cqw);letter-spacing:-.02em;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:1.2cqw;font-weight:800;line-height:1.04;display:-webkit-box;overflow:hidden}.brand-banner-line{background:#f5a742;border-radius:999px;width:6cqw;height:.5cqw;min-height:3px;margin-top:1.6cqw}.brand-banner-sub{color:#ffffffc7;max-width:62%;margin-top:1.6cqw;font-size:1.9cqw;font-weight:500}.brand-banner img{object-fit:cover;width:100%;height:100%;display:block}.brand-head{align-items:center;gap:18px;margin-top:22px;display:flex}.brand-head h1{margin:0;font-size:30px;line-height:1.15}.brand-head-count{color:#7b8290;margin:4px 0 0;font-size:13px}.brand-head-logo{background:#fff;border:1px solid #e7e9ed;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:88px;height:88px;display:flex;overflow:hidden}.brand-head-logo:has(.brand-wordmark){background:0 0;border:0}.brand-head-logo img{object-fit:contain;max-width:100%;max-height:100%}.brand-about{color:#3d495c;white-space:pre-line;max-width:760px;margin:16px 0 0;font-size:15px;line-height:1.7}.brand-products{margin-top:34px}.brand-products h2{margin:0 0 16px;font-size:22px}.brand-more{text-align:center;margin:22px 0 0;font-weight:650}.brand-more a{color:#e94e2d}@media (max-width:620px){.brand-banner{aspect-ratio:2.4;border-radius:12px}.brand-banner-name{max-width:78%;font-size:min(calc(var(--bb-size) * 1.45cqw), 13cqw);margin-top:2cqw}.brand-banner-eyebrow{font-size:3cqw}.brand-banner-sub{max-width:80%;margin-top:2.6cqw;font-size:3.6cqw}.brand-banner-line{width:11cqw;height:1cqw;margin-top:2.6cqw}.brand-head{gap:12px}.brand-head h1{font-size:24px}.brand-head-logo{border-radius:12px;width:64px;height:64px}}
