/* 2026-09-29: ファーストビュー見出しの「未来」だけを特別なシャンパンゴールドに。
   他のシャンパンゴールド（#c6af7a の単色）とは変えて、金属の板に光が当たったような明暗のグラデーション＋
   うっすらした立体の影で高級感を出す。光がゆっくり横に流れる（動きを抑える設定の端末では止まる）。 */
.hero h1 .hero-gold{
  display:inline-block;
  background:linear-gradient(172deg,#fff7e0 0%,#f3e2b3 16%,#d8bc7e 32%,#9c7a3e 48%,#c9a865 58%,#f4e4b8 72%,#e0c68c 84%,#8f6d34 100%);
  background-size:100% 100%;
  -webkit-background-clip:text;background-clip:text;
  color:transparent;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 1px 0 rgba(255,244,214,.35)) drop-shadow(0 -1px 0 rgba(60,42,12,.55)) drop-shadow(0 8px 18px rgba(0,0,0,.6));
  position:relative;
}
/* 光のすじ（上に重ねる薄いハイライト） */
.hero h1 .hero-gold::after{
  content:"未来";
  position:absolute;inset:0;
  background:linear-gradient(105deg,transparent 0%,transparent 38%,rgba(255,252,238,.85) 48%,transparent 58%,transparent 100%);
  background-size:260% 100%;background-position:120% 0;
  -webkit-background-clip:text;background-clip:text;
  color:transparent;-webkit-text-fill-color:transparent;
  animation:hero-gold-sheen 7s ease-in-out 1.2s infinite;
  pointer-events:none;
}
@keyframes hero-gold-sheen{0%{background-position:120% 0}35%,100%{background-position:-20% 0}}
@media (prefers-reduced-motion:reduce){.hero h1 .hero-gold::after{animation:none;opacity:0}}