/* Local composition preview: original Studio page plus the approved scene.
   legacy/ is a same-origin directory junction to the preserved cinematic page assets. */
body[data-chair-preview] #house{height:190vh;height:190svh}
body[data-chair-preview] #house>.in{top:var(--barh);height:calc(100svh - var(--barh));padding-left:6.2vw;padding-right:6.2vw}
body[data-chair-preview] #house .house-copy{width:33%;max-width:490px}
body[data-chair-preview] #house h2{font-size:clamp(42px,5vw,76px);line-height:1.08;letter-spacing:-.015em}
body[data-chair-preview] #house>.in::after{background:linear-gradient(90deg,#0008 0%,#0003 29%,transparent 54%)}
body[data-chair-preview] #house .art-frame>canvas{opacity:0}
body[data-chair-preview] #house .art-frame[data-ready=true]>canvas{opacity:1}
body[data-chair-preview] #house .art-frame[data-ready=true]>img{visibility:hidden}
body[data-chair-preview] #house .house-photo{transform:none!important;translate:none!important;filter:none!important}
@media(max-width:700px){
 body[data-chair-preview] #house>.in{justify-content:start;padding:85px 7vw calc(var(--mbarh) + 24px)}
 body[data-chair-preview] #house .house-copy{width:100%;max-width:none}
 body[data-chair-preview] #house h2{font-size:38px;max-width:12ch;margin:14px 0}
 body[data-chair-preview] #house .house-copy p:not(.eyebrow){font-size:14px;max-width:34ch}
 body[data-chair-preview] #house .house-copy .btn{font-size:17px;padding:14px 24px;margin-top:20px}
 body[data-chair-preview] #house>.in::after{background:linear-gradient(#000a,transparent 65%)}
}
/* Avoid pinning a text panel taller than the available viewport. */
@media(max-height:650px),(max-width:700px) and (max-height:780px){
 body[data-chair-preview] #house{height:auto}
 body[data-chair-preview] #house>.in{top:0;height:auto;padding:430px 25px 65px;justify-content:end}
 body[data-chair-preview] #house .house-copy{width:100%;max-width:620px}
 body[data-chair-preview] #house>.in::after{background:linear-gradient(0deg,#08090ae8,#08090a99 30%,transparent 75%)}
}
@media(prefers-reduced-motion:reduce){
 body[data-chair-preview] #house{height:auto}
 body[data-chair-preview] #house>.in{top:0;height:auto}
}