/* 動画は切らずに全体を収める（contain）。余白は動画の端と同じ色で、つなぎ目は見えない。
   ヒーロー冒頭：「お悩み」動画を、最初の1回だけ全面で流す（js/hero-intro.js とセット）
   PC：ヒーロー全面に重ね、その間は見出し・ボタンを隠す。スマホ：動画の枠の中で流す（文字は隠さない） */
.hero-intro { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; z-index: 3; background: #0a1a2b; opacity: 1; transition: opacity .9s ease; pointer-events: none; }
.hero-intro.out { opacity: 0; }
.hero-copy { transition: opacity .9s ease; }
@media (min-width: 901px) {
  .intro-pre .hero-copy { opacity: 0; transition: none; pointer-events: none; }
  .intro-pre .hero-video { opacity: 0 !important; }
}
@media (prefers-reduced-motion: reduce) { .hero-intro { display: none; } }