@media (max-width: 1024px) {
  .ccc-section {
    padding-block: clamp(56px, 7vw, 96px);
  }

  .ccc-split {
    gap: clamp(24px, 4vw, 48px);
  }
}

@media (max-width: 900px) {
  .ccc-grid--3,
  .ccc-split {
    grid-template-columns: 1fr;
  }

  .ccc-card__content,
  .ccc-service-card,
  .ccc-cta-panel {
    padding: 24px;
  }
}

@media (max-width: 768px) {
  .ccc-section {
    padding-block: var(--ccc-section-padding-small);
  }

  .ccc-grid--2 {
    grid-template-columns: 1fr;
  }

  .ccc-stack {
    gap: var(--ccc-space-sm);
  }

  .ccc-heading--xl {
    font-size: clamp(2.5rem, 10vw, 4rem);
  }

  .ccc-heading--lg {
    font-size: clamp(2.1rem, 7vw, 3.25rem);
  }

  .ccc-heading--md {
    font-size: clamp(1.65rem, 5.5vw, 2.4rem);
  }
}

@media (max-width: 480px) {
  .ccc-container,
  .ccc-container--wide {
    width: min(100% - 32px, var(--ccc-content-width));
  }

  .ccc-button {
    width: 100%;
    min-height: 48px;
    padding-inline: 1.25rem;
  }

  .ccc-card__content,
  .ccc-service-card,
  .ccc-cta-panel {
    padding: 20px;
  }

  .ccc-eyebrow,
  .ccc-kicker {
    font-size: 0.6875rem;
  }
}