.brands-page{padding-top:32px;padding-bottom:55px}.brands-heading{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:70px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:35px;margin-bottom:28px}.brands-heading h1{font-size:52px;line-height:1.05;letter-spacing:-2px;margin:0 0 20px}.brands-heading .intro{font-size:16px;max-width:650px;margin-bottom:19px}.brands-summary{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:12px;font-weight:600;color:var(--muted)}.brands-summary>span:before{content:'✓';color:var(--blue);margin-right:8px}.brand-search-panel{background:var(--pale);padding:28px;border:1px solid #d4e1fb;border-radius:6px}.brand-search-panel>label{display:block;font-size:17px;font-weight:650;margin-bottom:15px}.brand-search-field{display:flex;align-items:center;gap:12px;background:white;border:1px solid #b4c5e1;border-radius:4px;min-height:52px;padding-left:15px}.brand-search-field svg{width:19px;height:19px;stroke:var(--ink);fill:none;stroke-width:1.6;flex-shrink:0}.brand-search-field input{width:100%;min-width:0;flex:1;padding:14px 10px 14px 0;border:0;background:transparent;font-size:14px;color:var(--ink);border-radius:4px}.brand-search-field input::-webkit-search-cancel-button{-webkit-appearance:none}.brand-search-field button{background:none;border:0;font-size:24px;min-width:44px;min-height:48px}.brand-search-panel>p{font-size:12px;margin:13px 0 0;color:var(--muted);line-height:1.6}.brands-page .brand-directory{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:0 0 30px}.brands-page .brand-tile{padding:0;gap:0;min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:#fff;transition:border-color .15s,box-shadow .15s}.brands-page .brand-tile:hover{border-color:#7e9edb;background:#fff;box-shadow:0 5px 18px #153d7510}.brand-visual{height:166px;padding:25px 24px;display:flex;align-items:center;justify-content:center;min-width:0;background:#fff}.brand-mark{position:relative;overflow:hidden;flex-shrink:0;width:min(100%,calc(100px * var(--mark-ratio)));max-width:240px;aspect-ratio:var(--mark-ratio);background:#fff}.brands-page .brand-mark .brand-logo{position:absolute;display:block;width:var(--mark-width);max-width:none;height:auto;left:var(--mark-left);top:var(--mark-top);margin:0;object-fit:initial;background:transparent}.brands-page .brand-wordmark{font-size:27px;font-weight:700;letter-spacing:-.8px;line-height:1.25;color:#182b49;text-align:center;overflow-wrap:anywhere}.brand-tile-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-top:1px solid #e8eef7;background:#f7faff;min-height:93px}.brand-tile-footer h2{font-size:16px;letter-spacing:-.2px;line-height:1.4;margin:0 0 7px;overflow-wrap:anywhere}.brand-tile-footer>div>span{font-size:12px;color:var(--muted)}.brand-tile-footer .brand-tile-arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border:1px solid #d2dff4;border-radius:50%;background:#fff;color:var(--blue);font-size:20px}.brand-search-empty{padding:45px 24px;text-align:center;border:1px solid var(--line);border-radius:6px;background:var(--cream);margin-bottom:30px}.brand-search-empty h2{font-size:26px}.brand-search-empty p{font-size:14px;color:var(--muted)}.brands-bottom-note{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;background:var(--pale);padding:24px;border:1px solid #d4e1fb;border-radius:5px;margin-bottom:20px}.brands-bottom-note p{font-size:19px;font-weight:650;margin:0;letter-spacing:-.4px}.brands-bottom-note>span{font-size:12px;line-height:1.7;color:var(--muted)}.brands-bottom-note .text-link{font-size:13px;gap:12px}.brands-page>.small{margin:0}
@media(max-width:1050px){.brands-heading{gap:35px;grid-template-columns:minmax(0,1.4fr) minmax(270px,1fr)}.brands-heading h1{font-size:44px}.brands-page .brand-directory{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.brand-visual{height:160px}.brand-tile-footer{padding:17px}.brand-tile-footer h2{font-size:15px}.brand-search-panel{padding:23px}}
@media(max-width:650px){.brands-page{padding-top:26px;padding-bottom:35px}.brands-heading{grid-template-columns:1fr;gap:23px;padding-bottom:24px;margin-bottom:22px}.brands-heading h1{font-size:38px;letter-spacing:-1.4px;margin-bottom:16px}.brands-heading .intro{font-size:14px;line-height:1.8;margin-bottom:16px}.brands-summary{font-size:11px;gap:10px 16px}.brand-search-panel{padding:20px}.brand-search-panel>label{font-size:16px;margin-bottom:13px}.brand-search-field input{font-size:16px;padding-block:14px}.brand-search-panel>p{font-size:12px}.brands-page .brand-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.brand-visual{height:132px;padding:20px 16px}.brand-mark{width:min(100%,calc(79px * var(--mark-ratio)));max-width:190px}.brands-page .brand-wordmark{font-size:22px;letter-spacing:-.5px}.brand-tile-footer{min-height:88px;padding:14px 12px;gap:8px;align-items:center}.brand-tile-footer h2{font-size:13px;line-height:1.5;margin-bottom:5px}.brand-tile-footer>div>span{font-size:11px}.brand-tile-footer .brand-tile-arrow{width:24px;height:24px;font-size:16px}.brands-bottom-note{padding:21px 18px;display:block}.brands-bottom-note p{font-size:20px;margin-bottom:9px}.brands-bottom-note>span{display:block;font-size:12px;margin-bottom:9px}.brands-bottom-note .text-link{font-size:13px}.brand-search-empty{padding:30px 20px}.brand-search-empty h2{font-size:25px}.brand-search-empty .primary{font-size:14px}}