function Manifesto(){
  const AM=window[window.AM_NS];
  const {Eyebrow,BrandLock}=AM;
  const marks=[
    {t:'Percepção',d:'Nada entra sem passar por ela. É a primeira estrutura — e a mais silenciosa.'},
    {t:'Princípio',d:'O que se repete deixa de ser acaso. Princípio é padrão que sustenta.'},
    {t:'Escolha',d:'Onde a estrutura encontra a pessoa. Ali a realidade muda de forma.'}
  ];
  const ref=React.useRef(null);
  const [p,setP]=React.useState(.5);
  React.useEffect(()=>AMMotion.scroll(()=>{
    if(!ref.current) return;
    const r=ref.current.getBoundingClientRect();
    setP(Math.round(Math.min(1,Math.max(0,1-(r.top+r.height*.4)/window.innerHeight))*60)/60);
  }),[]);
  const s=AMMotion.reduced?.5:p;
  return (
    <section className="am-manifesto" id="manifesto" ref={ref}>
      <div className="am-mf-light" aria-hidden="true" style={{transform:'translate3d(0,'+((s-.5)*140)+'px,0)'}}/>
      <div className="am-mf-mark" aria-hidden="true" style={{transform:'translate(-50%,-50%) scale('+(1+(s-.5)*.06)+')'}}>
        <BrandLock variant="am-icon" height="min(60vh,540px)" assetBase="assets"/>
      </div>
      <div className="am-mf-inner">
        <div className="am-mf-head" data-am-reveal>
          <Eyebrow rule={false} tone="faint">O que é Arquitetura Mental</Eyebrow>
          <h2 className="am-mf-title">
            <span>Existe uma estrutura</span>
            <span>por trás do que você</span>
            <span><em>chama de realidade.</em></span>
          </h2>
          <p className="am-mf-text">Arquitetura Mental não trata de pensar positivo nem de fórmulas.
            Trata de leitura: leis antigas, consciência, percepção e escolha, estudadas como se estuda uma planta
            de construção. Onde você olha decide o que existe para você. E isso é uma decisão de projeto.</p>
        </div>
        <div className="am-mf-marks">
          {marks.map((m,i)=>(
            <div key={m.t} className="am-mf-mark-item" data-am-reveal data-am-delay={String(i*160)}>
              <span className="am-mf-idx">{'0'+(i+1)}</span>
              <span className="am-mf-t">{m.t}</span>
              <p className="am-mf-d">{m.d}</p>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}
Object.assign(window,{Manifesto});