.mc-container {
  box-sizing: border-box;
  width: min(100% - (2 * var(--mc-gutter)), var(--mc-container));
  margin-inline: auto;
}

.mc-section {
  position: relative;
  padding-block: var(--mc-section-space);
  overflow: clip;
}

.mc-section--white { background: var(--mc-color-white); }
.mc-section--blush { background: var(--mc-color-blush); }
.mc-section--wine { background: var(--mc-color-wine); color: var(--mc-color-white); }
.mc-section--wine :where(h1, h2, h3, p, a) { color: inherit; }

.mc-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--mc-space-5);
}

@media (max-width: 74.999rem) {
  .mc-grid { grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 1.25rem; }
}
@media (max-width: 47.999rem) {
  .mc-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
}