/* 사본 화면 ↔ 컨설팅 랜딩 전환. 값은 fade.js 와 같다(곡선 = 랜딩 --ease · 500ms).
   문서 사이 전환 규칙은 여기 두지 않는다 — 사본은 컨설팅으로 갈 때만 fade.js 가 붙이고, 랜딩은 자기 머리에 둔다. */
::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: 500ms;
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
}

/* 문서 사이 전환을 모르는 브라우저: 나갈 때 짧게 흐리고, 랜딩은 0 → 1 로 열린다 */
html.lf-leave body { opacity: 0; transition: opacity 260ms ease-out; }
html.lf-enter body { opacity: 0; }
html.lf-enter.lf-in body { opacity: 1; transition: opacity 500ms cubic-bezier(0.16, 1, 0.3, 1); }

@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root),
  ::view-transition-new(root) { animation: none; }
  html.lf-leave body,
  html.lf-enter body { opacity: 1; transition: none; }
}