/* ════════════════════════════════════
   ダーク背景ページヒーロー共通スタイル
   （写真背景テンプレート全ページで読み込む）
════════════════════════════════════ */
.page-hero::before {
  background: linear-gradient(135deg, rgba(0,0,0,.62) 0%, rgba(0,0,0,.38) 100%);
}
.page-hero h1,
.page-hero .hero-lead { color: #fff; }
.page-hero .breadcrumb,
.page-hero .breadcrumb a,
.page-hero .breadcrumb span { color: rgba(255,255,255,.72); }
.page-hero .pill {
  background: rgba(255,255,255,.15);
  border-color: rgba(255,255,255,.35);
  color: rgba(255,255,255,.92);
}
.navbar:not(.stuck) .logo-main { color: #fff; }
.navbar:not(.stuck) .logo-sub { color: rgba(255,255,255,.78); }
.navbar:not(.stuck) .nav-links a { color: rgba(255,255,255,.85); }
.navbar:not(.stuck) .nav-links a:hover { color: #fff; background: rgba(255,255,255,.12); }
.navbar:not(.stuck) .hamburger span { background: #fff; }