/* ── CTA STRIP MODULE ── */
.hds-cta-strip {
  padding: var(--space-2xl) var(--gutter);
  text-align: center;
  position: relative;
  overflow: hidden;
}
.hds-cta-strip__inner {
  max-width: var(--max-narrow);
  margin-inline: auto;
  position: relative;
  z-index: 1;
}
/* Background variants */
.hds-cta-strip--plum {
  background: var(--plum);
}
.hds-cta-strip--plum::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(195,211,185,.12) 0%, transparent 50%);
  pointer-events: none;
}
.hds-cta-strip--charcoal { background: var(--charcoal); }
.hds-cta-strip--sage-light { background: var(--sage-light); }
.hds-cta-strip--sand { background: var(--sand); }
/* Text colors by background */
.hds-cta-strip--plum .hds-cta-strip__eyebrow { color: rgba(255,255,255,.45); }
.hds-cta-strip--charcoal .hds-cta-strip__eyebrow { color: rgba(255,255,255,.4); }
.hds-cta-strip--plum .hds-cta-strip__heading,
.hds-cta-strip--charcoal .hds-cta-strip__heading { color: var(--white); }
.hds-cta-strip--plum .hds-cta-strip__heading em,
.hds-cta-strip--charcoal .hds-cta-strip__heading em { color: var(--sage); }
.hds-cta-strip--plum .hds-cta-strip__content,
.hds-cta-strip--charcoal .hds-cta-strip__content { color: rgba(255,255,255,.7); }
.hds-cta-strip--plum .hds-cta-strip__meta,
.hds-cta-strip--charcoal .hds-cta-strip__meta { color: rgba(255,255,255,.52); }
/* Heading */
.hds-cta-strip__eyebrow { margin-bottom: var(--space-sm); }
.hds-cta-strip__heading {
  font-family: var(--font-display);
  font-size: 42px;
  font-weight: var(--fw-light);
  line-height: var(--lh-tight);
  margin-bottom: var(--space-sm);
  color: var(--charcoal);
}
.hds-cta-strip__heading em { font-style: italic; color: var(--plum); }
.hds-cta-strip__content {
  font-family: var(--font-body);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  margin-bottom: var(--space-lg);
  color: var(--mid);
}
.hds-cta-strip__btn-wrap { margin-bottom: var(--space-md); }
.hds-cta-strip__meta {
  font-family: var(--font-utility);
  font-size: var(--fs-meta);
  line-height: 2;
  color: var(--mid);
}
@media (max-width: 900px) { .hds-cta-strip { padding: 64px var(--gutter); } }
@media (max-width: 600px) {
  .hds-cta-strip { padding: 52px var(--gutter); }
  .hds-cta-strip__heading { font-size: 28px; }
}