.recognition.recognition-light {
  --ink: #111111;
  --paper: #f8f6f1;
  --muted: #67645f;
  --line: #d7d3cc;
  width: 100%;
  padding: 80px 18px 76px;
  color: var(--ink);
  background: var(--paper);
}

.receive.receive-light {
  --ink: #111111;
  --paper: #f8f6f1;
  --muted: #67645f;
  --line: #d7d3cc;
  width: 100%;
  padding: 76px 18px;
  color: var(--ink);
  background: var(--paper);
}

.recognition-inner,
.personal-story-inner,
.receive-inner {
  width: min(var(--content), 100%);
  margin-inline: auto;
}

.section.personal-story {
  --ink: #f8f6f1;
  --paper: #111111;
  --muted: #c9c5bd;
  --line: #3c3a36;
  width: 100%;
  padding: 76px 18px;
  color: var(--ink);
  background: var(--paper);
}

.personal-story .family-intro {
  margin: 0;
}

@media (min-width: 760px) {
  .recognition.recognition-light,
  .section.personal-story,
  .receive.receive-light {
    padding-top: 105px;
    padding-bottom: 105px;
  }

  .personal-story {
    text-align: center;
  }

  .personal-story .intro {
    margin-left: auto;
    margin-right: auto;
  }
}