.section {
  padding: 3rem 1.2rem;
}

.section-container {
  max-width: 1100px;
  margin: 0 auto;
}

.section-light {
  background: #d2d6df;
}

.section-accent {
  background: #e4d9da;
}

/* ===== SPLIT LAYOUT (MOBILE FIRST) ===== */
.split {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.split-image img {
  width: 100%;
  border-radius: 10px;
}

.split-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

@media (min-width: 768px) {
  .split {
    flex-direction: row;
    align-items: center;
    gap: 2rem;
  }

  .split > div {
    flex: 1;
  }

  .reverse {
    flex-direction: row-reverse;
  }

}