/* ===== LAYOUT ===== */
/* コンテナ幅、12カラムグリッド、セクション余白など、ページ全体の骨格のみを扱う。 */

.container {
  max-width: 1440px;
  margin-inline: auto;
  padding-inline: var(--page-padding);
}

/* SPEC.md 6章のグリッド定義 */
.layout-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: clamp(16px, 2vw, 32px);
}

.section {
  padding-block: var(--section-space);
}

/* ファーストビュー・実績画像・CTAなど、画面端まで広げる領域に使用する */
.section--full-bleed {
  padding-inline: 0;
}

.section-label {
  font-family: var(--font-mono);
  font-size: 0.75rem;
  letter-spacing: 0.28em;
  color: var(--color-muted);
  margin-bottom: 24px;
}