.statement { padding: 120px 0; }
.statement .big {
  font-family: var(--serif);
  font-weight: 400;
  font-size: clamp(2rem, 5vw, 3.6rem);
  line-height: 1.25;
  max-width: 24ch;
}
.statement .big em { font-style: italic; color: var(--gold); }

.twocol {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  margin-top: 90px;
  padding-top: 60px;
  border-top: 1px solid var(--line);
}
.twocol h3 { font-family: var(--serif); font-weight: 500; font-size: 1.7rem; margin-bottom: 16px; }
.twocol p { color: var(--muted); font-size: 1.05rem; margin-bottom: 18px; max-width: 50ch; }

.pull { background: var(--white); padding: 120px 0; }
.pull .q {
  font-family: var(--serif);
  font-style: italic;
  font-size: clamp(1.6rem, 4vw, 2.6rem);
  line-height: 1.35;
  max-width: 26ch;
  margin: 0 auto;
  text-align: center;
}
.pull .q em { color: var(--gold); }

.tenets { padding: 120px 0; }
.tenet {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 36px;
  padding: 34px 0;
  border-top: 1px solid var(--line);
  align-items: baseline;
}
.tenet .tn { font-family: var(--serif); font-style: italic; color: var(--gold); font-size: 1.2rem; }
.tenet h4 { font-family: var(--serif); font-weight: 500; font-size: 1.5rem; margin-bottom: 8px; }
.tenet p { color: var(--muted); max-width: 54ch; }

@media (max-width: 860px) {
  .twocol { grid-template-columns: 1fr; gap: 40px; }
  .tenet { grid-template-columns: 1fr; gap: 14px; }
}