/* ---------- Home hero ---------- */
.hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-bottom: var(--border);
}
.hero-left {
  padding: 96px var(--gutter) 64px;
  border-right: var(--border);
}
.hero-left .h1 { margin-bottom: 24px; }
.hero-left .body-text { max-width: 460px; margin-bottom: 32px; }

.hero-right {
  background: var(--orange);
  border-left: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.hero-statement {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(24px, 3vw, 44px);
  text-transform: uppercase;
  color: var(--black);
  padding: 48px var(--gutter) 24px;
  line-height: 1.15;
}
.hero-tags {
  border-top: var(--border);
  padding: 24px var(--gutter);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  font-family: var(--font-mono);
  font-weight: 500;
  font-size: 14px;
  color: var(--black);
}

.stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.stat {
  border-right: var(--border);
  padding: 24px;
}
.stat:last-child { border-right: none; }
.stat-num {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 32px;
  color: var(--orange-on-light);
  margin-bottom: 8px;
}
.stat-label {
  font-family: var(--font-mono);
  font-size: 14px;
  color: rgba(10,10,10,0.75);
}

@media (max-width: 860px) {
  .hero { grid-template-columns: 1fr; }
  .hero-left { border-right: none; border-bottom: var(--border); padding: 48px var(--gutter); }
  .hero-tags { grid-template-columns: 1fr 1fr; }
  .stats { grid-template-columns: repeat(2, 1fr); }
  .stat { border-bottom: var(--border); }
  .stat:nth-child(2n) { border-right: none; }
  .stat:nth-child(1), .stat:nth-child(2) { border-right: var(--border); }
}