/* vivid FV — animated orbs background */

.vivid-fv {
  position: relative;
  width: 100%;
  /* FV の高さは viewport + 100px（オーブの動きに余白を持たせる） */
  height: calc(100vh + 100px);
  min-height: 860px;
  /* canvas が FV 下端を超えて延長するため visible */
  overflow: visible;
}

.vivid-fv canvas {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  /* canvas を FV 下端から +400px 延長：オーブの柔らかい縁が次セクションへ自然にフェードして溶け込む */
  height: calc(100% + 400px);
  pointer-events: none;
}