/*
 * Home hero framing and shared trust band.
 * The English hero follows the 2560x900 desktop banner ratio.
 */
@media (min-width: 901px) {
  .intl-hero {
    min-height: clamp(680px, 35.15625vw, 820px);
    background-position: center top !important;
  }

  /* Reveal more of the hero image by moving the four-item band down. */
  .trust-bar {
    margin-top: -10px !important;
  }
}

.zh-trust-bar {
  position: relative;
  z-index: 4;
  margin-top: -10px;
}

.zh-trust-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  overflow: hidden;
  border: 1px solid #dce7ec;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 22px 65px rgba(6, 34, 57, .10);
}

.zh-trust-item {
  min-width: 0;
  padding: 22px 25px;
  border-right: 1px solid #e4ebef;
}

.zh-trust-item:last-child {
  border-right: 0;
}

.zh-trust-item b {
  display: block;
  color: #0b3a5b;
  font-size: 20px;
  line-height: 1.25;
}

.zh-trust-item span {
  display: block;
  margin-top: 5px;
  color: #718795;
  font-size: 12px;
  line-height: 1.5;
}

@media (max-width: 900px) {
  .zh-trust-bar {
    margin-top: -18px;
  }

  .zh-trust-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .zh-trust-item:nth-child(2) {
    border-right: 0;
  }

  .zh-trust-item:nth-child(-n + 2) {
    border-bottom: 1px solid #e4ebef;
  }
}

@media (max-width: 480px) {
  .zh-trust-item {
    padding: 17px 15px;
  }

  .zh-trust-item b {
    font-size: 16px;
  }

  .zh-trust-item span {
    font-size: 11px;
  }
}