/* Fifth identity chapter: the original mark completes its turn and gains a gaze. */
html{overflow-anchor:none}
.identity{height:610svh;--ai-reveal:0;--gaze-x:0px;--gaze-y:0px}
.robot-eyes{position:absolute;inset:0;width:100%;height:100%;overflow:visible;opacity:var(--ai-reveal);pointer-events:none}
.robot-gaze{transform:translate(var(--gaze-x),var(--gaze-y));transition:transform var(--dur-2) var(--ease-out)}
.robot-pupil{fill:#f2b9ef;transform-box:fill-box;transform-origin:center}
.is-ai .robot-pupil{animation:robot-wake 1.2s cubic-bezier(.16,1,.3,1) both}
@keyframes robot-wake{0%,40%{transform:scaleY(.1)}65%{transform:scaleY(1)}78%{transform:scaleY(.12)}100%{transform:scaleY(1)}}
.ghost-ai svg{stroke:currentColor;stroke-width:5;stroke-linejoin:round}
.identity.is-ai .meaning-caption{color:#bba4ff}
.identity .chapter-ai h2{text-wrap:balance}
html[dir="rtl"] .identity .meaning-caption{direction:rtl;text-align:left;letter-spacing:.015em!important}
@media(min-width:641px){.identity-scene .meaning-caption{right:auto!important;width:43%;max-width:43%!important;white-space:normal}}
@media(max-width:640px){.identity{height:480svh}.identity .chapter-ai h2{font-size:clamp(34px,10vw,46px)}.identity .chapter-ai h3{font-size:17px}.identity .chapter-ai>p:not(.label):not(.chapter-craft){font-size:13px;line-height:1.7}}
@media(prefers-reduced-motion:reduce){.robot-gaze{transition:none;transform:none}.is-ai .robot-pupil{animation:none}}

/* Selected hero: finish the turn, crossfade at the side, dock centrally, then light the eyes. */
.identity{--hero-reveal:0;--hero-travel:0;--hero-ignite:0;--hero-copy:0}
.identity .identity-symbol{opacity:calc(1 - var(--hero-reveal))}
.ai-hero-visual{position:absolute;z-index:3;pointer-events:none;left:calc(26% + var(--hero-travel)*24%);top:calc(46% - var(--hero-travel)*16%);width:clamp(360px,52vw,680px);aspect-ratio:1672/941;opacity:var(--hero-reveal);transform:translate(-50%,-50%) scale(calc(.92 + var(--hero-travel)*.08));will-change:transform,left,top;mix-blend-mode:screen}
.ai-hero-visual img{width:100%;height:100%;object-fit:contain;filter:brightness(calc(.72 + var(--hero-ignite)*.28))}
.ai-hero-visual svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hero-eye-cover{fill:#1a1026;opacity:calc(1 - var(--hero-ignite))}
.hero-eye-glow{fill:#f2b9ef;opacity:calc(var(--hero-ignite)*.4);filter:blur(9px)}
.identity.is-ai .meaning-ghost,.identity.is-ai .meaning-caption{opacity:0!important;visibility:hidden}
.identity .chapter-ai,.identity-scene .chapters .chapter-ai{left:var(--pad)!important;right:var(--pad)!important;top:58%!important;width:auto;max-width:none;text-align:center;transform:none!important;direction:inherit}
.identity .chapter-ai.active{opacity:var(--hero-copy)}
.identity .chapter-ai h2{font-size:clamp(34px,3.4vw,52px);line-height:1.2;margin:0 0 12px}
.identity .chapter-ai h3{font-size:clamp(17px,1.55vw,22px);line-height:1.5;margin:0 0 12px;color:#f2b9ef}
.identity .chapter-ai .label{font-size:10px;margin:0 auto 12px;text-align:center!important;max-width:none!important}
.identity .chapter-ai>p:not(.label):not(.chapter-craft){font-size:16px;line-height:1.7;max-width:760px!important;margin-inline:auto;text-wrap:pretty}
@media(max-width:640px){.ai-hero-visual{left:50%;top:26%;width:118vw;max-width:560px;transform:translate(-50%,-50%) scale(calc(.94 + var(--hero-reveal)*.06))}.identity-scene .chapters .chapter-ai{top:44%!important;left:22px!important;right:22px!important}.identity .chapter-ai h2{font-size:clamp(30px,8.5vw,38px)}.identity .chapter-ai h3{font-size:17px}.identity .chapter-ai>p:not(.label):not(.chapter-craft){font-size:14px;line-height:1.8}}
@media(max-height:650px) and (min-width:641px){.ai-hero-visual{width:min(48vw,550px)}.identity-scene .chapters .chapter-ai{top:55%!important}.identity .chapter-ai h2{font-size:32px;margin-bottom:8px}.identity .chapter-ai h3{font-size:17px;margin-bottom:8px}.identity .chapter-ai>p:not(.label):not(.chapter-craft){font-size:14px}}
@media(prefers-reduced-motion:reduce){.ai-hero-visual{will-change:auto}}