/* Louis Yoga — assets/lyx-motion.css (17/10/2026). Đi kèm assets/lyx-motion.js, nạp trong snippets/lyx-footer.bwt.
   Trạng thái ẩn CHỈ áp khi <html> có .lym và phần tử được JS gắn class (nằm dưới màn hình lúc tải). Chỉ dùng opacity / transform / clip-path → không xô bố cục. */
html.lym{scroll-behavior:smooth}
.lym .lym-eye,.lym .lym-up,.lym .lym-item{opacity:0;transform:translate3d(0,28px,0);transition:opacity .9s var(--lyx-ease,cubic-bezier(.2,.7,.2,1)) var(--lym-d,0s),transform 1.1s var(--lyx-ease,cubic-bezier(.2,.7,.2,1)) var(--lym-d,0s)}
.lym .lym-eye{transform:translate3d(0,14px,0)}
.lym .lym-eye.lym-in,.lym .lym-up.lym-in,.lym .lym-item.lym-in{opacity:1;transform:none}
.lym-mask{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}
.lym-mask>span{display:inline-block}
.lym .lym-split .lym-mask>span{transform:translate3d(0,108%,0);transition:transform 1.2s var(--lyx-ease,cubic-bezier(.2,.7,.2,1)) var(--lym-d,0s)}
.lym .lym-split.lym-in .lym-mask>span{transform:none}
/* clip-path đặt trên <img> bên trong (không đặt trên phần tử được IntersectionObserver theo dõi — clip 100% làm vùng giao = 0, ảnh không bao giờ hiện) */
.lym .lym-img img{clip-path:inset(100% 0 0 0);transform:scale(1.14);transition:clip-path 1.3s var(--lyx-ease,cubic-bezier(.2,.7,.2,1)) var(--lym-d,0s),transform 1.9s var(--lyx-ease,cubic-bezier(.2,.7,.2,1)) var(--lym-d,0s)}
.lym .lym-img.lym-in img{clip-path:inset(0 0 0 0);transform:none}
/* Nút hút theo chuột (PC) — giữ transition màu sẵn có của nút */
.lym-mag{transform:translate3d(var(--mx,0px),var(--my,0px),0);transition:transform .5s var(--lyx-ease,cubic-bezier(.2,.7,.2,1)),background .25s,background-color .25s,color .25s,border-color .25s,gap .25s}
/* Parallax hero trang chủ (PC): ảnh/video trôi chậm + phóng nhẹ, chữ nâng lên và mờ dần khi cuộn qua */
.lym-par .lyxh-hero-media{transform:translate3d(0,calc(var(--lym-y,0) * .3px),0) scale(calc(1 + var(--lym-y,0) * .00014));will-change:transform}
.lym-par .lyxh-hero-copy{transform:translate3d(0,calc(var(--lym-y,0) * -.16px),0);opacity:calc(1 - var(--lym-y,0) / 620)}
/* Thanh tiến độ đọc — trang bài viết */
.lym-progress{position:fixed;left:0;right:0;top:0;z-index:2000;height:2px;background:linear-gradient(90deg,var(--lyx-cta,#5a2333),var(--lyx-brand,#d82183));transform:scaleX(0);transform-origin:left center;pointer-events:none}
@media print{.lym .lym-eye,.lym .lym-up,.lym .lym-item,.lym .lym-split .lym-mask>span,.lym .lym-img img{opacity:1!important;transform:none!important;clip-path:none!important}.lym-progress{display:none}}