/* Shared visitor setting for the LocalPixel concept previews. */
html[data-motion='reduced'] { scroll-behavior:auto !important; }
html[data-motion='reduced'] *,
html[data-motion='reduced'] *::before,
html[data-motion='reduced'] *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.01ms !important; }
html[data-motion='reduced'] [data-hero-video] { display:none; }

/* A visitor who chooses Full gets the concept's authored reveals and film even
   when their operating-system default is reduced. */
@media(prefers-reduced-motion:reduce) {
  html[data-motion='full'] .js .reveal:not(.hero):not(.residence-hero) { opacity:0; transform:translateY(18px); transition:opacity .65s ease,transform .65s ease !important; }
  html[data-motion='full'] .js .reveal.is-visible { opacity:1; transform:none; }
  html[data-motion='full'] .hero-media video { display:block !important; }
  html[data-motion='full'] .story-chapter:hover img { transform:scale(1.025); }
  html[data-motion='full'] .story-chapter img { transition:transform .6s !important; }
}

.lp-motion-panel { position:fixed; z-index:1001; left:16px; bottom:16px; width:min(222px,calc(100vw - 32px)); color:#172019; font:12px/1.3 Arial,sans-serif; }
.lp-motion-panel summary { min-height:44px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 13px; cursor:pointer; list-style:none; background:#eef0e8; border:1px solid #d4d9ce; border-radius:8px; box-shadow:0 5px 16px rgba(23,32,25,.12); }
.lp-motion-panel summary::-webkit-details-marker { display:none; }
.lp-motion-panel summary::after { content:'+'; font-size:17px; line-height:1; }
.lp-motion-panel[open] summary { border-radius:8px 8px 0 0; box-shadow:none; }
.lp-motion-panel[open] summary::after { content:'−'; }
.lp-motion-panel summary span { margin-left:auto; color:#506056; }
.lp-motion-options { padding:8px; background:#eef0e8; border:1px solid #d4d9ce; border-top:0; border-radius:0 0 8px 8px; box-shadow:0 7px 18px rgba(23,32,25,.14); }
.lp-motion-options p { margin:3px 5px 7px; color:#506056; font-size:11px; }
.lp-motion-options button { width:100%; min-height:44px; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:7px 9px; border:0; border-radius:5px; background:transparent; color:inherit; cursor:pointer; text-align:left; }
.lp-motion-options button:hover { background:#dfe4db; }
.lp-motion-options button[aria-pressed='true'] { background:#172019; color:#fff; }
.lp-motion-options button span { color:#506056; font-size:11px; }
.lp-motion-options button[aria-pressed='true'] span { color:#d6ddd2; }
.lp-motion-panel :focus-visible { outline:2px solid #172019; outline-offset:2px; }
@media(max-width:480px) { .lp-motion-panel { left:12px; bottom:72px; } }

/* A compact utility stays alongside chat, clear of the primary page action. */
.lp-motion-panel{width:160px;font-family:StudioUI,Arial,sans-serif}
.lp-motion-panel summary{border-radius:4px;box-shadow:none;font-size:12px;letter-spacing:0}
.lp-motion-panel summary span{font-size:12px}
.lp-motion-panel[open]{width:230px}
@media(max-width:480px){.lp-motion-panel{width:122px;left:12px;bottom:16px}.lp-motion-panel summary{padding-inline:10px;gap:5px}.lp-motion-panel[open]{width:230px}}