/* One coherent photographed pose. The white panel is replaced by the real UI. */
.hero:has(.has-chat-holder) { overflow:clip; }
.chat-home-slot.has-chat-holder { margin-top:var(--holder-reserved,450px); }
.chat-holder-portrait, .chat-holder-hands { position:absolute; width:var(--holder-art-width); height:var(--holder-art-height); left:var(--holder-art-left); top:var(--holder-art-top); overflow:visible; pointer-events:none; user-select:none; }
.chat-holder-portrait { z-index:1; transition:opacity 260ms 100ms ease,transform 400ms 100ms ease; }
.chat-holder-hands { z-index:4; transition:opacity 200ms ease, transform 300ms ease; }
.chat-home-slot[data-holder-ready="false"] .chat-holder-portrait,
.chat-home-slot[data-holder-ready="false"] .chat-holder-hands { visibility:hidden; }
.chat-home-slot:has(.chat-shell[data-reading="true"]) .chat-holder-hands { z-index:1; }
.chat-holder-portrait svg, .chat-holder-hands svg { display:block; width:100%; height:100%; overflow:visible; }
.has-chat-holder[data-holder-state="away"] .chat-holder-portrait { opacity:0; transform:translateY(14px); }
.has-chat-holder[data-holder-state="away"] .chat-holder-hands { opacity:0; transform:translateY(6px); }
.has-chat-holder[data-holder-state="holding"] .chat-holder-hands { opacity:1; transform:none; transition-delay:180ms; }
.chat-home-slot.has-chat-holder .chat-workspace[data-chat-placement="home"] .contact-panel { padding-inline:clamp(36px,5.5vw,64px); }
@media(min-width:981px) {
 .hero-stage.has-chat-holder { padding-inline:38px; }
 .chat-home-slot.has-chat-holder { width:min(100%,500px); min-width:0; margin-inline:auto; }
}
@media(max-width:980px) {
 .chat-home-slot.has-chat-holder { width:calc(100% - 64px); max-width:580px; }
 .hero-stage.has-chat-holder { overflow:clip; padding-top:12px; }
}
@media(max-width:540px) {
 .chat-home-slot.has-chat-holder { width:100%; margin-top:var(--holder-reserved,290px); }
 .hero-stage.has-chat-holder { overflow:clip; }
 .chat-home-slot.has-chat-holder .chat-workspace[data-chat-placement="home"] .contact-panel { padding-inline:36px; }
}
@media(prefers-reduced-motion:reduce) {
 .chat-holder-portrait,.chat-holder-hands { transition:none!important; }
}