/* Manufacturing network — 1448 × 1086 reference, 2026-09-21.
 * A single owner for this section: former rules removed from visual.css.
 * Desktop measurements scale together, including artwork, type and spacing.
 * At <= 1023px the layout reflows; it does not shrink the desktop canvas.
 */
.zit-home-content .zit-home-group {
  --gm-u: clamp(.7px, .0690607735vw, 1px); /* stops at the 1448 canvas, as home-design.css */
  --gm-ink: #061a3b;
  --gm-muted: #536b89;
  --gm-line: #c6d2e2;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: calc(88 * var(--gm-u)) 0 calc(42 * var(--gm-u));
  background: #fff;
  color: var(--gm-ink);
}
.zit-home-group > .zit-container {
  position: relative;
  z-index: 1;
}
.zit-site .zit-home-group > .zit-container {
  width: min(1360px, calc(100% - 80px));
  max-width: none;
  margin-inline: auto;
}
.zit-home-group :where(p, figure, .wp-block-group, .wp-block-buttons) { margin: 0; }
.zit-home-group .zit-group-media {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 2560px;
  height: calc(820 * var(--gm-u));
  margin: 0;
  pointer-events: none;
}
.zit-home-group .zit-group-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, #fff0 48%, #ffffff29 61%, #ffffffe8 80%, #fff 95%),
    linear-gradient(90deg, #fff 0%, #fffffffc 24%, #fffffffa 32%, #ffffffeb 38%, #ffffffa8 44%, #ffffff2e 56%, #fff0 65%);
}
.zit-site .zit-home-group .zit-group-bg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  margin: 0;
}
.zit-home-group .zit-group-grid {
  display: grid;
  gap: calc(60 * var(--gm-u));
  margin: 0;
}
.zit-home-group .zit-group-copy {
  width: calc(600 * var(--gm-u));
  max-width: 100%;
  padding-left: calc(10 * var(--gm-u));
}
.zit-home-group .zit-scope {
  display: flex;
  align-items: center;
  gap: calc(24 * var(--gm-u));
  margin: 0 0 calc(38 * var(--gm-u));
  font: 500 calc(12 * var(--gm-u))/1.2 var(--zit-font);
  letter-spacing: .12em;
  color: var(--gm-muted);
}
.zit-home-group .zit-scope::after {
  content: "";
  width: calc(85 * var(--gm-u));
  height: 1px;
  background: #8195b4;
  flex: none;
}
.zit-home-content .zit-home-group h2 {
  margin: 0 0 calc(26 * var(--gm-u));
  max-width: none;
  color: var(--gm-ink);
  font-family: var(--zit-font-display);
  font-size: var(--hd-h2a, 52px); /* was 82 units: larger than the page's H1 */
  font-weight: 900;
  line-height: 1.12;
  letter-spacing: -.015em;
  text-wrap: nowrap;
}
.zit-home-group .zit-group-intro {
  max-width: calc(560 * var(--gm-u));
  margin: 0 0 calc(28 * var(--gm-u));
  color: var(--gm-ink);
  font-size: calc(24 * var(--gm-u));
  line-height: 1.5;
  text-wrap: pretty;
}
.zit-home-group .zit-group-qualifier { white-space: nowrap; }
.zit-home-group .zit-group-actions,
.zit-home-group .zit-group-button { margin: 0; }
.zit-home-group .zit-group-button .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: calc(18 * var(--gm-u));
  min-width: calc(222 * var(--gm-u));
  min-height: calc(65 * var(--gm-u));
  padding: calc(16 * var(--gm-u)) calc(30 * var(--gm-u));
  border: 1px solid transparent;
  border-radius: 2px;
  background: var(--zit-blue);
  color: #fff;
  font-size: calc(18 * var(--gm-u));
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
}
.zit-home-group .zit-group-button a:hover { background: var(--zit-blue-press); }
.zit-home-group .zit-group-button a:focus-visible { outline: 3px solid var(--gm-ink); outline-offset: 4px; }
/* Draw the arrow in CSS so it cannot fall back to a missing font glyph. */
.zit-home-group .zit-group-button span { font-size: 0; }
.zit-home-group .zit-group-button span::after {
  content: "";
  display: block;
  width: calc(18 * var(--gm-u));
  height: calc(12 * var(--gm-u));
  background: currentColor;
  clip-path: polygon(0 44%,78% 44%,50% 8%,58% 0,100% 50%,58% 100%,50% 92%,78% 56%,0 56%);
}
.zit-home-group .zit-group-brandline {
  display: flex;
  align-items: center;
  gap: calc(24 * var(--gm-u));
  margin: calc(42 * var(--gm-u)) 0 0;
  color: var(--gm-muted);
  font: 500 calc(10 * var(--gm-u))/1.4 var(--zit-font);
  letter-spacing: .22em;
}
.zit-home-group .zit-group-brandline::before {
  content: "";
  width: calc(40 * var(--gm-u));
  height: 1px;
  background: #6481a4;
}
.zit-home-group .zit-group-mark {
  isolation: isolate;
  position: absolute;
  top: calc(6 * var(--gm-u));
  right: 0;
  padding-top: calc(16 * var(--gm-u));
  margin: 0;
  color: #bdd7f0;
  text-align: left;
  font: 400 calc(14 * var(--gm-u))/1.22 var(--zit-font);
}
/* A soft local backing quiets stars behind the small reversed lettering.
 * It leaves the globe and all text-free artwork untouched. */
