/* LIZ Motion 2: typography, depth and rhythm. No layout changes. */
.liz-motion-mask { display: inline-block; overflow: clip; vertical-align: top; padding: .08em .03em .12em; margin: -.08em -.03em -.12em; }
.liz-motion-word { display: inline-block; transform-origin: 0 100%; }
@media (prefers-reduced-motion: no-preference) {
  .liz-motion-depth { overflow: hidden; }
  .liz-motion-depth > img { transform: translateY(var(--liz-scroll-y, 0px)) scale(1.12); transform-origin: 50% 50%; }
  .liz-motion-sticker { rotate: var(--liz-scroll-turn, 0deg); translate: 0 var(--liz-scroll-y, 0px); }
  .liz-motion-soft .liz-motion-depth > img { transform: translateY(var(--liz-scroll-y, 0px)) scale(1.06); }
}
@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine) {
  .liz-motion-card { rotate: 1 0 0 var(--liz-tilt-x, 0deg); transform: perspective(1000px) rotateY(var(--liz-tilt-y, 0deg)); transition: rotate 350ms ease, transform 350ms ease, box-shadow 350ms ease; }
  .liz-motion-card-hover { box-shadow: 0 18px 35px -15px rgb(0 0 0 / 30%); }
  .liz-motion-magnetic { translate: var(--liz-button-x, 0px) var(--liz-button-y, 0px); transition: translate 250ms cubic-bezier(.16,1,.3,1), background-color 250ms ease, color 250ms ease; }
  .liz-motion-magnetic:focus-visible { translate: 0 0; }
}
@media (max-width: 767px) { .liz-motion-depth > img { transform: translateY(calc(var(--liz-scroll-y, 0px) * .5)) scale(1.08); } }
@media (prefers-reduced-motion: reduce) {
  .liz-motion-depth > img, .liz-motion-card { transform: none; }
  .liz-motion-sticker, .liz-motion-magnetic { rotate: none; translate: none; }
}