/* ==========================================================================
   lp-motion.css — KsLP Editor with do の「動き」プリセット
   要素に data-lpe-motion="プリセット名" を付けると動きます（js/lp-motion.js とセット）。
   JavaScript が動かない環境・「視差効果を減らす」設定では、最初から表示されたままになります。
   微調整（エディタの「動きの微調整」）は、要素ごとの CSS 変数で上書きします：
     --lpm-dur 長さ／--lpm-delay 開始の遅れ／--lpm-dist 移動・揺れ幅／--lpm-from 開始の大きさ／--lpm-scale 拡大率
     --lpm-blur ぼかし／--lpm-iter 繰り返し回数／--lpm-dir 向き（alternate＝往復）
     --lpm-marker マーカーの色／--lpm-mk マーカーの太さ（文字の下から何%）
   data-lpe-start="load"（ページ表示直後に動く）/ "view"（画面に入ってから）、data-lpe-repeat="1"（画面に入るたびに動く）
   移動・拡大は transform ではなく translate・scale で動かす。サイトの transform（中央寄せの translate(-50%,-50%)・傾き・
   ホバーで浮く動きなど）を上書きしないため。終わりの形も、その動きで変えたものだけを元に戻す
   ========================================================================== */
[data-lpe-motion] {
  --lpm-d: .8s;                               /* 長さ */
  --lpm-e: cubic-bezier(.2, .7, .2, 1);       /* イージング（減速して止まる） */
}

/* --- 画面に入ったら1回だけ動く（lpm-ready が付いた後だけ、最初は隠す） --- */
.lpm-ready [data-lpe-motion="reveal"]      { opacity: 0; translate: 0 var(--lpm-dist, 28px); transition: opacity var(--lpm-dur, .8s) ease-out var(--lpm-delay, 0s), translate var(--lpm-dur, .8s) var(--lpm-e) var(--lpm-delay, 0s); }
.lpm-ready [data-lpe-motion="fade"]        { opacity: 0; transition: opacity var(--lpm-dur, 1s) ease var(--lpm-delay, 0s); }
.lpm-ready [data-lpe-motion="slide-left"]  { opacity: 0; translate: calc(var(--lpm-dist, 40px) * -1) 0; transition: opacity var(--lpm-dur, .8s) ease-out var(--lpm-delay, 0s), translate var(--lpm-dur, .8s) var(--lpm-e) var(--lpm-delay, 0s); }
.lpm-ready [data-lpe-motion="slide-right"] { opacity: 0; translate: var(--lpm-dist, 40px) 0; transition: opacity var(--lpm-dur, .8s) ease-out var(--lpm-delay, 0s), translate var(--lpm-dur, .8s) var(--lpm-e) var(--lpm-delay, 0s); }
.lpm-ready [data-lpe-motion="zoom-in"]     { opacity: 0; scale: var(--lpm-from, .92); transition: opacity var(--lpm-dur, 1.2s) ease-out var(--lpm-delay, 0s), scale var(--lpm-dur, 1.2s) var(--lpm-e) var(--lpm-delay, 0s); }
.lpm-ready [data-lpe-motion="blur-in"]     { opacity: 0; filter: blur(var(--lpm-blur, 12px)); transition: opacity var(--lpm-dur, 1.4s) ease-out var(--lpm-delay, 0s), filter var(--lpm-dur, 1.4s) ease-out var(--lpm-delay, 0s); }
.lpm-ready [data-lpe-motion="mask-up"]     { clip-path: inset(100% 0 0 0); transition: clip-path var(--lpm-dur, 1s) cubic-bezier(.77, 0, .18, 1) var(--lpm-delay, 0s); }
.lpm-ready [data-lpe-motion="wipe-in"]     { clip-path: inset(0 100% 0 0); transition: clip-path var(--lpm-dur, 1.2s) cubic-bezier(.77, 0, .18, 1) var(--lpm-delay, 0s); }
.lpm-ready [data-lpe-motion="circle-in"]   { clip-path: circle(0% at 50% 50%); transition: clip-path var(--lpm-dur, 1.4s) cubic-bezier(.65, 0, .35, 1) var(--lpm-delay, 0s); }
/* 終わりの形：その動きで変えたものだけ戻す（サイトの transform・filter・clip-path はそのまま） */
.lpm-ready :is([data-lpe-motion="reveal"], [data-lpe-motion="fade"], [data-lpe-motion="slide-left"], [data-lpe-motion="slide-right"], [data-lpe-motion="zoom-in"], [data-lpe-motion="blur-in"]).lpm-in { opacity: 1; }
.lpm-ready :is([data-lpe-motion="reveal"], [data-lpe-motion="slide-left"], [data-lpe-motion="slide-right"]).lpm-in { translate: none; }
.lpm-ready [data-lpe-motion="zoom-in"].lpm-in { scale: none; }
.lpm-ready [data-lpe-motion="blur-in"].lpm-in { filter: none; }
.lpm-ready :is([data-lpe-motion="mask-up"], [data-lpe-motion="wipe-in"]).lpm-in { clip-path: inset(0 0 0 0); }
.lpm-ready [data-lpe-motion="circle-in"].lpm-in { clip-path: circle(75% at 50% 50%); }

