.homepage-build .hero {
  padding-bottom: clamp(52px, 6vw, 88px);
}

.ownership-band {
  grid-column: 1 / -1;
  min-height: 390px;
  margin-top: clamp(34px, 4vw, 62px);
  border-block: 1px solid var(--line-2);
}

.ownership-band__visual {
  position: relative;
  min-height: 390px;
  overflow: hidden;
  background:
    linear-gradient(90deg, transparent 0 19.8%, var(--line) 19.8% 20%, transparent 20% 39.8%, var(--line) 39.8% 40%, transparent 40% 59.8%, var(--line) 59.8% 60%, transparent 60% 79.8%, var(--line) 79.8% 80%, transparent 80%),
    linear-gradient(0deg, transparent 0 16%, var(--line-2) 16% calc(16% + 1px), transparent calc(16% + 1px));
}

.ownership-thread {
  position: absolute;
  left: 10%;
  right: 10%;
  bottom: 16%;
  z-index: 0;
  height: 1px;
  background: var(--ink-2);
}

.ownership-thread i {
  position: absolute;
  top: -6px;
  width: 12px;
  height: 12px;
  border: 1px solid var(--ink);
  background: var(--paper);
  transform: translateX(-50%) rotate(45deg);
}

.ownership-thread i:nth-child(1) { left: 0; }
.ownership-thread i:nth-child(2) { left: 25%; }
.ownership-thread i:nth-child(3) { left: 50%; }
.ownership-thread i:nth-child(4) { left: 75%; }
.ownership-thread i:nth-child(5) { left: 100%; }

.ownership-thread i::after {
  content: "";
  position: absolute;
  inset: 3px;
  background: var(--gold);
}

.ownership-band__visual img {
  position: absolute;
  left: 50%;
  top: 8px;
  z-index: 1;
  width: min(78%, 890px);
  height: auto;
  transform: translateX(-50%);
  filter: saturate(.92) contrast(1.01);
}

.homepage-build #people .world {
  margin-top: 10px;
}

.homepage-build #people .world-note {
  max-width: 76ch;
  padding-left: 14px;
  border-left: 2px solid var(--yellow);
}

.homepage-build .world__figure {
  z-index: 1;
}

.homepage-build .nav {
  z-index: 20;
}

@media (max-width: 960px) {
  .ownership-band,
  .ownership-band__visual { min-height: 350px; }
}

@media (max-width: 720px) {
  .ownership-band,
  .ownership-band__visual {
    min-height: 285px;
  }

  .ownership-band__visual img { width: min(112%, 610px); }

  .homepage-build .chapter {
    padding-block: clamp(56px, 17vw, 78px);
  }

  .homepage-build .head {
    margin-bottom: clamp(38px, 12vw, 52px);
  }

  .homepage-build .head h2 {
    font-size: clamp(32px, 10.1vw, 41px);
    max-width: 15ch;
  }

  .homepage-build .fig__plate {
    position: relative;
    padding-block: 12px;
    border-block: 1px solid var(--line);
  }

  .homepage-build .fig figcaption {
    margin-top: 14px;
    padding-left: 12px;
    border-left: 2px solid var(--yellow);
  }

  .homepage-build .fig__legend {
    margin-top: 14px;
    padding-top: 14px;
    gap: 8px;
  }

  .homepage-build .fig__cal {
    min-height: 28px;
  }

  .homepage-build .fig__cal strong {
    font-size: 10px;
  }

  .homepage-build .cell,
  .homepage-build .service,
  .homepage-build .person,
  .homepage-build .phase,
  .homepage-build .case,
  .homepage-build .opt {
    padding-block: 30px;
  }

  .homepage-build .cell h3,
  .homepage-build .service h3,
  .homepage-build .person h3,
  .homepage-build .phase h3 {
    font-size: 23px;
  }

  .homepage-build .cell p,
  .homepage-build .service p,
  .homepage-build .person p,
  .homepage-build .phase p {
    font-size: 15px;
    line-height: 1.65;
  }

  .homepage-build .world-note {
    font-size: 13px;
    line-height: 1.55;
  }

  .homepage-build .world__figure {
    z-index: 1;
  }

}

@media (max-width: 460px) {
  .ownership-band,
  .ownership-band__visual { min-height: 250px; }

  .ownership-band__visual img { width: 132%; }

}
