.hero {
  background:
    radial-gradient(circle at 82% 22%, transparent 0 6rem, rgba(237,195,125,.13) 6.1rem 6.3rem, transparent 6.4rem 11rem, rgba(237,195,125,.08) 11.1rem 11.25rem, transparent 11.35rem),
    linear-gradient(135deg, #07131f, #172b3d 68%, #07131f);
}

.hero h1 { max-width: 980px; }

.mechanism-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin: 2rem 0 2.6rem;
  overflow: hidden;
  background: #c9b183;
  border: 1px solid #c9b183;
}

.mechanism-strip section {
  min-height: 180px;
  padding: 1.25rem;
  background: #fffefa;
}

.mechanism-strip .step {
  display: block;
  margin-bottom: .7rem;
  color: #9b6928;
  font: 800 .68rem/1 var(--sans);
  letter-spacing: .14em;
  text-transform: uppercase;
}

.mechanism-strip h3 {
  margin: 0 0 .6rem;
  font-size: 1.15rem;
}

.mechanism-strip p {
  margin: 0;
  font: 400 .86rem/1.55 var(--sans);
}

.boundary-note {
  margin: 2rem 0;
  padding: 1.25rem 1.35rem;
  background: #f0e6d5;
  border: 1px solid #d5bd95;
  border-left: 5px solid #c79345;
  font-family: var(--sans);
  font-size: .9rem;
}

.boundary-note h3 {
  margin: 0 0 .55rem;
  font-size: .78rem;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.boundary-note p:last-child { margin-bottom: 0; }

.closing-question {
  color: #6d4617;
  background: #f0e6d5;
  border-left-width: 5px;
  font-size: 1.3rem !important;
  font-style: italic;
}

.positioning {
  margin: 1.75rem 0 2.25rem;
  padding: 1.35rem;
  background: #f0e6d5;
  border: 1px solid #d5bd95;
}

.positioning h3 {
  margin: 0 0 1rem;
  font-size: 1.25rem;
}

.positioning dl { margin: 0; }

.positioning dl div {
  display: grid;
  grid-template-columns: minmax(135px, .42fr) minmax(0, 1fr);
  gap: 1rem;
  padding: .8rem 0;
  border-top: 1px solid #d9cbb5;
}

.positioning dt {
  font: 800 .72rem/1.4 var(--sans);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.positioning dd {
  margin: 0;
  font: 400 .86rem/1.55 var(--sans);
}

@media (max-width: 820px) {
  .mechanism-strip { grid-template-columns: 1fr; }
  .mechanism-strip section { min-height: 0; }
  .positioning dl div {
    grid-template-columns: 1fr;
    gap: .35rem;
  }
}