/* Supplied logo artwork keeps its original colors, background and proportions. */
#main.hf-home .customer-companies{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  max-width:760px;
  margin:24px auto 28px;
}
#main.hf-home .customer-company{
  min-width:0;
  margin:0;
  padding:20px 24px 16px;
  border:1px solid var(--eh-line);
  border-radius:14px;
  background:var(--eh-panel);
  text-align:center;
}
#main.hf-home .customer-company-logo{
  display:flex;
  align-items:center;
  justify-content:center;
  height:84px;
}
#main.hf-home .customer-company--refresh-resources .customer-company-logo{
  padding:12px;
  background:#fff;
  border-radius:6px;
}
#main.hf-home .customer-company--pragmatic-safety .customer-company-logo{
  gap:12px;
  padding:12px;
  background:#1b1d1e;
  border-radius:6px;
}
#main.hf-home .customer-company--pragmatic-safety img{width:54px;height:54px}
#main.hf-home .customer-pragmatic-wordmark{
  text-align:left;
  font-size:18px;
  line-height:1.2;
  font-weight:750;
  letter-spacing:1.1px;
  color:#efeeeb;
}
#main.hf-home .customer-pragmatic-wordmark small{
  display:block;
  margin-top:7px;
  font-size:11px;
  letter-spacing:4.5px;
  color:#a9c5b2;
}
#main.hf-home .customer-company img{
  display:block;
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
}
#main.hf-home .customer-company figcaption{
  margin-top:12px;
  color:var(--eh-ink);
  font-size:16px;
  font-weight:600;
  line-height:1.4;
}
@media(max-width:600px){
  #main.hf-home .customer-companies{gap:14px}
  #main.hf-home .customer-company{padding:16px 12px}
  #main.hf-home .customer-company-logo{height:64px}
  #main.hf-home .customer-pragmatic-wordmark{font-size:13px;letter-spacing:.5px}
  #main.hf-home .customer-pragmatic-wordmark small{font-size:9px;letter-spacing:3px}
  #main.hf-home .customer-company--pragmatic-safety img{width:40px;height:40px}
}
@media(max-width:420px){
  #main.hf-home .customer-companies{grid-template-columns:minmax(0,1fr);max-width:340px}
  #main.hf-home .customer-company-logo{height:76px}
  #main.hf-home .customer-pragmatic-wordmark{font-size:18px;letter-spacing:1.1px}
  #main.hf-home .customer-pragmatic-wordmark small{font-size:11px;letter-spacing:4.5px}
}

/* Reference treatment: compact logos in one horizontal row, with no lower labels. */
#main.hf-home .customer-companies--compact{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  max-width:none;
  gap:16px;
  margin:17px 0 20px;
}
#main.hf-home .customer-companies--compact .customer-company-caption{
  flex-basis:100%;
  text-align:center;
  color:var(--eh-muted);
  font-size:10px;
  font-weight:400;
  line-height:1.4;
}
#main.hf-home .customer-companies--compact .customer-company{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 1 260px;
  height:66px;
  padding:14px 20px;
  gap:12px;
  border-radius:14px;
}
#main.hf-home .customer-companies--compact .customer-company-logo{
  display:flex;
  flex:none;
  height:auto;
  padding:0;
  background:none;
  border-radius:0;
}
/* The full supplied wordmark stays intact on its original white reading surface. */
#main.hf-home .customer-companies--compact .customer-company--refresh-resources{
  background:#fff;
}
#main.hf-home .customer-companies--compact .customer-company--refresh-resources img{
  width:190px;
  height:auto;
}
#main.hf-home .customer-companies--compact .customer-company--refresh-resources figcaption{
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
}
#main.hf-home .customer-companies--compact .customer-company--pragmatic-safety img{
  width:34px;
  height:34px;
}
#main.hf-home .customer-companies--compact figcaption{
  margin:0;
  color:var(--eh-ink);
  font-size:20px;
  font-weight:620;
  letter-spacing:-.03em;
  line-height:1.2;
  white-space:nowrap;
}
@media(max-width:600px){
  #main.hf-home .customer-companies--compact{gap:12px}
  #main.hf-home .customer-companies--compact .customer-company{
    flex-basis:calc((100% - 12px)/2);
    height:60px;
    padding:12px 10px;
    gap:8px;
  }
  #main.hf-home .customer-companies--compact .customer-company--refresh-resources img{width:clamp(110px,30vw,170px)}
  #main.hf-home .customer-companies--compact .customer-company--pragmatic-safety img{width:26px;height:26px}
  #main.hf-home .customer-companies--compact figcaption{font-size:clamp(12px,3.5vw,18px)}
}