/* motion.css - Warm & lively motion system for LoveRentals */
:root {
  --lr-ease-entrance: cubic-bezier(0.22, 0.61, 0.36, 1);

  /* Mobile defaults */
  --lr-dur-reveal: 950ms;
  --lr-dist-reveal: 6px;
  --lr-stagger-peer: 45ms;
  --lr-dur-settle: 1200ms;
  --lr-dur-rule: 300ms;
  --lr-dur-bar: 550ms;
  --lr-demo-step: 300ms;
  --lr-dur-disclosure: 180ms;
}

@media (min-width: 768px) {
  :root {
    /* Desktop values */
    --lr-dur-reveal: 1100ms;
    --lr-dist-reveal: 10px;
    --lr-stagger-peer: 75ms;
    --lr-dur-settle: 1400ms;
    --lr-dur-rule: 400ms;
    --lr-dur-bar: 700ms;
    --lr-demo-step: 400ms;
    --lr-dur-disclosure: 200ms;
  }
}

/* Base Initial States for JS - Only hide specific targeted elements */
html.lr-motion-boot body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) [data-lr-animate="reveal"],
html.lr-motion-boot body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) [data-lr-animate="peer"],
html.lr-motion-boot body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) [data-lr-animate="group"] {
  opacity: 0;
}
html.lr-motion-boot body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) [data-lr-animate="scene"],
html.lr-motion-boot body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) [data-lr-animate="settle"] {
  opacity: 0;
}
html.lr-motion-boot body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) :is(
  [data-lr-animate="hero"], [data-lr-animate="backdrop"]
) [data-lr-motion-part] {
  opacity: 0;
}
html.lr-motion-boot body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) :where(
  [data-lr-motion="off"], header, footer, form,
  [data-lr-motion="off"] *, header *, footer *, form *
) {
  opacity: 1;
}
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-motion-pending[data-lr-animate="reveal"],
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-motion-pending[data-lr-animate="peer"],
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-motion-pending[data-lr-animate="group"],
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-motion-pending[data-lr-animate="hero"] {
  opacity: 0;
}
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-motion-pending[data-lr-animate="scene"],
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-motion-pending[data-lr-animate="settle"] {
  opacity: 0;
}
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) :is(
  .lr-motion-pending[data-lr-animate="hero"],
  .lr-motion-pending[data-lr-animate="backdrop"]
) [data-lr-motion-part] {
  opacity: 0;
}
/* Hero/backdrop roots retain their authored background while their parts wait. */
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-motion-pending[data-lr-animate="hero"],
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-motion-pending[data-lr-animate="backdrop"] {
  opacity: 1;
}
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-motion-pending[data-lr-animate="rule"] {
  transform: scaleX(0);
}

/* Internal demo/chart parts are armed only after successful off-screen IO
 * registration. Labels, values, axes and outer layout remain steady. */
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-motion-prepared[data-lr-animate="bar"],
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-motion-prepared[data-lr-animate="peer-bar"] rect[class*="lr-chart-bar-"] {
  transform: scaleY(0);
  transform-origin: bottom center;
  transform-box: fill-box;
}
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-motion-prepared[data-lr-animate="peer-bar"] .lr-pair-fill,
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-motion-prepared[data-lr-animate="peer-bar"] .lr-hbar {
  transform: scaleX(0);
  transform-origin: left center;
}
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-motion-prepared[data-lr-animate="demo-list"] .lr-callouts li,
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-motion-prepared[data-lr-animate="demo-dist"] .lr-channels-list li,
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-motion-prepared[data-lr-animate="demo-chat"] .lr-chat-guest,
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-motion-prepared[data-lr-animate="demo-chat"] .lr-chat-lr,
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-motion-prepared[data-lr-animate="demo-chat"] .lr-chat-handoff {
  opacity: 0;
}

/* 1. Section reveal */
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-reveal {
  animation: lr-reveal var(--lr-dur-reveal) var(--lr-ease-entrance) both;
}
@keyframes lr-reveal {
  0% { opacity: 0; translate: 0 var(--lr-dist-reveal); }
  100% { opacity: 1; translate: 0 0; }
}