.zit-home-group .zit-group-mark::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(320 * var(--gm-u));
  height: calc(240 * var(--gm-u));
  background: radial-gradient(ellipse closest-side, #031733bf 0%, #031733bf 52%, #03173377 72%, #03173300 100%);
  pointer-events: none;
}
.zit-home-group .zit-group-mark::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(22 * var(--gm-u));
  height: 1px;
  background: currentColor;
}
.zit-home-group .zit-gfig-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
}
.zit-home-group .zit-gfig {
  display: grid;
  grid-template-columns: calc(74 * var(--gm-u)) auto;
  grid-template-rows: auto auto auto;
  justify-content: center;
  align-content: center;
  column-gap: calc(32 * var(--gm-u));
  min-width: 0;
  margin: 0;
  padding-inline: calc(24 * var(--gm-u));
}
.zit-home-group .zit-gfig + .zit-gfig { border-left: 1px solid #a8b9d0; }
.zit-home-group .zit-gfig-icon {
  grid-column: 1;
  grid-row: 1 / 4;
  align-self: center;
  width: calc(74 * var(--gm-u));
  height: calc(74 * var(--gm-u));
  color: var(--gm-ink);
}
.zit-home-group .zit-gfig-value {
  grid-column: 2;
  margin: 0;
  color: var(--gm-ink);
  font: 800 calc(50 * var(--gm-u))/1 var(--zit-font);
  letter-spacing: -.035em;
}
.zit-home-group .zit-gfig-label {
  grid-column: 2;
  margin: calc(1 * var(--gm-u)) 0 0;
  color: var(--gm-ink);
  font-size: calc(18 * var(--gm-u));
  font-weight: 600;
  line-height: 1.35;
}
.zit-home-group .zit-gfig-note {
  grid-column: 2;
  margin: calc(1 * var(--gm-u)) 0 0;
  color: var(--gm-muted);
  font-size: calc(15 * var(--gm-u));
  line-height: 1.4;
}
.zit-home-group .zit-group-bases { margin: calc(37 * var(--gm-u)) 0 0; scroll-margin-top: 112px; }
.zit-home-group .zit-base-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: calc(9 * var(--gm-u));
  margin: 0;
}
.zit-home-group .zit-base-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  background: #fff;
  border: 1px solid #e0e9f3;
}
.zit-home-group .zit-base-figure { position: relative; isolation: isolate; margin: 0; overflow: hidden; aspect-ratio: 8/5; }
.zit-site .zit-home-group .zit-base-shot { display: block; width: 100%; height: 100%; object-fit: cover; margin: 0; }

/* Grade the supplied real campus photographs without altering source pixels.
   Exposure is balanced per file; a subtle common color tint joins the six cards.
   Per-file corrections do not follow later media-library replacement photos. */
