/* One continuous photographic background; real HTML counters remain above it. */
.hee-stats.hee-stats--banner{
  position:relative;
  isolation:isolate;
  display:flex;
  align-items:center;
  overflow:clip;
  box-sizing:border-box;
  min-height:clamp(380px,33.3333vw,640px);
  padding-block:56px;
  background:linear-gradient(115deg,#061b63,#002cb3);
}
.hee-stats--banner>.hee-stats__background{
  position:absolute;
  z-index:-1;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center;
  border:0;
  border-radius:0;
  pointer-events:none;
}
.hee-stats--banner .hee-stats__inner{
  position:relative;
  z-index:1;
  display:block;
  width:min(var(--hee-content-width),100%);
  margin-inline:auto;
}
.hee-stats--banner .hee-stats__grid{
  width:38%;
  max-width:480px;
  margin:0;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:30px 0;
}
@media(max-width:1000px){
  .hee-stats.hee-stats--banner{
    min-height:0;
    padding-top:40px;
    padding-bottom:calc(100vw / 1.9 + 22px);
  }
  .hee-stats--banner>.hee-stats__background{
    top:auto;
    bottom:0;
    height:calc(100vw / 1.9);
    object-position:right bottom;
    -webkit-mask-image:linear-gradient(to bottom,transparent,#000 13%);
    mask-image:linear-gradient(to bottom,transparent,#000 13%);
  }
  .hee-stats--banner .hee-stats__grid{
    width:100%;
    max-width:620px;
    margin-inline:auto;
  }
}
@media(max-width:600px){
  .hee-stats.hee-stats--banner{padding-top:36px;padding-bottom:calc(100vw / 1.9 + 18px)}
}
@media print{
  .hee-stats.hee-stats--banner{print-color-adjust:exact;-webkit-print-color-adjust:exact}
}