.about-section {
  text-align: left;
}

.about-heading {
  display: grid;
  grid-template-columns: minmax(180px, .55fr) minmax(420px, 1.45fr);
  gap: clamp(28px, 7vw, 110px);
  align-items: end;
  border-bottom: 1px solid #304556;
  padding-bottom: 34px;
}

.about-kicker {
  color: var(--coral);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.about-heading h1 {
  font-family: "Newsreader", serif;
  font-size: clamp(2.6rem, 4.8vw, 5rem);
  font-weight: 500;
  letter-spacing: -.04em;
  line-height: .98;
  margin: 0;
}

.editorial-section { background: var(--paper); padding: 96px clamp(24px, 9vw, 140px); }
.editorial-intro { display: grid; grid-template-columns: .5fr 1.2fr 1fr; gap: clamp(24px, 5vw, 70px); align-items: end; border-bottom: 1px solid var(--line); padding-bottom: 34px; }
.editorial-intro > span, .accountability-section article > span { color: var(--coral); font-size: .72rem; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.editorial-intro h2, .accountability-section h2 { font-family: "Newsreader", serif; font-size: clamp(2.2rem, 4vw, 4rem); font-weight: 500; letter-spacing: -.035em; line-height: 1; margin: 0; }
.editorial-intro p, .editorial-steps p, .accountability-section p { color: var(--muted); line-height: 1.75; margin: 0; }
.editorial-steps { list-style: none; margin: 0; padding: 0; }
.editorial-steps li { display: grid; grid-template-columns: 80px 1fr; gap: 26px; padding: 30px 0; border-bottom: 1px solid var(--line); }
.editorial-steps li > span { color: var(--coral); font-family: "Newsreader", serif; font-size: 1.25rem; }
.editorial-steps h3 { font-family: "Newsreader", serif; font-size: 1.7rem; font-weight: 500; margin: 0 0 7px; }
.accountability-section { background: white; display: grid; grid-template-columns: repeat(3, 1fr); padding: 0 clamp(24px, 7vw, 110px); }
.accountability-section article { padding: 64px clamp(26px, 4vw, 55px); border-right: 1px solid var(--line); }
.accountability-section article:last-child { border-right: 0; }
.accountability-section h2 { font-size: 2rem; margin: 18px 0 16px; }
.accountability-section a { display: inline-block; border-bottom: 1px solid var(--ink); font-size: .82rem; font-weight: 700; margin-top: 24px; padding-bottom: 5px; }

.about-section blockquote {
  font-size: clamp(2rem, 3.7vw, 4rem);
  margin: 58px 0 48px;
  max-width: 1180px;
}

.about-overview {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(30px, 6vw, 90px);
  margin: 0 0 64px;
  max-width: 1180px;
}

.about-overview p {
  color: #afbdc6;
  font-size: 1rem;
  line-height: 1.75;
  margin: 0;
}

.about-overview a {
  color: white;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.about-section .principles {
  grid-template-columns: repeat(4, 1fr);
}

.about-section .principles strong {
  font-size: .95rem;
}

.about-section .principles p {
  line-height: 1.6;
}

@media (max-width: 980px) {
  .about-section .principles { grid-template-columns: repeat(2, 1fr); }
  .about-section .principles > div:nth-child(2) { border-right: 0; }
  .about-section .principles > div:nth-child(-n+2) { border-bottom: 1px solid #304556; }
  .editorial-intro { grid-template-columns: 1fr 1fr; }
  .editorial-intro > span { grid-column: 1 / -1; }
  .accountability-section { grid-template-columns: 1fr; }
  .accountability-section article { border-right: 0; border-bottom: 1px solid var(--line); }
}

@media (max-width: 700px) {
  .about-heading,
  .about-overview { grid-template-columns: 1fr; }
  .editorial-intro { grid-template-columns: 1fr; }
  .editorial-intro > span { grid-column: auto; }
  .editorial-steps li { grid-template-columns: 48px 1fr; gap: 12px; }
  .about-section blockquote { margin-top: 42px; }
  .about-section .principles { grid-template-columns: 1fr; }
  .about-section .principles > div { border-right: 0; border-bottom: 1px solid #304556; }
  .about-section .principles > div:last-child { border-bottom: 0; }
}