[data-reveal] { opacity: 0; transform: translateY(16px); transition: opacity .6s var(--ease), transform .7s var(--ease); transition-delay: var(--d, 0s); }
[data-reveal].is-in { opacity: 1; transform: none; }
.img-reveal[data-reveal] { opacity: 1; transform: none; clip-path: inset(18% 8% 18% 8% round var(--radius)); transition: clip-path 1.5s var(--ease); }
.img-reveal[data-reveal] img { transform: scale(1.25); transition: transform 1.8s var(--ease); }
.img-reveal[data-reveal].is-in { clip-path: inset(0 0 0 0 round var(--radius)); }
.img-reveal[data-reveal].is-in img { transform: scale(1); }

[data-split] .sl { display: block; overflow: hidden; padding-bottom: .05em; }
[data-split] .sl > span { display: block; transform: translateY(110%); transition: transform 1.2s var(--ease); transition-delay: var(--d, 0s); }
[data-split].is-in .sl > span { transform: none; }