/* Local frame-by-frame performances. Original artwork is always the resting pose. */
.puppet-layer{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;visibility:hidden;pointer-events:none;z-index:5;transform-origin:50% 95%;contain:layout style}
.puppet-layer .pose-image{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain;pointer-events:none;filter:none!important;animation:none!important;transition:none!important;transform:none!important}
.puppet-playing .puppet-layer{opacity:1;visibility:visible}
.hero-companion.puppet-playing .companion-body>.companion-image,.site-peek.puppet-playing .peek-person>img:not(.pose-image),.portrait-avatar.puppet-playing>#agent-portrait{opacity:0!important}
.puppet-playing .blink-overlay{display:none!important;opacity:0!important}
.hero-companion.puppet-actor .companion-body,.hero-companion.puppet-actor.crew-reacting .companion-body,.site-peek.puppet-actor.crew-reacting .peek-person,.portrait-avatar.puppet-actor.crew-reacting{animation:none!important}
.site-peek.puppet-actor .puppet-layer{filter:drop-shadow(0 3px 3px #00000010)}
.site-peek.puppet-actor .peek-person,.site-peek.puppet-actor:hover .peek-person,.site-peek.puppet-actor:focus-visible .peek-person{transform:translateY(2px) rotate(0);transition:none}
.puppet-actor.puppet-playing .companion-label{opacity:0}
.crew-controls{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-shrink:0}
.crew-replay{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:36px;padding:9px 12px;border:1px solid #dedee5;border-radius:999px;background:#ffffffd9;color:#5d5d66;font:inherit;font-size:9px;line-height:1.3;white-space:nowrap;transition:background .2s,opacity .2s}
.crew-replay>span{font-size:15px;line-height:1}.crew-replay:hover{background:#f2f2f7}.crew-replay:disabled{opacity:.55;cursor:default}
.scene-caption{gap:10px}.scene-hint{max-width:210px}.crew-motion-toggle{white-space:nowrap}
.questions-section{position:relative;margin-top:35px;padding-top:35px}.questions-section::before{content:"";position:absolute;top:32px;left:0;right:0;height:1px;background:#dfe0e5;pointer-events:none}.questions-section .peek-echo{right:32px;top:-78px;width:154px;height:110px}.peek-echo .peek-person{width:205px;height:205px;margin-left:-102.5px;top:-2px}
@media(max-width:1100px) and (min-width:701px){.crew-replay{font-size:8px;padding:8px 9px;min-height:34px}.crew-replay>span{font-size:13px}.scene-hint{max-width:120px}.scene-caption{gap:7px}.crew-controls{gap:5px}.crew-motion-toggle{font-size:7.5px;padding-inline:8px}}
@media(max-width:900px) and (min-width:701px){.scene-caption{flex-direction:column;align-items:center;justify-content:center;bottom:-45px;gap:8px}.scene-hint{max-width:none}.crew-controls{justify-content:center}.questions-section .peek-echo{right:16px}}
@media(max-width:700px){.scene-caption{bottom:-51px;left:0;right:0;flex-direction:column;align-items:center;gap:9px}.scene-hint{max-width:none;font-size:7px;letter-spacing:.05em}.crew-controls{justify-content:center;gap:7px}.crew-replay{font-size:9px;min-height:35px;padding:8px 12px}.crew-replay>span{font-size:14px}.crew-motion-toggle{font-size:8px;min-height:35px;padding-inline:12px}.living-hero-stage{margin-bottom:72px}.questions-section{margin-top:35px;padding-top:35px}.questions-section .peek-echo{right:7px;top:-76px;width:133px;height:108px}.peek-echo .peek-person{width:193px;height:193px;margin-left:-96.5px;top:-2px}}
@media(max-width:380px){.crew-replay{font-size:8px;padding-inline:11px}.crew-motion-toggle{font-size:7.5px;padding-inline:10px}.questions-section .peek-echo{right:0;width:128px}.peek-echo .peek-person{width:186px;height:186px;margin-left:-93px;top:0}}
@media(prefers-reduced-motion:reduce){.puppet-layer{display:none!important}.hero-companion.puppet-playing .companion-body>.companion-image,.site-peek.puppet-playing .peek-person>img:not(.pose-image),.portrait-avatar.puppet-playing>#agent-portrait{opacity:1!important}.crew-replay{display:none}.scene-caption{bottom:-35px}.living-hero-stage{margin-bottom:54px}}
@media print{.puppet-layer,.crew-controls,.questions-section>.site-peek{display:none!important}.hero-companion.puppet-playing .companion-body>.companion-image,.site-peek.puppet-playing .peek-person>img:not(.pose-image),.portrait-avatar.puppet-playing>#agent-portrait{opacity:1!important}}

/* Shared pose hosts keep thumbnails, workflow figures and call mascots aligned. */
.agent-tab-art{position:relative}
.agent-tab-art>.tab-character-image{display:block;width:100%;height:100%;object-fit:contain;margin:0}
.agent-tab.puppet-actor .agent-tab-art{animation:none!important;transform:none!important}
.puppet-playing .puppet-base{opacity:0!important}
.inline-puppet{position:relative;display:block}
.inline-puppet>.puppet-base{display:block;width:100%;height:100%;object-fit:contain}
.journey-people>.inline-puppet{width:68%;max-width:none;height:100%;flex-shrink:1}
.journey-people>.inline-puppet>img{width:100%;height:100%;margin:0;transform:none;translate:none;rotate:none;scale:none;transition:none}
.journey-people>.inline-puppet .puppet-layer{filter:drop-shadow(0 12px 9px #54545614)}
.quote-host>.quote-agent{width:75px;height:80px;flex:0 0 75px}
.quote-host>.quote-agent>img{width:100%;height:100%;translate:none;rotate:none;scale:none}
.mobile-talk>.mobile-agent{width:36px;height:36px;flex:0 0 36px}
.mobile-talk>.mobile-agent>img{width:100%;height:100%}
.agent-controls #agent-replay{font-size:21px}
.agent-controls #agent-replay:disabled{opacity:.4;cursor:default}
@media(max-width:700px){.quote-host>.quote-agent{width:69px;height:76px;flex-basis:69px}.agent-controls #agent-replay{font-size:20px}}
@media(prefers-reduced-motion:reduce){.puppet-playing .puppet-base{opacity:1!important}}
@media print{.puppet-playing .puppet-base{opacity:1!important}}
