body {
  background-color: #F4F4F0;
  color: #111111;
}
.section-muted {
  background-color: #F7F7F5;
}
.section-accent {
  background-color: #FFFFFF;
}
.hero-planning .hero-overlay {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.35));
}
.planning-intro {
  max-width: 720px;
}
.planning-grid-main {
  gap: var(--space-32);
}
.planning-aside {
  align-self: stretch;
}
.decor-grid {
  align-items: stretch;
  gap: var(--space-32);
}
.decor-media {
  position: relative;
  width: 100%;
  padding-top: 70%;
  overflow: hidden;
  background-color: var(--gray-200);
}
.decor-media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.decor-list {
  display: grid;
  gap: var(--space-16);
}
.decor-list li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: var(--space-16);
}
.faq-grid {
  gap: var(--space-24);
}
.closing-cta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-12);
}
@media (min-width: 768px) {
  .decor-grid {
    grid-template-columns: minmax(0, 3fr) minmax(0, 4fr);
  }
}