/* ============================================================
   component: feature-grid
   上に罫線 + 日本語見出し + 説明文 のカードを 3 列で並べる。
   「Who we are」「Advantages unlocking your performance」で共用。
   ============================================================ */

.feature-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(28px, 4vw, 52px) clamp(24px, 4vw, 48px);
}

.feature-card { padding-top: 18px; border-top: 1px solid var(--c-line); }

.feature-card__title {
  font-family: var(--font-jp);
  font-size: var(--fs-h3);
  font-weight: 700;
  color: var(--c-ink);
  letter-spacing: 0.01em;
  line-height: 1.45;
  margin-bottom: 12px;
}

.feature-card__body { color: var(--c-text); }

@media (max-width: 860px) {
  .feature-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 560px) {
  .feature-grid { grid-template-columns: 1fr; }
}