/* =========================================================
   Component / Section Heading
   ラベル(c-eyebrow)・見出し(c-heading)・リード文(c-lead)は
   それぞれ独立した再利用パーツ。単体でも、c-section-intro で
   まとめても使える（BEMのElementにしない＝親ブロック固定にしない）
   ========================================================= */
.c-section-intro {
  text-align: center;
  margin-bottom: 64px;
}

.c-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--accent-1);
  background: rgba(124, 58, 237, 0.12);
  border: 1px solid rgba(124, 58, 237, 0.25);
  border-radius: 999px;
  padding: 6px 16px;
  margin-bottom: 16px;
}

.c-heading {
  font-size: clamp(2rem, 5vw, 3.25rem);
  margin-bottom: 16px;
}

.c-lead {
  color: var(--text-muted);
  font-size: 1.125rem;
  max-width: 560px;
  margin: 0 auto;
}