/* ============================================================
   PROJECTS HERO — ページ固有オーバーライド
   共通スタイルは css/common/sub-hero.css で定義済み。
   ここでは projects ページ固有の差分のみ記載する。
   ============================================================ */

/* ---- Section: 高さ・パディングが他サブページより大きい ---- */
.projects-hero {
  min-height: 260px;
  padding-bottom: 64px;
}

/* ---- 日本語見出し: 色・サイズ・マージンが異なる ---- */
.projects-hero .sub-hero__ja,
.projects-hero__ja {
  font-size: clamp(1.1rem, 2.5vw, 1.5rem);
  color: var(--c-text, #1A1A1A);
  margin: 0 0 12px;
}

/* ---- サブコピー（projects固有） ---- */
.projects-hero__sub {
  font-family: var(--f-body, 'Noto Sans JP', sans-serif);
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  font-weight: 400;
  color: var(--c-text-light, #555555);
  margin: 0;
  line-height: 1.7;
  max-width: 640px;
  letter-spacing: 0.04em;
}

/* ---- Responsive ---- */
@media (max-width: 768px) {
  .projects-hero {
    min-height: 240px;
    padding-bottom: 52px;
  }

  .projects-hero__sub {
    font-size: 0.875rem;
  }
}

@media (max-width: 480px) {
  .projects-hero {
    min-height: 220px;
    padding-bottom: 44px;
  }
}