.mc-section {
  padding-top: var(--mc-section-y);
  padding-bottom: var(--mc-section-y);
}

.mc-section--light {
  background: var(--mc-paper);
  color: var(--mc-ink);
}

.mc-section--sand {
  background: var(--mc-sand);
  color: var(--mc-ink);
}

.mc-section--dark {
  background: var(--mc-navy);
  color: var(--mc-sand);
}

.mc-section--dark h1,
.mc-section--dark h2,
.mc-section--dark p {
  color: var(--mc-sand);
}

.mc-section--dark a:not(.btn) {
  color: var(--mc-sand);
  text-decoration: underline;
}

.mc-section--dark a:not(.btn):hover {
  color: #fff;
}

.mc-eyebrow {
  color: var(--mc-teal-600);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: var(--mc-fs-eyebrow);
  font-family: var(--mc-font-sans);
  font-weight: 600;
  margin-bottom: var(--mc-space-3);
}

.mc-section--dark .mc-eyebrow {
  color: var(--mc-teal-100);
}

.mc-section__title {
  margin-bottom: var(--mc-space-4);
}

.mc-section__intro {
  max-width: 40rem;
  margin-bottom: var(--mc-space-6);
}

.mc-hero {
  min-height: auto;
  padding-top: var(--mc-space-7);
  padding-bottom: var(--mc-space-8);
}

.mc-hero__title {
  color: var(--mc-ink);
  margin-bottom: var(--mc-space-4);
}

.mc-hero__lead {
  font-size: 1.2rem;
  color: var(--mc-ink-600);
  margin-bottom: var(--mc-space-5);
  max-width: 36rem;
}

.mc-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--mc-space-4);
  margin-bottom: var(--mc-space-4);
}

.mc-hero__trust {
  font-size: var(--mc-fs-small);
  color: var(--mc-ink-400);
}

.mc-media {
  position: relative;
  overflow: hidden;
  background: var(--mc-sand-200);
}

.mc-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mc-media--hero {
  aspect-ratio: 16 / 10;
  border-radius: var(--mc-radius-lg);
  overflow: hidden;
  box-shadow: var(--mc-shadow-lg);
}


.mc-media--og-preview { aspect-ratio: 1200 / 630; }
.mc-media--blog { aspect-ratio: 16 / 9; }