/* WantSignal brand placements. Light and dark variants share the exact approved PNG geometry. Light mode recolors only bright wordmark pixels through the same-document #wsLightBrand filter created by site-config.js. */
.brandPlate,.footerBrandPlate,.heroBrandCard{box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:visible;border-radius:12px;background:transparent;border:0;box-shadow:none}
.brandPlate{width:178px;flex:0 0 178px;padding:0 6px}
.footerBrandPlate{width:230px;padding:0}
.heroBrandCard{width:100%;padding:10px 0;border-radius:22px}
.brandPlate img,.footerBrandPlate img,.heroBrandCard img{display:block;object-fit:contain;object-position:center;opacity:1;visibility:visible;clip-path:none;transform:none}
.brandPlate img{width:166px;max-width:166px;height:58px;max-height:58px}
.footerBrandPlate img{width:220px;max-width:220px;height:auto}
.heroBrandCard img{width:min(100%,480px);max-width:480px;height:auto}
html[data-theme="light"] .brandPlate,html[data-theme="light"] .footerBrandPlate,html[data-theme="light"] .heroBrandCard{background:transparent;border:0;box-shadow:none}
html[data-theme="dark"] .brandPlate,html[data-theme="dark"] .footerBrandPlate,html[data-theme="dark"] .heroBrandCard{background:transparent;border:0;box-shadow:none}
@media(max-width:900px){
  .siteNav{height:76px;min-height:76px;gap:12px;flex-wrap:nowrap;overflow:visible}
  .brandLink{flex:0 0 auto;min-width:0}
  .navLinks{flex:0 0 auto;gap:0;white-space:nowrap}
  .navLinks .btn{min-height:38px;padding:0 10px;font-size:12px;white-space:nowrap}
  .brandPlate{width:136px;flex-basis:136px;padding:0 4px}.brandPlate img{width:128px;max-width:128px;height:50px;max-height:50px}
}
@media(max-width:620px){
  .siteNav{gap:10px}
  .brandPlate{width:112px;flex-basis:112px;padding:0 3px}.brandPlate img{width:106px;max-width:106px;height:46px;max-height:46px}.footerBrandPlate{width:180px;padding:0}.footerBrandPlate img{width:172px;max-width:172px;height:auto}.heroBrandCard{padding:8px 0}.heroBrandCard img{width:min(100%,360px);max-width:360px;height:auto}
}