/* 2026-08-20 Aura: 首頁動效(方案一 v4)
   節奏拉到「慵懶、不急」檔:
   - 進場前加 0.4s 蓄勢 delay(先停一拍再開始,去掉「一滑就急著動」的急促感)
   - 單一元素進場 3s、children 2.8s、hero 2.6s
   - stagger 間隔拉更開(steps 0.45s / pain 0.36s) */
@media (prefers-reduced-motion: reduce){
  html.lvn8-motion-ready body.page-id-27575 .lvn8-motion,
  html.lvn8-motion-ready body.page-id-27575 .lvn8-mot-child{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }
}

/* ---- 基礎進場(慵懶長,v4: 3s + 蓄勢 delay .4s) ---- */
html.lvn8-motion-ready body.page-id-27575 .lvn8-motion{
  opacity:0;
  transform:translateY(36px);
  transition:opacity 3s cubic-bezier(.22,.55,.18,1), transform 3s cubic-bezier(.22,.55,.18,1);
  transition-delay:.4s;
  will-change:opacity,transform;
}
html.lvn8-motion-ready body.page-id-27575 .lvn8-motion.lvn8-motion-in{
  opacity:1;
  transform:none;
}

/* ---- 依區塊不同方向 ---- */
html.lvn8-motion-ready body.page-id-27575 .lvn8-sec.lvn8-mot-up:not(.lvn8-motion-in){
  transform:translateY(46px);
}
/* 雙欄 split: 左右向內收(2.8s + 蓄勢 .4s) */
html.lvn8-motion-ready body.page-id-27575 .lvn8-sec--split.lvn8-mot-side .lvn8-mot-child{
  opacity:0;
  transform:translateY(26px);
  transition:opacity 2.8s cubic-bezier(.22,.55,.18,1), transform 2.8s cubic-bezier(.22,.55,.18,1);
}
html.lvn8-motion-ready body.page-id-27575 .lvn8-sec--split.lvn8-mot-side .lvn8-mot-child:nth-child(odd){transform:translateX(-28px)}
html.lvn8-motion-ready body.page-id-27575 .lvn8-sec--split.lvn8-mot-side .lvn8-mot-child:nth-child(even){transform:translateX(28px)}
html.lvn8-motion-ready body.page-id-27575 .lvn8-sec--split.lvn8-mot-side.lvn8-motion-in .lvn8-mot-child{
  opacity:1;
  transform:none;
}

/* steps / list / pain: 內部 item 逐一浮現(v4: 2.8s,delay 由 JS inline 給) */
html.lvn8-motion-ready body.page-id-27575 .lvn8-sec.lvn8-mot-children .lvn8-mot-child{
  opacity:0;
  transform:translateY(24px);
  transition:opacity 2.8s cubic-bezier(.22,.55,.18,1), transform 2.8s cubic-bezier(.22,.55,.18,1);
}
html.lvn8-motion-ready body.page-id-27575 .lvn8-sec.lvn8-mot-children.lvn8-motion-in .lvn8-mot-child{
  opacity:1;
  transform:none;
}

/* 深墨 CTA 收尾: 輕微放大淡入 */
html.lvn8-motion-ready body.page-id-27575 .lvn8-sec--dark-cta.lvn8-mot-scale:not(.lvn8-motion-in){
  transform:scale(.96);
}

/* Hero 小孩: 只做 opacity reveal(保留 transform 給視差),v4 慵懶 + 更鬆的 stagger */
html.lvn8-motion-ready body.page-id-27575 .lvn8-hero > .lvn8-motion{
  transform:none !important;
  transition:opacity 2.6s ease;
  transition-delay:.15s;
}
html.lvn8-motion-ready body.page-id-27575 .lvn8-hero > .lvn8-motion:nth-child(1){transition-delay:.15s}
html.lvn8-motion-ready body.page-id-27575 .lvn8-hero > .lvn8-motion:nth-child(2){transition-delay:.55s}
html.lvn8-motion-ready body.page-id-27575 .lvn8-hero > .lvn8-motion:nth-child(3){transition-delay:.95s}
html.lvn8-motion-ready body.page-id-27575 .lvn8-hero > .lvn8-motion:nth-child(4){transition-delay:1.35s}
html.lvn8-motion-ready body.page-id-27575 .lvn8-hero > .lvn8-motion:nth-child(5){transition-delay:1.75s}
html.lvn8-motion-ready body.page-id-27575 .lvn8-hero > .lvn8-motion:nth-child(6){transition-delay:2.15s}
html.lvn8-motion-ready body.page-id-27575 .lvn8-hero > .lvn8-motion:nth-child(7){transition-delay:2.55s}

/* Hero 微視差: 滑鼠跟手,subtle,桌機 fine pointer */
@media (hover:hover) and (pointer:fine){
  body.page-id-27575 .lvn8-hero > *{transition:transform .5s cubic-bezier(.22,.61,.36,1)}
  body.page-id-27575 .lvn8-hero:hover > *{transform:translate(var(--parX,0px),var(--parY,0px))}
}