const { MicroText, Timecode, CameraStatus, Button, Tag, KinoTape } = window.DASKINODesignSystem_5a312e;
const { EdRule, EdKicker, EdHead, EdDek, EdBody, EdDropCap, EdCaption, EdSection, EdIndexRow } = window;
function useCol() {
const ref = React.useRef(null);
const [w, setW] = React.useState(1200);
React.useEffect(() => {
const read = () => ref.current && setW(ref.current.getBoundingClientRect().width);
read();
window.addEventListener("resize", read);
return () => window.removeEventListener("resize", read);
}, []);
return [ref, w];
}
/* Um trabalho selecionado no fundo preto: a imagem, a palavra na fita por
cima, a entrega embaixo. É a feição do site antigo — e a que funciona. */
function TapeCard({ f, n, go, big }) {
const [h, setH] = React.useState(false);
const wrap = React.useRef(null);
const [w, setW] = React.useState(0);
React.useEffect(() => {
const el = wrap.current;
if (!el) return;
const read = () => setW(el.clientWidth);
read();
const ro = new ResizeObserver(read);
ro.observe(el);
return () => ro.disconnect();
}, []);
const cap = w ? Math.max(14, Math.min(big ? 62 : 34, (w - 24) / (0.42 * f.word.length))) : 20;
return (
);
}
function V2Home({ go }) {
const [ref, w] = useCol();
const gut = Math.min(56, Math.max(20, w * 0.04));
const pad = `0 ${gut}px`;
/* A ordem vem do peso que a produtora deu a cada trabalho no deck — quatro
ocupam três páginas ou mais. A informação organiza a página; não aparece
nela. */
const sel = window.LEAD;
const tese = window.SOBRE.slice(1);
return (
{/* ABERTURA. A primeira linha do manifesto é a manchete, e a imagem vem
logo abaixo sem nada escrito por cima nem por baixo. */}
{window.SOBRE[0]}
Uma produtora audiovisual que nasceu antes dos filmes — e continua existindo para ajudar outras narrativas a encontrarem o seu lugar.
{/* A assinatura em fita, preservada do modelo antigo. */}
{/* A TESE. Nove parágrafos compostos como uma coluna de verdade:
capitular, filete entre colunas, texto justificado com hifenização. */}
MANIFESTO} />
{tese[0]}
{tese.slice(1).map((p, i) => (
{p}
))}
{/* SELECIONADOS — fora do escopo de papel, então os tokens voltam ao
preto sem precisar redeclarar cor nenhuma. O corte de fundo entre
claro e escuro é o gesto que dá ritmo à página. */}