// REALIZE.CONTENT — Manifesto section
const Manifesto = () =>
<section className="manifesto" id="manifesto">
    <div className="manifesto-inner">

      {/* Left column: eyebrow + photo slot + blob */}
      <div className="manifesto-left">
        <div className="manifesto-eyebrow" style={{ lineHeight: "1.4", fontWeight: "900", letterSpacing: "0.2px", width: "40px", borderStyle: "solid", borderWidth: "0px" }}>01.<br />Manifesto</div>

        {/* 5:4 landscape photo — drag your image here */}
        <div className="manifesto-photo-wrap" style={{ borderWidth: "4px", width: "308px", height: "168px" }}>
          <image-slot
          id="manifesto-foto"
          shape="rect"
          placeholder="Foto do set / making-of"
          style={{ aspectRatio: '5/4', display: 'block', padding: "0px", margin: "0px", width: "300px" }}>
        </image-slot>
        </div>

        {/* (blob removido) */}

      </div>

      {/* Right column: manifesto text */}
      <div className="manifesto-body" style={{ fontSize: "28px", margin: "0px 0px 0px 80px" }}>
        A gente acredita que <span className="accent-y">cinema é território.</span>{' '}
        Que toda história contada de fora vira <em>caricatura</em>, e que toda história
        contada de dentro vira <span className="accent-r">memória.</span><br /><br />
        Por isso, a <strong>REALIZE.CONTENT</strong> é uma produtora colaborativa —
        cada projeto começa com a pergunta <span className="accent-t">"quem ainda
        não está na sala?"</span> e termina, idealmente, com a sala inteira sentada
        ao redor da mesma mesa.<br /><br />
        Produzimos documentário, ficção, série, vídeo institucional e tudo o que se
        atravessa em <span className="accent-g">transmídia.</span> Em todas as
        peças, a curadoria é a mesma: <strong>protagonismo feminino, equidade de
        gênero, diversidade de vozes.</strong>
      </div>

    </div>
  </section>;


window.Manifesto = Manifesto;