/* Reference partner wall: retain responsive columns and original logo proportions. */
html body:is(.page-portfolio, .page-securepoint) #public-main .portfolio-customers { border-block: 1px solid var(--pub-line); }
html body:is(.page-portfolio, .page-securepoint) #public-main .portfolio-customer-group { padding: 28px 0; border-bottom: 1px solid var(--pub-line); }
html body:is(.page-portfolio, .page-securepoint) #public-main .portfolio-customer-group:last-child { border-bottom: 0; padding-bottom: 0; }
html body:is(.page-portfolio, .page-securepoint) #public-main .portfolio-customer-group :is(h3, h4) { margin: 0 0 20px; font-size: 22px; color: var(--pub-ink); }
html body:is(.page-portfolio, .page-securepoint) #public-main .customer-logo-wall { display: grid; grid-template-columns: repeat(9, minmax(0,1fr)); gap: 12px; list-style: none; padding: 0; margin: 0; }
html body:is(.page-portfolio, .page-securepoint) #public-main .customer-logo-wall > li { display: flex; align-items: center; justify-content: center; min-width: 0; height: 70px; padding: 12px 8px; }
html body:is(.page-portfolio, .page-securepoint) #public-main .customer-logo-wall img { display: block; width: auto; height: auto; max-width: 100%; max-height: 40px; object-fit: contain; filter: none; background: transparent; }
html body:is(.page-portfolio, .page-securepoint) #public-main .customer-logo-wall .customer-logo--dark { display: none; }
html[data-theme="dark"] body:is(.page-portfolio, .page-securepoint) #public-main .customer-logo-wall .customer-logo--light { display: none; }
html[data-theme="dark"] body:is(.page-portfolio, .page-securepoint) #public-main .customer-logo-wall .customer-logo--dark { display: block; }
@media (max-width: 1023px) {
  html body:is(.page-portfolio, .page-securepoint) #public-main .customer-logo-wall { grid-template-columns: repeat(5, minmax(0,1fr)); }
}
@media (max-width: 639px) {
  html body:is(.page-portfolio, .page-securepoint) #public-main .customer-logo-wall { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 8px; }
}
@media (max-width: 359px) {
  html body:is(.page-portfolio, .page-securepoint) #public-main .customer-logo-wall { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
html body.public-site:is(.page-portfolio, .page-securepoint) #public-main .partner-logo-wall,
html body.public-site:is(.page-portfolio, .page-securepoint) #public-main .partner-logo-wall > li {
  background: transparent;
  border: 0;
  box-shadow: none;
}

html body.public-site:is(.page-portfolio, .page-securepoint) #public-main .partner-logo-wall img {
  background: transparent;
  filter: none;
  mix-blend-mode: normal;
}

html body.public-site:is(.page-portfolio, .page-securepoint) #public-main .partner-logo-wall img.partner-logo--light {
  display: block;
}

html body.public-site:is(.page-portfolio, .page-securepoint) #public-main .partner-logo-wall img.partner-logo--dark {
  display: none;
}

html[data-theme="dark"] body.public-site:is(.page-portfolio, .page-securepoint) #public-main .partner-logo-wall img.partner-logo--light {
  display: none;
}

html[data-theme="dark"] body.public-site:is(.page-portfolio, .page-securepoint) #public-main .partner-logo-wall img.partner-logo--dark {
  display: block;
}