/* Detailed reference-based portraits on a continuous light surface. */
/* Ultron uses the same fit and origin as Genesys and Stark. */
.robots-realistic .stage-portrait[data-portrait="ultron"]{scale:1;transform-origin:center}
@media(max-width:760px){.robots-realistic #ultron .mobile-portrait{object-fit:contain;object-position:center}}
.robots-realistic .robot-stage{background:radial-gradient(ellipse at 50% 45%,#f8edf0 0%,#f9fbff 64%,#f0f6ff 100%);border-color:#e5edf8}
.robots-realistic .robot-stage[data-active="stark"]{background:radial-gradient(ellipse at 50% 45%,#eaf4ff 0%,#f9fbff 64%,#f0f6ff 100%)}
.robots-realistic .robot-stage[data-active="ultron"]{background:radial-gradient(ellipse at 50% 45%,#fff7dc 0%,#f9fbff 64%,#f0f6ff 100%)}
.robots-realistic .portrait-stack{inset:6% 0 12%;perspective:none;mix-blend-mode:multiply;isolation:auto;overflow:hidden;mask-image:linear-gradient(to bottom,#000 0%,#000 90%,transparent 100%)}
.robots-realistic .stage-portrait{width:100%;height:100%;object-fit:contain;object-position:center center;mix-blend-mode:normal;filter:none;opacity:0;transform:translateY(16px) scale(.98);transition:opacity .45s ease,transform .7s var(--ease);will-change:opacity,transform}
.robots-realistic .stage-portrait.active{opacity:1;filter:none;transform:translateY(var(--robot-drift,0px)) rotate(var(--robot-tilt,0deg)) scale(1)}
.robots-realistic .stage-word{top:14%;font-size:clamp(40px,5vw,72px);opacity:.07;letter-spacing:-2px}
.robots-realistic .stage-orbit{opacity:.35}.robots-realistic .stage-top{z-index:4}
.robots-realistic .robot-select{background:#ffffffeb;z-index:5}.robots-realistic .robot-story .mobile-portrait{mix-blend-mode:multiply;filter:none;object-fit:contain;object-position:center;mask-image:linear-gradient(to bottom,#000 0%,#000 91%,transparent 100%)}
@media(max-width:760px){.robots-realistic .robot-story .mobile-portrait{height:360px;width:100%;margin:8px auto 14px;transform:translateY(12px);transition:transform .7s ease;max-width:420px}.robots-realistic .robot-story.mobile-visible .mobile-portrait{transform:none}.robots-realistic .robot-story{background:linear-gradient(155deg,#f6f9ff,white 75%)}.robots-realistic .robot-story h3{margin-top:0}}
@media(max-width:380px){.robots-realistic .robot-story .mobile-portrait{height:300px}}
@media(prefers-reduced-motion:reduce){.robots-realistic .stage-portrait,.robots-realistic .stage-portrait.active,.robots-realistic .robot-story .mobile-portrait{transform:none!important;transition:none!important;will-change:auto}}
/* Keep the agent heading high enough after anchor navigation to reveal the next content. */
#robots{scroll-margin-top:0}