/* テキストリビール（JSが1文字ずつ分け、何行目かを --lpm-l に入れて lpm-rv を付ける）：行ごとに --lpm-line ずつずらして、見えない枠の下からせり上がる。
   文字を下へずらす量と、下から隠す量を同じにすると、枠の下の端が動かず「枠の中にせり上がる」見え方になる */
.lpm-ready [data-lpe-motion="mask-up"].lpm-rv { clip-path: none; transition: none; }
.lpm-ready [data-lpe-motion="mask-up"].lpm-rv [data-lpe-split] {
  position: relative; top: 1.3em; clip-path: inset(-.3em -.15em 1.3em -.15em);
  transition: top var(--lpm-dur, 1s) cubic-bezier(.77, 0, .18, 1), clip-path var(--lpm-dur, 1s) cubic-bezier(.77, 0, .18, 1);
  transition-delay: calc(var(--lpm-delay, 0s) + var(--lpm-l, 0) * var(--lpm-line, .15s));
}
.lpm-ready [data-lpe-motion="mask-up"].lpm-rv.lpm-in [data-lpe-split] { top: 0; clip-path: inset(-.3em -.15em -.3em -.15em); }

/* 文中の言葉（inline の span など）に付けたとき（JSが lpm-ib・lpm-inl を付ける）
   lpm-ib：1行に収まる言葉。inline-block にして translate・scale・clip-path が効くようにする
   lpm-inl：2行以上にまたがる言葉。行ごとにマスクで出す（clip-path だと1行目しか出ないため）、または位置をずらして出す */
