.content-blocks {
  --cb-bg: #0f172a;
  --cb-text: #ffffff;
  --cb-accent: #22d3ee;
  --cb-card: #111c31;
  background: var(--cb-bg);
  color: var(--cb-text);
  padding: clamp(2rem, 5vw, 3.5rem) clamp(1rem, 4vw, 2rem);
  box-sizing: border-box;
}

.content-blocks *,
.content-blocks *::before,
.content-blocks *::after {
  box-sizing: border-box;
}

.content-blocks__head {
  max-width: 62rem;
  margin: 0 auto 1.25rem;
  text-align: center;
}

.content-blocks__title {
  margin: 0 0 0.45rem;
  font-size: clamp(1.3rem, 3.2vw, 2rem);
  font-weight: 800;
}

.content-blocks__sub {
  margin: 0;
  font-size: clamp(0.9rem, 2vw, 1.02rem);
  opacity: 0.88;
}