/* ===== Motion — Finance Story (หน้าแรก · FINAL 1 ต.ค. 2026) · เคลื่อนไหวครั้งเดียวตอนเลื่อนถึง · ไม่วนซ้ำ ===== */
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
/* ให้ GSAP คุมแทนระบบ reveal เดิม */
html.mo .reveal{opacity:1;transform:none;transition:none}
html.mo .ui{animation:none}
.mo-w{display:inline;will-change:opacity}
/* ม่านเปลี่ยนหน้า */
.mo-wipe{position:fixed;inset:0;z-index:200;pointer-events:none;display:grid;place-items:center;
  background:linear-gradient(160deg,#0F3150,#0B2439 60%,#123A5A);clip-path:inset(100% 0 0 0)}
.mo-wipe .mo-logo{font-family:Kanit,sans-serif;font-size:clamp(28px,4vw,46px);color:#fff;letter-spacing:.01em;opacity:0}
.mo-wipe .mo-logo b{color:#E8891A;font-weight:500}
.mo-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:201;background:#fff;color:#0E2F49;
  font:14px/1.4 Kanit,sans-serif;padding:10px 18px;border-radius:999px;box-shadow:0 12px 30px rgba(8,24,40,.25);opacity:0;pointer-events:none}
/* ป้ายบอกว่าเป็นไฟล์ตัวอย่าง motion */
.mo-badge{position:fixed;right:14px;bottom:18px;z-index:90;font:12px Kanit,sans-serif;color:#fff;background:#E8891A;padding:5px 12px;border-radius:999px;box-shadow:0 6px 16px rgba(0,0,0,.2)}
@media(prefers-reduced-motion:reduce){.mo-wipe,.mo-toast{display:none}}
/* เส้นใต้ "ความรู้" วาดตามหลังคำ */
html.mo .hero2 h1 .hl::after{transform:skewX(-8deg) scaleX(0)!important;transform-origin:0 50%;transition:transform .9s cubic-bezier(.2,.8,.2,1)!important}
html.mo .hero2 h1 .hl.mo-on::after{transform:skewX(-8deg) scaleX(1)!important}
@media(max-width:640px){.mo-badge{bottom:auto;top:84px;right:10px}}