.brand-directory-page{background:#f5f7f8}.brand-door-intro{display:grid;grid-template-columns:1.15fr 1fr;align-items:end;gap:6vw;padding:44px 6vw 35px;background:white}.brand-door-intro .hub-kicker{color:#00539e;font-size:9px;margin-bottom:18px}.brand-door-intro h1{font-size:clamp(42px,5vw,72px);line-height:1.1;font-weight:500;letter-spacing:-.055em}.brand-door-intro>div>p{font-size:13px;line-height:1.85;margin:0;max-width:530px}.brand-door-intro .brand-door-invite{margin-top:16px;color:#00539e;font-size:12px;max-width:430px}.brand-door-directory{padding:22px 6vw 40px}.brand-door-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:21px}.brand-door-toolbar>p{margin:0;font-size:11px;color:#547084}.brand-door-toolbar>label{display:flex;align-items:center;gap:17px;font-size:10px;color:#577486}.brand-door-toolbar input{background:transparent;border:0;border-bottom:1px solid #a5becf;padding:9px 0;min-height:40px;width:220px;color:#10354c;font-size:13px}.brand-door-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.brand-door{display:flex;flex-direction:column;background:white;border:1px solid #d5e1e9;min-width:0;transition:border-color .2s,box-shadow .2s}.brand-door:hover,.brand-door:focus-visible{border-color:#00539e;box-shadow:0 10px 25px #123d5910}.brand-door-logo{height:152px;padding:28px 35px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #e5edf2;background:white}.brand-door-logo img{width:auto;height:auto;max-width:100%;max-height:96px;object-fit:contain}.brand-door-logo.logo-surface-dark{background:#272b30}.brand-door-copy{padding:21px 24px 22px;display:flex;flex-direction:column;flex:1}.brand-door-number{color:#58788b;font-size:8px;letter-spacing:.08em;line-height:1.8;text-transform:uppercase}.brand-door-copy h2{font-size:25px;font-weight:500;margin-top:10px;line-height:1.2}.brand-door-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #dbe5ec;margin-top:23px;padding-top:14px;color:#00539e;font-size:12px}.brand-door-link>span{font-size:21px;line-height:1}.brand-door-alternative{padding:32px 6vw;background:white;border-top:1px solid #d9e5ed;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand-door-alternative .hub-kicker{font-size:9px;color:#00539e;margin-bottom:15px}.brand-door-alternative h2{font-size:32px;font-weight:500}.brand-door-alternative>a{font-size:13px;color:#00539e;flex-shrink:0}#brand-door-empty{font-size:14px;padding:18px 0}.brand-door-grid.is-filtered{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}@media(max-width:1050px){.brand-door-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-door-intro{gap:4vw}.brand-door-copy h2{font-size:24px}.brand-door-toolbar label{font-size:9px}}@media(max-width:760px){.brand-door-intro{grid-template-columns:1fr;gap:20px;padding:28px 5vw}.brand-door-intro h1{font-size:clamp(39px,9.5vw,62px)}.brand-door-intro>div>p{font-size:13px}.brand-door-directory{padding:17px 5vw 28px}.brand-door-toolbar{display:block;margin-bottom:18px}.brand-door-toolbar>label{display:grid;gap:4px;margin-top:14px;font-size:10px}.brand-door-toolbar input{width:100%;font-size:14px}.brand-door-grid{gap:13px;grid-template-columns:1fr}.brand-door{display:grid;grid-template-columns:37% 63%}.brand-door-logo{height:auto;min-height:155px;padding:18px;border-bottom:0;border-right:1px solid #e5edf2}.brand-door-logo img{max-height:84px}.brand-door-copy{padding:19px 17px}.brand-door-copy h2{font-size:23px;margin-top:8px}.brand-door-number{font-size:7px;letter-spacing:.04em}.brand-door-link{font-size:11px;margin-top:15px;padding-top:10px;gap:8px}.brand-door-alternative{padding:28px 5vw;display:block}.brand-door-alternative h2{font-size:30px}.brand-door-alternative>a{margin-top:20px;font-size:12px}}@media(max-width:360px){.brand-door{grid-template-columns:34% 66%}.brand-door-logo{padding:13px}.brand-door-copy h2{font-size:21px}.brand-door-copy{padding:17px 14px}}@media(prefers-reduced-motion:reduce){.brand-door{transition:none}}
/* A concise introduction stays visible on pointer, touch and keyboard devices. */
.brand-directory-page .brand-door-description{font-size:12px;line-height:1.8;color:#536e80;margin:12px 0 18px;min-height:3.6em}
.brand-directory-page .brand-door-link{margin-top:auto}
.brand-door-copy{transition:background .2s}
.brand-door-link>span{transition:transform .2s}
.brand-door:hover .brand-door-copy,.brand-door:focus-visible .brand-door-copy{background:#eef5fa}
.brand-door:hover .brand-door-link>span,.brand-door:focus-visible .brand-door-link>span{transform:translate(3px,-3px)}
@media(max-width:760px){.brand-directory-page .brand-door-description{font-size:12px;line-height:1.75;min-height:0;margin:10px 0 15px}.brand-directory-page .brand-door-link{margin-top:auto}}
@media(prefers-reduced-motion:reduce){.brand-door-copy,.brand-door-link>span{transition:none}.brand-door:hover .brand-door-link>span,.brand-door:focus-visible .brand-door-link>span{transform:none}}
/* Logos float on the page; the first click opens the manufacturer's information card. */
.brand-door{background:transparent;border:0;border-bottom:1px solid #cbdce7;box-shadow:none}
.brand-door:hover,.brand-door:focus-visible{box-shadow:none;border-color:#00539e}
.brand-door-logo{background:transparent;border:0}
.brand-door-logo.logo-surface-dark{background:#272b30}
.brand-door:hover .brand-door-copy,.brand-door:focus-visible .brand-door-copy{background:transparent}
.brand-info-card{position:fixed;inset:0;margin:auto;width:min(510px,calc(100vw - 36px));max-height:calc(100svh - 40px);overflow:auto;border:1px solid #c4d8e5;background:#eef3f6;color:#10354c;padding:32px;border-radius:0;box-shadow:0 22px 100px #05233644}
.brand-info-card::backdrop{background:#041a2dbd;backdrop-filter:blur(4px)}
#brand-info-close{position:absolute;right:12px;top:10px;border:0;background:transparent;color:inherit;min-width:36px;min-height:36px;font-size:27px;cursor:pointer}
.brand-info-logo{display:flex;align-items:center;justify-content:center;min-height:110px;padding:7px 30px 22px;background:transparent}
.brand-info-logo>a{display:flex;align-items:center;justify-content:center;min-height:75px;max-width:250px;background:transparent}
.brand-info-logo img{display:block;max-width:100%;max-height:95px;width:auto;height:auto;object-fit:contain}
.brand-info-kicker{display:block;font-size:8px;letter-spacing:.12em;color:#00539e;margin:13px 0}
.brand-info-card h2{font-size:34px;line-height:1.15;font-weight:500}
.brand-directory-page .brand-info-card #brand-info-description{font-size:15px;line-height:1.8;margin:18px 0 25px;color:#486a80}
.brand-info-card>.hub-button{width:100%;font-size:12px!important}
.brand-directory-page .brand-info-footnote{font-size:10px;color:#5a7a8e;text-align:center;margin:12px 0 0}
.brand-info-card[data-logo-tone="light"]{background:#272b30;color:#fff;border-color:#526c7c}
.brand-info-card[data-logo-tone="light"] .brand-info-kicker{color:#a8d8fa}
.brand-directory-page .brand-info-card[data-logo-tone="light"] #brand-info-description,.brand-info-card[data-logo-tone="light"] .brand-info-footnote{color:#d4e3ed}
@media(max-width:760px){.brand-door-logo{border:0}.brand-info-card{padding:28px 23px}.brand-info-card h2{font-size:30px}.brand-directory-page .brand-info-card #brand-info-description{font-size:14px}.brand-info-logo{padding-bottom:17px}}
.brand-info-logo>a{width:min(240px,100%);flex-shrink:0}.brand-info-logo img{width:100%;height:auto}