.zit-home-group .zit-base-figure::after{content:"";position:absolute;inset:0;background:#8ba7c1;mix-blend-mode:color;opacity:.14;pointer-events:none}
.zit-home-group .zit-base-shot[src*="/base-jincheng.webp"]{filter:brightness(1.08) contrast(.98) saturate(.80)}
.zit-home-group .zit-base-shot[src*="/base-honghu.webp"]{filter:brightness(1.20) contrast(.94) saturate(.76)}
.zit-home-group .zit-base-shot[src*="/base-fuzhou.webp"]{filter:brightness(.99) contrast(.96) saturate(.70)}
.zit-home-group .zit-base-shot[src*="/base-suzhou.webp"]{filter:brightness(1.04) contrast(.97) saturate(.76)}
.zit-home-group .zit-base-shot[src*="/base-neijiang.webp"]{filter:brightness(1.08) contrast(.97) saturate(.66)}
.zit-home-group .zit-base-shot[src*="/base-qiandaohu.webp"]{filter:brightness(1.04) contrast(.97) saturate(.62)}

.zit-home-group .zit-base-body { padding: calc(16 * var(--gm-u)) calc(15 * var(--gm-u)) calc(18 * var(--gm-u)); }
.zit-home-group .zit-base-name {
  margin: 0 0 calc(6 * var(--gm-u));
  color: var(--gm-ink);
  font-size: calc(13 * var(--gm-u));
  font-weight: 700;
  line-height: 1.45;
}
.zit-home-group .zit-base-where {
  display: flex;
  align-items: center;
  gap: calc(5 * var(--gm-u));
  margin: 0;
  color: var(--gm-muted);
  font-size: calc(12 * var(--gm-u));
  line-height: 1.4;
}
.zit-home-group .zit-base-pin { width: calc(12 * var(--gm-u)); height: calc(12 * var(--gm-u)); flex: none; }
.zit-home-group .zit-group-footline {
  display: flex;
  align-items: center;
  gap: calc(20 * var(--gm-u));
  margin: calc(32 * var(--gm-u)) 0 0;
  color: var(--gm-muted);
  font: 500 calc(10.5 * var(--gm-u))/1.4 var(--zit-font);
  letter-spacing: .28em;
  white-space: nowrap;
}
.zit-home-group .zit-group-footline::before { content: ""; height: 1px; flex: 1; background: #8da2be; }
@media (min-width: 2561px) {
  .zit-home-group .zit-group-media { mask-image: linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); }
}
@media (max-width: 1023px) {
  .zit-home-content .zit-home-group { --gm-u: .82px; padding-block: 60px 40px; }
  .zit-site .zit-home-group > .zit-container { width: calc(100% - 48px); }
  .zit-home-group .zit-group-media { height: 650px; }
  .zit-home-group .zit-group-copy { width: min(590px, 76%); padding-left: 0; }
  .zit-home-group .zit-group-intro { font-size: 20px; }
  .zit-home-group .zit-scope { font-size: 10px; gap: 16px; }
  .zit-home-group .zit-scope::after { width: 44px; }
  .zit-home-group .zit-group-mark { font-size: 11px; }
  .zit-home-group .zit-base-grid { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; }
  .zit-home-group .zit-base-name { font-size: 13px; }
  .zit-home-group .zit-base-where { font-size: 12px; }
}
@media (max-width: 767px) {
  .zit-home-content .zit-home-group { --gm-u: 1px; padding-block: 44px 32px; }
  .zit-site .zit-home-group > .zit-container { width: calc(100% - 36px); }
  .zit-home-group .zit-group-media { height: 520px; }
  .zit-home-group .zit-group-media::after {
    background: linear-gradient(180deg,#fff0 55%,#fff 100%),linear-gradient(90deg,#fffffff7 0%,#fffffff0 38%,#ffffff91 100%);
  }
  .zit-home-group .zit-group-copy { width: 100%; padding: 0; }
  .zit-home-group .zit-scope { color: #455b78; font-size: 10px; letter-spacing: .08em; margin-bottom: 28px; gap: 12px; }
  .zit-home-group .zit-scope::after { flex: 1; min-width: 12px; max-width: 44px; }
  .zit-home-content .zit-home-group h2 { margin-bottom: 24px; }
  .zit-home-group .zit-group-intro { max-width: 30em; font-size: 17px; line-height: 1.75; margin-bottom: 24px; }
  .zit-home-group .zit-group-button .wp-block-button__link { min-width: 190px; min-height: 52px; padding: 12px 24px; font-size: 16px; }
  .zit-home-group .zit-group-brandline { margin-top: 28px; font-size: 9px; gap: 16px; }
  .zit-home-group .zit-group-mark { display: none; }
  .zit-home-group .zit-group-grid { gap: 40px; }
  .zit-home-group .zit-gfig { grid-template-columns: 32px minmax(0,1fr); justify-content: start; column-gap: 10px; padding-inline: 0 10px; }
  .zit-home-group .zit-gfig + .zit-gfig { padding-inline: 14px 0; }
  .zit-home-group .zit-gfig-icon { width: 32px; height: 40px; align-self: start; }
  .zit-home-group .zit-gfig-value { font-size: clamp(32px, 8vw, 46px); }
  .zit-home-group .zit-gfig-label { font-size: 12px; }
  .zit-home-group .zit-gfig-note { font-size: 12px; }
  .zit-home-group .zit-group-bases { margin-top: 32px; scroll-margin-top: 92px; }
  .zit-home-group .zit-base-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  .zit-home-group .zit-base-body { padding: 14px 10px; }
  .zit-home-group .zit-base-name { font-size: 13px; }
  .zit-home-group .zit-base-where { font-size: 12px; }
  .zit-home-group .zit-group-footline { font-size: 10px; letter-spacing: .17em; gap: 12px; margin-top: 28px; }
}
/* 2026-09-24: the slogan under the button and the corner mark repeated the hero's; one of each per page. */
.zit-home-group :is(.zit-group-brandline, .zit-group-mark) { display: none; }