.container {
  width: min(var(--nurture-container), calc(100% - (var(--nurture-container-gutter) * 2)));
  margin-inline: auto;
}

.section {
  padding-block: var(--nurture-section-space);
}

.section--cream {
  background: var(--nurture-cream);
}

.section--soft {
  background: var(--nurture-soft);
}

.section--red {
  background: var(--nurture-red);
  color: var(--nurture-white);
}

.layout-grid {
  display: grid;
  gap: var(--nurture-grid-gap);
}

.layout-split {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--nurture-grid-gap);
}

.media-frame {
  position: relative;
  overflow: hidden;
  border-radius: var(--nurture-radius-card);
}

.media-frame > img,
.media-frame > picture,
.media-frame > video,
.media-frame > iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}