body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-scene {
  animation: lr-reveal var(--lr-dur-reveal) var(--lr-ease-entrance) both;
}
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) :is(
  .lr-anim-hero, .lr-anim-backdrop
) [data-lr-motion-part="media"] {
  animation: lr-media-fade var(--lr-dur-settle) var(--lr-ease-entrance) both;
}
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) :is(
  .lr-anim-hero, .lr-anim-backdrop
) [data-lr-motion-part="copy"] {
  animation: lr-reveal var(--lr-dur-reveal) var(--lr-ease-entrance) both;
}

/* 2. Editorial image settle */
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-settle {
  animation: lr-media-fade var(--lr-dur-settle) var(--lr-ease-entrance) both;
}
@keyframes lr-media-fade {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

/* 3. Pink accent rule */
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-rule {
  transform-origin: left center;
  animation: lr-rule var(--lr-dur-rule) var(--lr-ease-entrance) both;
}
@keyframes lr-rule {
  0% { transform: scaleX(0); }
  100% { transform: scaleX(1); }
}

/* 4. Comparison bars */
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-bar {
  transform-origin: bottom center;
  transform-box: fill-box;
  animation: lr-bar var(--lr-dur-bar) var(--lr-ease-entrance) both;
}
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-peer-bar rect[class*="lr-chart-bar-"] {
  transform-origin: bottom center;
  transform-box: fill-box;
  animation: lr-bar var(--lr-dur-bar) var(--lr-ease-entrance) both;
  animation-delay: inherit;
}
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-peer-bar .lr-pair-fill,
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-peer-bar .lr-hbar {
  transform-origin: left center;
  animation: lr-rule var(--lr-dur-bar) var(--lr-ease-entrance) both;
  animation-delay: inherit;
}
@keyframes lr-bar {
  0% { transform: scaleY(0); }
  100% { transform: scaleY(1); }
}

/* 5. Service demonstrations */
/* Calendar */
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-demo-cal .lr-cal-day.is-weekend {
  animation: lr-cal-highlight-weekend 400ms var(--lr-ease-entrance) both;
  animation-delay: 100ms;
}
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-demo-cal .lr-cal-day.is-gap {
  animation: lr-cal-highlight-gap 400ms var(--lr-ease-entrance) both;
  animation-delay: 500ms;
}
@keyframes lr-cal-highlight-weekend {
  0% { background-color: var(--cloud); border-color: transparent; }
  100% { background-color: var(--sky-tint); border-color: var(--sky-blue); }
}
@keyframes lr-cal-highlight-gap {
  0% { background-color: var(--cloud); border-color: transparent; color: var(--deep-navy); }
  100% { background-color: var(--rose-tint); border-color: var(--rose); color: var(--rose-deep); }
}

/* Listing Merchandising */
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-demo-list .lr-callouts li {
  animation: lr-demo-fade-up 300ms var(--lr-ease-entrance) both;
}
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-demo-list .lr-callouts li:nth-child(1) { animation-delay: 0ms; }
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-demo-list .lr-callouts li:nth-child(2) { animation-delay: 180ms; }
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-demo-list .lr-callouts li:nth-child(3) { animation-delay: 360ms; }

/* Distribution */
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-demo-dist .lr-channels-list li {
  animation: lr-demo-fade 300ms var(--lr-ease-entrance) both;
}
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-demo-dist .lr-channels-list li::before {
  transform-origin: left center;
  animation: lr-rule 300ms var(--lr-ease-entrance) both;
}
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-demo-dist .lr-channels-list li:nth-child(1), 
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-demo-dist .lr-channels-list li:nth-child(1)::before { animation-delay: 0ms; }
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-demo-dist .lr-channels-list li:nth-child(2), 
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-demo-dist .lr-channels-list li:nth-child(2)::before { animation-delay: 150ms; }
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-demo-dist .lr-channels-list li:nth-child(3), 
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-demo-dist .lr-channels-list li:nth-child(3)::before { animation-delay: 300ms; }
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-demo-dist .lr-channels-list li:nth-child(4), 
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-demo-dist .lr-channels-list li:nth-child(4)::before { animation-delay: 450ms; }
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-demo-dist .lr-channels-list li:nth-child(5), 
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-demo-dist .lr-channels-list li:nth-child(5)::before { animation-delay: 600ms; }

/* Guest conversation */
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-demo-chat .lr-chat-guest { animation: lr-demo-fade-up 300ms var(--lr-ease-entrance) both; animation-delay: 0ms; }
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-demo-chat .lr-chat-lr { animation: lr-demo-fade-up 300ms var(--lr-ease-entrance) both; animation-delay: var(--lr-demo-step); }
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-demo-chat .lr-chat-handoff { animation: lr-demo-fade 300ms var(--lr-ease-entrance) both; animation-delay: calc(var(--lr-demo-step) * 2); }

@keyframes lr-demo-fade {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes lr-demo-fade-up {
  0% { opacity: 0; transform: translateY(8px); }
  100% { opacity: 1; transform: translateY(0); }
}

/* 6. Hover effects (fine pointer only) */
@media (hover: hover) and (pointer: fine) {
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-card-link,
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .card-link {
    transition: box-shadow var(--lr-dur-control) var(--lr-ease-control), border-color var(--lr-dur-control) var(--lr-ease-control);
  }
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-rcard {
    transition: transform var(--lr-dur-control) var(--lr-ease-control), box-shadow var(--lr-dur-control) var(--lr-ease-control), border-color var(--lr-dur-control) var(--lr-ease-control);
  }
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-rcard:has(.lr-rcard-link:hover),
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-dest-card:hover {
    transform: translateY(-3px);
  }
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-rcard-media img,
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-mosaic-r2 img {
    transition: transform var(--lr-dur-control) var(--lr-ease-control);
  }
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-dest-card,
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-world img {
    transition: transform var(--lr-dur-control) var(--lr-ease-control), box-shadow var(--lr-dur-control) var(--lr-ease-control), border-color var(--lr-dur-control) var(--lr-ease-control);
  }
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-rcard:has(.lr-rcard-link:hover) .lr-rcard-media img,
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-rcard-link:hover + .lr-rcard-media img {
    transform: scale(1.02);
  }
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-mosaic-r2 a:hover img {
    transform: scale(1.02);
  }
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-world:hover img {
    transform: scale(1.02);
  }
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .btn {
    transition: background-color var(--lr-dur-control) var(--lr-ease-control), border-color var(--lr-dur-control) var(--lr-ease-control), color var(--lr-dur-control) var(--lr-ease-control), box-shadow var(--lr-dur-control) var(--lr-ease-control), transform var(--lr-dur-control) var(--lr-ease-control);
  }
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-proof-link::after {
    transition: transform var(--lr-dur-control) var(--lr-ease-control);
  }
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-proof-link:hover::after,
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-proof-link:focus-visible::after {
    transform: translateX(3px);
  }
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-copy-link::after {
    transition: transform var(--lr-dur-control) var(--lr-ease-control);
  }
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-copy-link:hover::after,
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-copy-link:focus-visible::after {
    transform: translateX(3px);
  }
}
/* Pressed feedback for coarse pointers */
@media (hover: none) and (pointer: coarse) {
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-card-link:active,
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-rcard-link:active,
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .card-link:active {
    opacity: 0.8;
    background-color: var(--lr-canvas, #f5f9fa);
    transition: opacity 100ms, background-color 100ms;
  }
}

/* 7. Disclosures & Menus */
@supports (selector(details::details-content)) {
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .faq-item {
    interpolate-size: allow-keywords;
  }
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .faq-item::details-content {
    opacity: 0;
    block-size: 0;
    transition: block-size var(--lr-dur-disclosure) var(--lr-ease-control), content-visibility var(--lr-dur-disclosure) allow-discrete, opacity var(--lr-dur-disclosure) var(--lr-ease-control);
  }
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .faq-item[open]::details-content {
    opacity: 1;
    block-size: auto;
  }
}
/* Navigation panels keep their native details visibility/inert behavior.
 * Only the already-open panel receives a short opacity response. */
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .nav-dropdown[open] > :not(summary),
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .mobile-nav[open] > :not(summary) {
  animation: lr-menu-open var(--lr-dur-control) var(--lr-ease-control) both;
}
@keyframes lr-menu-open {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* Keyboard focus changes emphasis without moving the focused target. */
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-rcard:has(.lr-rcard-link:focus-visible),
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-card-link:focus-visible,
body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .card-link:focus-visible {
  border-color: var(--sky-blue);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--sky-blue) 35%, transparent);
}

/* Disabled and Excluded States */
@media print, (prefers-reduced-motion: reduce) {
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-motion-prepared,
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-reveal,
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-scene,
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-settle,
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-rule,
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-bar {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    translate: none !important;
  }
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-settle img,
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-settle .lr-panoramic-media img,
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-peer-bar rect[class*="lr-chart-bar-"],
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-peer-bar .lr-pair-fill,
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-peer-bar .lr-hbar {
    animation: none !important;
    transform: none !important;
  }
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) :is(.lr-anim-hero, .lr-anim-backdrop) [data-lr-motion-part] {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    translate: none !important;
  }
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-motion-prepared rect[class*="lr-chart-bar-"],
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-motion-prepared .lr-pair-fill,
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-motion-prepared .lr-hbar {
    transform: none !important;
  }
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-motion-prepared .lr-callouts li,
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-motion-prepared .lr-channels-list li,
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-motion-prepared .lr-chat-guest,
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-motion-prepared .lr-chat-lr,
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-motion-prepared .lr-chat-handoff {
    opacity: 1 !important;
  }
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-demo-list .lr-callouts li,
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-demo-dist .lr-channels-list li,
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-demo-chat .lr-chat-guest,
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-demo-chat .lr-chat-lr,
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-demo-chat .lr-chat-handoff {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-demo-dist .lr-channels-list li::before {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-demo-cal .lr-cal-day.is-weekend,
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-anim-demo-cal .lr-cal-day.is-gap {
    animation: none !important;
  }
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-motion-pending[data-lr-animate="reveal"],
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-motion-pending[data-lr-animate="peer"],
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-motion-pending[data-lr-animate="group"],
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-motion-pending[data-lr-animate="scene"],
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-motion-pending[data-lr-animate="settle"],
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-motion-pending[data-lr-animate="hero"],
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-motion-pending[data-lr-animate="backdrop"],
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-motion-pending[data-lr-animate="rule"] {
    opacity: 1 !important;
    transform: none !important;
    translate: none !important;
  }
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) :is(
    .lr-motion-pending[data-lr-animate="hero"],
    .lr-motion-pending[data-lr-animate="backdrop"]
  ) [data-lr-motion-part] {
    opacity: 1 !important;
  }
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .faq-item::details-content {
    transition: none !important;
  }
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .nav-dropdown[open] > :not(summary),
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .mobile-nav[open] > :not(summary) {
    animation: none !important;
    opacity: 1 !important;
  }
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-rcard,
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-dest-card,
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-world img,
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-rcard-media img,
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-mosaic-r2 img {
    transition: none !important;
    transform: none !important;
  }
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-card-link,
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-rcard-link,
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .card-link,
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .btn {
    transition: none !important;
  }
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-proof-link::after,
  body[data-lr-motion="warm-lively"]:not([data-lr-motion-preview="static"]) .lr-copy-link::after {
    transition: none !important;
    transform: none !important;
  }
}

/* Suppress all motion (including hover/disclosure) when parent has motion="off" */
:where([data-lr-motion="off"], [data-lr-motion="off"] *).lr-anim-reveal,
:where([data-lr-motion="off"], [data-lr-motion="off"] *).lr-anim-scene,
:where([data-lr-motion="off"], [data-lr-motion="off"] *).lr-anim-settle,
:where([data-lr-motion="off"], [data-lr-motion="off"] *).lr-motion-prepared,
:where([data-lr-motion="off"], [data-lr-motion="off"] *).lr-anim-rule,
:where([data-lr-motion="off"], [data-lr-motion="off"] *).lr-anim-bar {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
  translate: none !important;
}
:where([data-lr-motion="off"], [data-lr-motion="off"] *):is(.lr-anim-hero, .lr-anim-backdrop) [data-lr-motion-part] {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
  translate: none !important;
}
:where([data-lr-motion="off"], [data-lr-motion="off"] *).lr-anim-settle img,
:where([data-lr-motion="off"], [data-lr-motion="off"] *).lr-anim-settle .lr-panoramic-media img,
:where([data-lr-motion="off"], [data-lr-motion="off"] *).lr-anim-peer-bar rect[class*="lr-chart-bar-"],
:where([data-lr-motion="off"], [data-lr-motion="off"] *).lr-anim-peer-bar .lr-pair-fill,
:where([data-lr-motion="off"], [data-lr-motion="off"] *).lr-anim-peer-bar .lr-hbar {
  animation: none !important;
  transform: none !important;
}
:where([data-lr-motion="off"], [data-lr-motion="off"] *).lr-motion-prepared rect[class*="lr-chart-bar-"],
:where([data-lr-motion="off"], [data-lr-motion="off"] *).lr-motion-prepared .lr-pair-fill,
:where([data-lr-motion="off"], [data-lr-motion="off"] *).lr-motion-prepared .lr-hbar {
  transform: none !important;
}
:where([data-lr-motion="off"], [data-lr-motion="off"] *).lr-motion-prepared .lr-callouts li,
:where([data-lr-motion="off"], [data-lr-motion="off"] *).lr-motion-prepared .lr-channels-list li,
:where([data-lr-motion="off"], [data-lr-motion="off"] *).lr-motion-prepared .lr-chat-guest,
:where([data-lr-motion="off"], [data-lr-motion="off"] *).lr-motion-prepared .lr-chat-lr,
:where([data-lr-motion="off"], [data-lr-motion="off"] *).lr-motion-prepared .lr-chat-handoff {
  opacity: 1 !important;
}
:where([data-lr-motion="off"], [data-lr-motion="off"] *).lr-anim-demo-list .lr-callouts li,
:where([data-lr-motion="off"], [data-lr-motion="off"] *).lr-anim-demo-dist .lr-channels-list li,
:where([data-lr-motion="off"], [data-lr-motion="off"] *).lr-anim-demo-chat .lr-chat-guest,
:where([data-lr-motion="off"], [data-lr-motion="off"] *).lr-anim-demo-chat .lr-chat-lr,
:where([data-lr-motion="off"], [data-lr-motion="off"] *).lr-anim-demo-chat .lr-chat-handoff {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
}
:where([data-lr-motion="off"], [data-lr-motion="off"] *).lr-anim-demo-dist .lr-channels-list li::before {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
}
:where([data-lr-motion="off"], [data-lr-motion="off"] *).lr-anim-demo-cal .lr-cal-day.is-weekend,
:where([data-lr-motion="off"], [data-lr-motion="off"] *).lr-anim-demo-cal .lr-cal-day.is-gap {
  animation: none !important;
}
:where([data-lr-motion="off"], [data-lr-motion="off"] *).lr-motion-pending {
  opacity: 1 !important;
  transform: none !important;
  translate: none !important;
}
:where([data-lr-motion="off"], [data-lr-motion="off"] *).lr-motion-pending :where([data-lr-motion-part]) {
  opacity: 1 !important;
}
:where([data-lr-motion="off"], [data-lr-motion="off"] *).faq-item::details-content {
  transition: none !important;
}
:where([data-lr-motion="off"], [data-lr-motion="off"] *).nav-dropdown[open] > :not(summary),
:where([data-lr-motion="off"], [data-lr-motion="off"] *).mobile-nav[open] > :not(summary) {
  animation: none !important;
  opacity: 1 !important;
}
:where([data-lr-motion="off"], [data-lr-motion="off"] *).lr-rcard,
:where([data-lr-motion="off"], [data-lr-motion="off"] *).lr-dest-card,
:where([data-lr-motion="off"], [data-lr-motion="off"] *).lr-world img,
:where([data-lr-motion="off"], [data-lr-motion="off"] *).lr-rcard-media img,
:where([data-lr-motion="off"], [data-lr-motion="off"] *).lr-mosaic-r2 img {
  transition: none !important;
  transform: none !important;
}
:where([data-lr-motion="off"], [data-lr-motion="off"] *).lr-card-link,
:where([data-lr-motion="off"], [data-lr-motion="off"] *).lr-rcard-link,
:where([data-lr-motion="off"], [data-lr-motion="off"] *).card-link,
:where([data-lr-motion="off"], [data-lr-motion="off"] *).btn {
  transition: none !important;
}
:where([data-lr-motion="off"], [data-lr-motion="off"] *).lr-proof-link::after,
:where([data-lr-motion="off"], [data-lr-motion="off"] *).lr-copy-link::after {
  transition: none !important;
  transform: none !important;
}