/* ═══════════════════════════════════════════════════════════
   ETHOS   [normal scroll]
   Quality, Consistency, Trust are NB's own three words, already
   on their site. They are used here as the STRUCTURE of the
   section rather than as decoration on top of it.
   ═══════════════════════════════════════════════════════════ */

.ethos {
  position: relative;
  z-index: 2;
  background: var(--mortar);
  padding: 14rem 0 0;
}

.et-head {
  display: grid;
  grid-template-columns: repeat(16, minmax(0, 1fr));
  gap: 0 var(--gap);
  margin-bottom: 8rem;
}
.et-head .sec-label { grid-column: 1 / 5; align-self: start; padding-top: 1.2rem; }
.et-head .sec-label::after { background: rgba(20,16,14,.2); }
.et-title { grid-column: 5 / 14; font-size: 7.4rem; }

.et-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--gap);
  padding-bottom: 12rem;
}
.et-item {
  padding-top: 3rem;
  border-top: var(--hair) solid rgba(20,16,14,.24);
}
.et-name {
  font-family: var(--font-display);
  font-weight: 400;

  font-size: 3.6rem;
  line-height: 1;
  letter-spacing: -.014em;
  color: var(--kiln);
  margin-bottom: 1.6rem;
}
.et-copy { font-size: 1.62rem; color: rgba(20,16,14,.62); max-width: 40rem; }

/* ── Stats band ──────────────────────────────────────────
   Every figure here is verifiable: 1946 to now, 2011 to now,
   the IGBC certification, and the two cities NB builds in. No
   invented project counts — a professional client checks. */
.et-stats {
  grid-column: full;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  border-top: var(--hair) solid rgba(20,16,14,.22);
  background: var(--kiln);
  color: var(--on-dark);
}
.et-stat {
  padding: 6rem var(--pad);
  display: grid;
  gap: 1.2rem;
  border-right: var(--hair) solid rgba(250,247,241,.12);
}
.et-stat:last-child { border-right: 0; }

.et-num {
  font-family: var(--font-display);
  font-weight: 400;

  font-size: 7rem;
  line-height: .9;
  letter-spacing: -.02em;
  color: var(--chalk);
  font-variant-numeric: tabular-nums;
}
.et-num--text { color: var(--brick-lit); font-size: 5.4rem; }
.et-label { color: var(--on-dark-mute); }

@media (max-width: 991px) {
  .ethos { padding-top: 9rem; }
  .et-head { grid-template-columns: 1fr; gap: 2.6rem; margin-bottom: 5rem; }
  .et-head .sec-label, .et-title { grid-column: 1; }
  .et-title { font-size: 5.2rem; }
  .et-list { grid-template-columns: 1fr; row-gap: 3.4rem; padding-bottom: 8rem; }
  .et-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .et-stat {
    padding: 4rem var(--pad);
    border-bottom: var(--hair) solid rgba(250,247,241,.12);
  }
  .et-stat:nth-child(2n) { border-right: 0; }
  .et-num { font-size: 5rem; }
  .et-num--text { font-size: 4rem; }
}
@media (max-width: 767px) {
  .et-title { font-size: 3.8rem; }
  .et-name { font-size: 2.8rem; }
  .et-num { font-size: 4.2rem; }
}