:root {
  --ink: #292521;
  --sage: #c6b59a;
  --sage-dark: #806f5a;
  --mist: #f3eee5;
  --sand: #e9dfcf;
  --cream: #fdfbf8;
  --line: #dfd4c4;
}
.hero-overlay {
  background: linear-gradient(90deg, rgba(253,251,248,.97) 0%, rgba(253,251,248,.86) 36%, rgba(253,251,248,.14) 72%, rgba(253,251,248,0) 100%);
}
.about { background: var(--mist); max-width: none; padding-left: calc((100% - 1048px) / 2); padding-right: calc((100% - 1048px) / 2); }
.about-grid { max-width: 1048px; margin: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 105px; align-items: start; }
.about h2 { font-size: 50px; }
.about-grid p { font-size: 17px; margin-top: 0; }
.faq-grid details:nth-child(n+5) { grid-column: span 1; }
@media (max-width: 800px) {
  .about { padding-left: 25px; padding-right: 25px; }
  .about-grid { grid-template-columns: 1fr; gap: 35px; }
  .about h2 { font-size: 42px; }
}