/* Dark CTA band — full-bleed section with decorative blobs.
 * ---------------------------------------------------------------------- */

@layer modules {
  .cta-band {
    background-color: var(--color-ink);
    color: var(--color-ink-inverted);
    overflow: hidden;
    padding-block: clamp(var(--space-xxl), 6vw, 4rem);
    padding-inline: clamp(var(--space-l), 3vw, var(--space-xxl));
    position: relative;
    text-align: center;
  }

  .cta-band__content {
    position: relative;
    z-index: 1;
  }

  .cta-band__body {
    margin-inline: auto;
    max-inline-size: 32rem;
    opacity: 0.7;
  }

  .cta-band .blob {
    opacity: 0.4;
  }

  .cta-band__blob--accent {
    --blob-color: var(--color-accent);
    block-size: 12rem;
    inline-size: 12rem;
    inset-block-start: -3rem;
    inset-inline-start: 20%;
  }

  .cta-band__blob--cobalt {
    --blob-color: var(--color-cobalt);
    block-size: 17rem;
    inline-size: 17rem;
    inset-block-end: -6rem;
    inset-inline-end: 15%;
    opacity: 0.35;
  }
}