#company-architecture-v1 #future{overflow:hidden;isolation:isolate}
#company-architecture-v1 #future .future-head{grid-template-columns:1.12fr .88fr;align-items:center;gap:34px}
#company-architecture-v1 #future .future-thesis{align-self:center;font-size:clamp(16px,1.7vw,20px)}
#company-architecture-v1 .humanoid-scene{position:relative;height:332px;margin:0 0 14px;isolation:isolate}
#company-architecture-v1 .humanoid-blueprint{position:absolute;inset:0;z-index:-1;color:var(--viz-series-4);background:radial-gradient(ellipse at 53% 58%,color-mix(in srgb,var(--viz-series-4) 12%,transparent),transparent 64%)}
#company-architecture-v1 .humanoid-blueprint>span{position:absolute;top:7px;left:8px;font:9px/1.5 ui-monospace,monospace;letter-spacing:.12em;color:var(--muted-foreground)}
#company-architecture-v1 .humanoid-blueprint>svg{height:100%;width:100%;stroke:currentColor;stroke-width:1;opacity:.3}
#company-architecture-v1 .humanoid-arrival{position:absolute;inset:3px 0 26px;display:flex;justify-content:center;opacity:0;transform:translateX(calc(100vw + 100%));pointer-events:none}
#company-architecture-v1 .construction-humanoid{height:100%;width:auto;overflow:visible;transform:scaleX(-1);filter:drop-shadow(0 8px 9px #08131d20)}
#company-architecture-v1 .humanoid-ready .humanoid-arrival{opacity:1;transform:translateX(0)}
#company-architecture-v1 .humanoid-entering .humanoid-arrival{animation:humanoid-arrive 2.8s cubic-bezier(.17,.48,.3,1) both}
#company-architecture-v1 .humanoid-entering .humanoid-walk{animation:humanoid-bob .56s ease-in-out 5}
#company-architecture-v1 .humanoid-arm,#company-architecture-v1 .humanoid-leg{transform-origin:var(--joint-x) var(--joint-y)}
#company-architecture-v1 .humanoid-entering .humanoid-arm-front,#company-architecture-v1 .humanoid-entering .humanoid-leg-back{animation:humanoid-stride .56s ease-in-out 5}
#company-architecture-v1 .humanoid-entering .humanoid-arm-back,#company-architecture-v1 .humanoid-entering .humanoid-leg-front{animation:humanoid-stride .56s ease-in-out 5 reverse}
#company-architecture-v1 .humanoid-entering .humanoid-head{transform-origin:162px 132px;animation:humanoid-look .7s ease-in-out 2.8s both}
#company-architecture-v1 .humanoid-caption{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted-foreground);font-size:9px;line-height:1.5}
#company-architecture-v1 .humanoid-replay{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--border);border-radius:50%;background:var(--background);color:var(--foreground);cursor:pointer}
#company-architecture-v1 .humanoid-replay svg{width:15px;height:15px}
#company-architecture-v1 .humanoid-replay:hover{border-color:var(--viz-series-4)}
#company-architecture-v1 .humanoid-replay:focus-visible{outline:2px solid var(--viz-series-4);outline-offset:3px}
@keyframes humanoid-arrive{0%{transform:translateX(calc(100vw + 100%));opacity:0}8%{opacity:1}88%{transform:translateX(-5px)}100%{transform:translateX(0);opacity:1}}
@keyframes humanoid-stride{0%,100%{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}
@keyframes humanoid-bob{0%,50%,100%{transform:translateY(0)}25%,75%{transform:translateY(-3px)}}
@keyframes humanoid-look{0%,100%{transform:rotate(0)}45%{transform:rotate(-6deg)}}
@media(max-width:800px){#company-architecture-v1 #future .future-head{grid-template-columns:1fr;gap:20px}#company-architecture-v1 .humanoid-scene{height:310px;max-width:440px;margin:0 auto 16px}#company-architecture-v1 #future .future-thesis{font-size:18px}}
@media(prefers-reduced-motion:reduce){#company-architecture-v1 .humanoid-arrival{opacity:1;transform:none}#company-architecture-v1 .humanoid-replay{display:none}}