.lpm-ib { display: inline-block !important; }
.lpm-ready .lpm-inl:is([data-lpe-motion="mask-up"], [data-lpe-motion="wipe-in"], [data-lpe-motion="circle-in"]) {
  clip-path: none !important; -webkit-box-decoration-break: clone; box-decoration-break: clone;
  -webkit-mask-image: linear-gradient(#000, #000); mask-image: linear-gradient(#000, #000); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  transition: -webkit-mask-size var(--lpm-dur, 1s) cubic-bezier(.77, 0, .18, 1) var(--lpm-delay, 0s), mask-size var(--lpm-dur, 1s) cubic-bezier(.77, 0, .18, 1) var(--lpm-delay, 0s);
}
.lpm-ready .lpm-inl[data-lpe-motion="mask-up"] { -webkit-mask-position: 0 100%; mask-position: 0 100%; -webkit-mask-size: 100% 0%; mask-size: 100% 0%; }
.lpm-ready .lpm-inl[data-lpe-motion="wipe-in"] { -webkit-mask-position: 0 0; mask-position: 0 0; -webkit-mask-size: 0% 100%; mask-size: 0% 100%; }
.lpm-ready .lpm-inl[data-lpe-motion="circle-in"] { -webkit-mask-position: 50% 50%; mask-position: 50% 50%; -webkit-mask-size: 0% 100%; mask-size: 0% 100%; }
.lpm-ready .lpm-inl:is([data-lpe-motion="mask-up"], [data-lpe-motion="wipe-in"], [data-lpe-motion="circle-in"]).lpm-in { -webkit-mask-size: 100% 100%; mask-size: 100% 100%; }
.lpm-ready .lpm-inl:is([data-lpe-motion="reveal"], [data-lpe-motion="slide-left"], [data-lpe-motion="slide-right"]) { position: relative; transition: opacity var(--lpm-dur, .8s) ease-out var(--lpm-delay, 0s), top var(--lpm-dur, .8s) var(--lpm-e) var(--lpm-delay, 0s), left var(--lpm-dur, .8s) var(--lpm-e) var(--lpm-delay, 0s); }
.lpm-ready .lpm-inl[data-lpe-motion="reveal"] { top: var(--lpm-dist, 28px); }
.lpm-ready .lpm-inl[data-lpe-motion="slide-left"] { left: calc(var(--lpm-dist, 40px) * -1); }
.lpm-ready .lpm-inl[data-lpe-motion="slide-right"] { left: var(--lpm-dist, 40px); }
.lpm-ready .lpm-inl:is([data-lpe-motion="reveal"], [data-lpe-motion="slide-left"], [data-lpe-motion="slide-right"]).lpm-in { top: 0; left: 0; }
/* もう一度再生するとき、動きなしで始まりの形に戻す */
.lpm-reset, .lpm-reset * { transition: none !important; }

/* スタガー：子要素が順番に出る */
.lpm-ready [data-lpe-motion="stagger"] > * { opacity: 0; translate: 0 20px; transition: opacity var(--lpm-dur, .6s) ease-out, translate var(--lpm-dur, .6s) var(--lpm-e); transition-delay: calc(var(--lpm-delay, 0s) + var(--lpm-i, 0) * .12s); }
.lpm-ready [data-lpe-motion="stagger"].lpm-in > * { opacity: 1; translate: none; }

/* マーカー：文字に蛍光ペンの線が引かれる（文字の一部＝span などに使う）。2行以上の文字は、1行目から順に引かれる
   サイトにもともと色の帯がある文字は data-lpe-mk="site" を付け、その帯の色・形のまま伸ばす（行ごとに分かれた帯は、各行が同時に伸びる）
   サイトの CSS（.title .mk { background: … } など）に負けないよう、色・繰り返しは !important、伸び方は :root を付けて強くする */
[data-lpe-motion="marker"]:not([data-lpe-mk="site"]) { background-image: linear-gradient(transparent calc(100% - var(--lpm-mk, 38%)), var(--lpm-marker, rgba(255, 214, 102, .6)) 0) !important; }
[data-lpe-motion="marker"] { background-repeat: no-repeat !important; background-position: 0 0 !important; }
:root.lpm-ready [data-lpe-motion="marker"][data-lpe-motion] { background-size: 0% 100%; transition: background-size var(--lpm-dur, 1.1s) cubic-bezier(.6, 0, .2, 1) var(--lpm-delay, 0s); }
:root.lpm-ready [data-lpe-motion="marker"][data-lpe-motion].lpm-in { background-size: 100% 100%; }

/* --- ずっと動く --- */
[data-lpe-motion="float"] { animation: lpm-float var(--lpm-dur, 4s) ease-in-out var(--lpm-delay, 0s) var(--lpm-iter, infinite) both; }
[data-lpe-motion="kenburns"] { animation: lpm-kenburns var(--lpm-dur, 12s) ease-in-out var(--lpm-delay, 0s) var(--lpm-iter, infinite) var(--lpm-dir, alternate) both; transform-origin: 60% 40%; }
@keyframes lpm-float { 0%, 100% { translate: 0 calc(var(--lpm-dist, 8px) * -1); } 50% { translate: 0 var(--lpm-dist, 8px); } }
@keyframes lpm-kenburns { from { scale: 1; } to { scale: var(--lpm-scale, 1.15); } }
/* ずっと動く系を「画面に入ってから」始める */
.lpm-ready [data-lpe-start="view"]:not(.lpm-in) { animation-play-state: paused; }

/* --- マウスを乗せたとき --- */
[data-lpe-motion="hover-lift"] { transition: translate var(--lpm-dur, .3s) var(--lpm-e), box-shadow var(--lpm-dur, .3s) ease; }
[data-lpe-motion="hover-lift"]:hover { translate: 0 calc(var(--lpm-dist, 3px) * -1); box-shadow: 0 10px 24px rgba(0, 0, 0, .12); }

/* --- 写真の切り替え（data-lpe-slides="crossfade|wipe|circle|zoom|slide"） ---
   エディタの「写真を追加して切り替えにする」で、元の写真を <div class="lpe-slides"> で包み、写真を並べたもの。
   1枚目が大きさを決め、2枚目以降はその上に重ねる。スクリプトが動かない環境では1枚目だけが見える。 */
.lpe-slides { position: relative; display: block; overflow: hidden; height: 100%; }
/* 動きの中で使う重なり順（写真の切り替え・カーテン・パーティクル・ワイプの線）は、その箱の中だけで効かせる。
   ページの上に固定したボタン（トップへ戻る・メニューなど）の上に、動きの写真がかぶらないように */
.lpe-slides, [data-lpe-slides], [data-lpe-motion="curtain"], [data-lpe-motion="particles"] { isolation: isolate; }
.lpe-slides > * { display: block; width: 100%; }
.lpe-slides > :first-child { position: relative; }   /* 1枚目も重なり順（z-index）が効くように。順番が戻ったとき前に出せる */
.lpe-slides > :not(:first-child) { position: absolute; inset: 0; height: 100%; object-fit: cover; }
.lpm-ready .lpe-slides > * { transition: opacity 1.2s ease, clip-path 1.2s cubic-bezier(.77, 0, .18, 1), transform 1.2s cubic-bezier(.2, .7, .2, 1); }
.lpm-ready [data-lpe-slides="crossfade"] > :not(.lpm-active) { opacity: 0; }
.lpm-ready [data-lpe-slides="wipe"] > :not(.lpm-active) { clip-path: inset(0 100% 0 0); }
.lpm-ready [data-lpe-slides="wipe"] > .lpm-active { clip-path: inset(0 0 0 0); }   /* 終わりの形も指定しないと、途中の動きなしで一瞬で切り替わる */
/* ワイプの境目に細い白線（data-lpe-edge="none" で消す。色は --lpe-edge-color） */
[data-lpe-slides="wipe"]::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 2px; z-index: 9999; background: var(--lpe-edge-color, #fff); opacity: 0; pointer-events: none; }
[data-lpe-slides="wipe"][data-lpe-edge="none"]::after { display: none; }
.lpm-ready [data-lpe-slides="wipe"].lpm-wiping::after { animation: lpe-edge 1.2s cubic-bezier(.77, 0, .18, 1); }
@keyframes lpe-edge { 0% { left: 0; opacity: 1; } 96% { opacity: 1; } 100% { left: calc(100% - 2px); opacity: 0; } }
/* ワイプの向き（data-lpe-dir）：up＝下から上、down＝上から下、left＝右から左（指定なし＝左から右） */
.lpm-ready [data-lpe-slides="wipe"][data-lpe-dir="up"] > :not(.lpm-active) { clip-path: inset(100% 0 0 0); }
.lpm-ready [data-lpe-slides="wipe"][data-lpe-dir="down"] > :not(.lpm-active) { clip-path: inset(0 0 100% 0); }
.lpm-ready [data-lpe-slides="wipe"][data-lpe-dir="left"] > :not(.lpm-active) { clip-path: inset(0 0 0 100%); }
[data-lpe-slides="wipe"][data-lpe-dir="up"]::after, [data-lpe-slides="wipe"][data-lpe-dir="down"]::after { top: auto; bottom: auto; left: 0; right: 0; width: auto; height: 2px; }
.lpm-ready [data-lpe-slides="wipe"][data-lpe-dir="up"].lpm-wiping::after { animation-name: lpe-edge-up; }
.lpm-ready [data-lpe-slides="wipe"][data-lpe-dir="down"].lpm-wiping::after { animation-name: lpe-edge-down; }
.lpm-ready [data-lpe-slides="wipe"][data-lpe-dir="left"].lpm-wiping::after { animation-name: lpe-edge-left; }
@keyframes lpe-edge-up { 0% { top: calc(100% - 2px); opacity: 1; } 96% { opacity: 1; } 100% { top: 0; opacity: 0; } }
@keyframes lpe-edge-down { 0% { top: 0; opacity: 1; } 96% { opacity: 1; } 100% { top: calc(100% - 2px); opacity: 0; } }
@keyframes lpe-edge-left { 0% { left: calc(100% - 2px); opacity: 1; } 96% { opacity: 1; } 100% { left: 0; opacity: 0; } }
.lpm-ready [data-lpe-slides="circle"] > :not(.lpm-active) { clip-path: circle(0% at 50% 50%); }
.lpm-ready [data-lpe-slides="circle"] > .lpm-active { clip-path: circle(75% at 50% 50%); }
.lpm-ready [data-lpe-slides="zoom"] > :not(.lpm-active) { opacity: 0; transform: scale(1.12); }
.lpm-ready [data-lpe-slides="slide"] > :not(.lpm-active) { transform: translateX(100%); }

/* ホバーで写真が切り替わる（data-lpe-slides="hover"：1枚目＝通常、2枚目＝マウスを乗せたとき） */
[data-lpe-slides="hover"] > :not(:first-child) { opacity: 0; transition: opacity .45s ease; }
[data-lpe-slides="hover"]:hover > :nth-child(2), [data-lpe-slides="hover"].lpm-hover > :nth-child(2) { opacity: 1; }

/* --- 文字の出方（JSが1文字ずつ <span data-lpe-split> に分ける。保存時には元の文字に戻る） --- */
.lpm-ready [data-lpe-motion="char-fade"] [data-lpe-split] { display: inline-block; opacity: 0; translate: 0 .4em; transition: opacity var(--lpm-dur, .5s) ease-out, translate var(--lpm-dur, .5s) var(--lpm-e); transition-delay: calc(var(--lpm-delay, 0s) + var(--lpm-i, 0) * 50ms); white-space: pre; }
.lpm-ready [data-lpe-motion="char-fade"].lpm-in [data-lpe-split] { opacity: 1; translate: none; }
.lpm-ready [data-lpe-motion="typewriter"] [data-lpe-split] { opacity: 0; transition: opacity 0s linear; transition-delay: calc(var(--lpm-i, 0) * 80ms); }
.lpm-ready [data-lpe-motion="typewriter"].lpm-in [data-lpe-split] { opacity: 1; }
/* 線だけの大きな文字（袋文字） */
[data-lpe-motion="outline-text"] { color: transparent !important; -webkit-text-stroke: 1px var(--lpm-stroke, rgba(40, 40, 40, .6)); }

/* --- スクロール連動（位置はJSが計算） --- */
[data-lpe-motion="parallax"], [data-lpe-motion="scroll-zoom"] { will-change: translate, scale; }
[data-lpe-motion="sticky"] { position: sticky; top: var(--lpm-top, 24px); }
[data-lpe-motion="hide-on-scroll"] { transition: translate .35s ease; }
[data-lpe-motion="hide-on-scroll"].lpm-hidden { translate: 0 -110%; }
/* 線を描く（SVG）：JSが線の長さを測って、画面に入ったら描く */
.lpm-ready [data-lpe-motion="line-draw"] .lpm-line { transition: stroke-dashoffset var(--lpm-dur, 1.8s) cubic-bezier(.6, 0, .2, 1) var(--lpm-delay, 0s); }

/* --- 開く・飾り --- */
.lpm-curtain { position: absolute; top: 0; bottom: 0; width: 50.5%; z-index: 50; background: var(--lpm-curtain, #1d2330); pointer-events: none; transition: transform var(--lpm-dur, 1.2s) cubic-bezier(.77, 0, .18, 1) calc(var(--lpm-delay, 0s) + .3s); }
.lpm-curtain.l { left: 0; } .lpm-curtain.r { right: 0; }
[data-lpe-motion="curtain"].lpm-in > .lpm-curtain.l { transform: translateX(-101%); }
[data-lpe-motion="curtain"].lpm-in > .lpm-curtain.r { transform: translateX(101%); }
[data-lpe-motion="gradient-bg"] { background: linear-gradient(120deg, var(--lpm-g1, #fde2d8), var(--lpm-g2, #d8ecf5), var(--lpm-g3, #e6dcf7), var(--lpm-g1, #fde2d8)) !important; background-size: 300% 300% !important; animation: lpm-grad var(--lpm-dur, 14s) ease-in-out var(--lpm-delay, 0s) var(--lpm-iter, infinite) alternate both; }
@keyframes lpm-grad { from { background-position: 0% 50%; } to { background-position: 100% 50%; } }
[data-lpe-motion="blob"] { overflow: hidden; animation: lpm-blob var(--lpm-dur, 9s) ease-in-out var(--lpm-delay, 0s) var(--lpm-iter, infinite) both; }
@keyframes lpm-blob { 0%, 100% { border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%; } 33% { border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%; } 66% { border-radius: 30% 70% 70% 30% / 56% 65% 35% 44%; } }
/* --- ずっと動く飾り（2）：回転・拡大・明滅は rotate・scale・opacity で動かし、サイトの transform を上書きしない --- */
[data-lpe-motion="sway"] { transform-origin: 50% 0; animation: lpm-sway var(--lpm-dur, 3.6s) ease-in-out var(--lpm-delay, 0s) var(--lpm-iter, infinite) var(--lpm-dir, alternate) both; }
@keyframes lpm-sway { from { rotate: calc(var(--lpm-angle, 6deg) * -1); } to { rotate: var(--lpm-angle, 6deg); } }
[data-lpe-motion="spin"] { animation: lpm-spin var(--lpm-dur, 20s) linear var(--lpm-delay, 0s) var(--lpm-iter, infinite) both; }
@keyframes lpm-spin { from { rotate: 0deg; } to { rotate: 360deg; } }
[data-lpe-motion="pulse"] { animation: lpm-pulse var(--lpm-dur, 2.4s) ease-in-out var(--lpm-delay, 0s) var(--lpm-iter, infinite) both; }
@keyframes lpm-pulse { 0%, 100% { scale: 1; } 50% { scale: var(--lpm-scale, 1.06); } }
[data-lpe-motion="twinkle"] { animation: lpm-twinkle var(--lpm-dur, 2.8s) ease-in-out var(--lpm-delay, 0s) var(--lpm-iter, infinite) both; }
@keyframes lpm-twinkle { 0%, 100% { opacity: 1; scale: 1; } 50% { opacity: var(--lpm-from, .3); scale: .85; } }
/* 波紋：要素のまわりに輪が広がって消える（色は --lpm-ring） */
[data-lpe-motion="ring"] { animation: lpm-ring var(--lpm-dur, 2s) ease-out var(--lpm-delay, 0s) var(--lpm-iter, infinite) both; }
@keyframes lpm-ring { 0% { box-shadow: 0 0 0 0 var(--lpm-ring, rgba(242, 140, 115, .55)); } 80%, 100% { box-shadow: 0 0 0 var(--lpm-dist, 18px) rgba(242, 140, 115, 0); } }
/* グロー：まわりの光がゆっくり強弱する（色は --lpm-glow。文字やイラストの形に沿って光る） */
[data-lpe-motion="glow"] { animation: lpm-glow var(--lpm-dur, 3s) ease-in-out var(--lpm-delay, 0s) var(--lpm-iter, infinite) both; }
@keyframes lpm-glow { 0%, 100% { filter: drop-shadow(0 0 0 rgba(255, 214, 102, 0)); } 50% { filter: drop-shadow(0 0 var(--lpm-blur, 12px) var(--lpm-glow, rgba(255, 214, 102, .8))); } }
.lpm-particles { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 40; }

/* --- マウスを乗せたとき（2） --- */
[data-lpe-motion="hover-zoom"] { transition: scale var(--lpm-dur, .6s) var(--lpm-e); }
[data-lpe-motion="hover-zoom"]:hover, *:hover > [data-lpe-motion="hover-zoom"] { scale: var(--lpm-scale, 1.08); }
[data-lpe-motion="tilt"] { transition: transform .15s ease-out; transform-style: preserve-3d; }
[data-lpe-motion="magnetic"] { transition: translate .25s var(--lpm-e); }

/* 「視差効果を減らす」設定では動かさない */
@media (prefers-reduced-motion: reduce) {
  [data-lpe-motion] [data-lpe-split] { opacity: 1 !important; translate: none !important; }
  .lpm-curtain, .lpm-particles { display: none !important; }
  [data-lpe-motion], [data-lpe-motion] > * {
    opacity: 1 !important; translate: none !important; scale: none !important;
    animation: none !important; transition: none !important;
  }
  [data-lpe-motion="blur-in"] { filter: none !important; }
  :is([data-lpe-motion="mask-up"], [data-lpe-motion="wipe-in"], [data-lpe-motion="circle-in"]) { clip-path: none !important; }
  [data-lpe-motion="tilt"] { transform: none !important; }
  [data-lpe-motion="marker"] { background-size: 100% 100% !important; }
  .lpm-rv [data-lpe-split] { top: 0 !important; clip-path: none !important; }
  .lpm-inl { -webkit-mask: none !important; mask: none !important; top: 0 !important; left: 0 !important; }
  .lpe-slides > :not(:first-child) { display: none !important; }
}