const DS=window.AgustinaRodrGuezAresArchivoDesignSystem_bb1a86; const{Folder,Sheet,Photo,Note,Button,Label,Input,Textarea,ObjectImage,Divider,Tag}=DS; const OBJ='assets/objects'; const mono=(s=11,c='var(--text-muted)')=>({fontFamily:'var(--font-mono)',fontSize:s,textTransform:'uppercase',letterSpacing:'var(--tracking-label)',color:c}); function MiniFolder({label,title,sub,cat,tone,tab,tilt,onClick}){ return (
{cat&&
{cat}
}
{title}
{sub&&
{sub}
}
); } const STAGE_W=1300,STAGE_H=820; function useFit(){ const[s,setS]=React.useState(1); React.useEffect(()=>{ const fit=()=>setS(Math.min(1,Math.max(.3,Math.min((innerWidth-28)/STAGE_W,(innerHeight-84)/STAGE_H)))); fit();addEventListener('resize',fit);return()=>removeEventListener('resize',fit); },[]); return s; } const SAT_POS=[{left:150,top:56},{left:44,top:320},{left:56,top:590},{left:1000,top:322},{left:1010,top:576}]; function Hero({t,lang,onOpen,onContact,onAbout,shift}){ const s=useFit(); return (
{window.PF_PROJECTS.map((p,i)=>(
onOpen(p)} />
))}
Agustina Rodríguez Ares

Portfolio

{t.sub}
); } function About({t}){ return (
Ficha 00 · {t.aboutRole}

{t.aboutTitle}

{t.aboutBody}

ProducciónEscenografíaFotografía
); } function Typed({text,speed=64,delay=140,style,caret=true}){ const[n,setN]=React.useState(0); React.useEffect(()=>{setN(0);},[text]); React.useEffect(()=>{ if(n>=text.length)return; const id=setTimeout(()=>setN(n+1),n===0?delay:speed); return()=>clearTimeout(id); },[n,text,speed,delay]); const done=n>=text.length; return {text.slice(0,n)}{caret&&!done&&|}; } function Presentacion({t,lang,onClose}){ const sc=useFit(); const[opened,setOpened]=React.useState(false); React.useEffect(()=>{const id=setTimeout(()=>setOpened(true),1650);return()=>clearTimeout(id);},[]); const rev=d=>({animation:'pfReveal 640ms var(--ease-paper) both',animationDelay:d+'ms'}); const soft=d=>({animation:'pfSoftIn 700ms var(--ease-paper) both',animationDelay:d+'ms'}); return (
{!opened&&
Agustina Rodríguez Ares
Portfolio
}
{[1,2,3,4,5,6].map(n=>{n})}
{t.aboutLabel} · Ficha 00

Agustina

Rodríguez Ares
ProducciónEscenografíaFotografía
Agustina en set

{t.aboutBody}

{[[t.phone,'11 2283 2030'],['Mail','agus.rodriguez.ares@gmail.com'],['Instagram','@aagus.ares']].map(([k,v],ri)=>(
{k}{v}
))}
Equipo de trabajo
Sobre mí
); } function Archive({t,lang,onOpen}){ const tabs=['left','center','right','center','left']; return (

{t.archiveTitle}

{t.archiveHint}
{window.PF_PROJECTS.map((p,i)=>(
onOpen(p)}>
Ficha {p.n}
{p.title}
{p.kind[lang]}
{t.open} →
))}
); } function PaperWindow({onClose,children,width='min(1040px,96vw)',glass}){ return (
e.stopPropagation()} style={{position:'relative',width,animation:'pfRise var(--dur-slow) var(--ease-paper)'}}> {glass? {children} : {children} }
); } const PH_SLOTS=[{left:742,top:36,w:322,r:-3.2,clip:'clip-steel'},{left:1040,top:150,w:246,r:4.1,clip:'paperclip'},{left:770,top:392,w:286,r:2.3,clip:'paperclip'},{left:1046,top:486,w:236,r:-4.6,clip:'clip-bronze'},{left:848,top:604,w:182,r:5.4,clip:'paperclip'}]; function NaturalPolaroid({src,alt}){ const[ar,setAr]=React.useState(null); React.useEffect(()=>{ let live=true;setAr(null); const im=new Image(); im.onload=()=>{if(live&&im.naturalHeight)setAr(Math.min(1.6,Math.max(.68,im.naturalWidth/im.naturalHeight)));}; im.src=src; return()=>{live=false;}; },[src]); return (
{alt}
); } function ClipPhoto({src,alt,slot,i,children,onOpen}){ return (
{src?:children}
); } function Lightbox({imgs,i,setI,onClose,alt}){ React.useEffect(()=>{ const k=e=>{if(e.key==='ArrowRight')setI((i+1)%imgs.length);else if(e.key==='ArrowLeft')setI((i-1+imgs.length)%imgs.length);}; addEventListener('keydown',k);return()=>removeEventListener('keydown',k); },[i,imgs.length,setI]); const arrow=side=>({position:'absolute',[side]:'clamp(12px,3vw,44px)',top:'50%',transform:'translateY(-50%)',...mono(20,'var(--tierra-900)'),width:56,height:56,display:'grid',placeItems:'center',background:'rgba(255,249,237,.82)',border:'1px solid var(--border-strong)',borderRadius:2,cursor:'pointer',zIndex:3,boxShadow:'var(--shadow-lift-2)'}); return (
e.stopPropagation()} style={{position:'relative',maxWidth:'100%',maxHeight:'100%',background:'#fffdf7',border:'1px solid rgba(80,50,40,.18)',padding:'clamp(10px,1.2vw,18px)',boxShadow:'0 40px 80px -24px rgba(80,50,40,.5)',animation:'pfRise var(--dur-base) var(--ease-paper) both'}}> {alt}
{alt} {String(i+1).padStart(2,'0')} / {String(imgs.length).padStart(2,'0')}
{imgs.length>1&&} {imgs.length>1&&}
); } function Tape({width=136,tilt=0,style}){ return
; } function PostIt({width=660,tilt=-1.4,label,note,children,style}){ return (
{label&&
{label}
} {children} {note&&
{note}
}
); } function VideoBox({v,onClose}){ const src=v.yt?'https://www.youtube-nocookie.com/embed/'+v.yt+'?autoplay=1&rel=0&modestbranding=1':v.drive?'https://drive.google.com/file/d/'+v.drive+'/preview':null; return (
e.stopPropagation()} style={{position:'relative',width:'min(1180px,100%)',background:'#fffdf7',border:'1px solid rgba(80,50,40,.18)',padding:'clamp(10px,1.2vw,18px)',boxShadow:'0 40px 80px -24px rgba(80,50,40,.5)',animation:'pfRise var(--dur-base) var(--ease-paper) both'}}>
{src ? :}
); } function Ficha({p,t,lang,onClose}){ const[zoom,setZoom]=React.useState(null); const[vzoom,setVzoom]=React.useState(null); React.useEffect(()=>{setZoom(null);setVzoom(null);},[p&&p.id]); React.useEffect(()=>{ if(vzoom===null)return; const k=e=>{if(e.key==='Escape'){e.stopImmediatePropagation();setVzoom(null);}}; addEventListener('keydown',k,true);return()=>removeEventListener('keydown',k,true); },[vzoom]); React.useEffect(()=>{ if(zoom===null)return; const k=e=>{if(e.key==='Escape'){e.stopImmediatePropagation();setZoom(null);}}; addEventListener('keydown',k,true);return()=>removeEventListener('keydown',k,true); },[zoom]); if(!p) return null; const s=useFit(); const imgs=p.photos&&p.photos.length?p.photos:[]; const n=imgs.length||p.slots||3; return (
{p.title} Ficha {p.n}
{p.media!=='video'&&
{p.kind[lang]}

{p.title}

{p.role[lang]}

{p.desc?p.desc[lang]:t.pendingFicha}

{p.meta.map(([k,v])=>(
{k}{v}
))}
Año{p.year}
{p.note[lang]}
} {p.media==='video'?(
{[0,1].map(i=>(
setVzoom(i):undefined} style={{position:'relative',aspectRatio:'16 / 9',background:'var(--hueso)',border:'1px solid rgba(80,50,40,.16)',display:'grid',placeItems:'center',overflow:'hidden',cursor:p.videos&&p.videos[i]?'zoom-in':'default'}}> {p.videos&&p.videos[i]? ▶ :Video {String(i+1).padStart(2,'0')}}
{p.videos&&p.videos[i]&&p.videos[i].title?p.videos[i].title:'Pieza '+String(i+1).padStart(2,'0')}
{p.videos&&p.videos[i]&&p.videos[i].sub&&
{p.videos[i].sub}
}
))}
):Array.from({length:Math.min(n,PH_SLOTS.length)}).map((_,i)=>( setZoom(i)}>
))}
{vzoom!==null&&p.videos&&p.videos[vzoom]&&setVzoom(null)} />} {zoom!==null&&imgs.length>0&&setZoom(null)} alt={p.title} />}
); } function KeyedVideo({src,width,style}){ const cv=React.useRef(null); React.useEffect(()=>{ const v=document.createElement('video'); v.src=src;v.muted=true;v.loop=true;v.playsInline=true;v.autoplay=true; let raf,ctx,W=0,H=0,alive=true; const start=()=>{ const c=cv.current;if(!c)return; W=Math.min(480,v.videoWidth||480);H=Math.round(W*(v.videoHeight/v.videoWidth||1.34)); c.width=W;c.height=H;ctx=c.getContext('2d',{willReadFrequently:true}); const loop=()=>{ if(!alive)return; if(v.readyState>=2){ ctx.clearRect(0,0,W,H);ctx.drawImage(v,0,0,W,H); const d=ctx.getImageData(0,0,W,H),p=d.data; for(let i=0;i=254)p[i+3]=0; else if(mn>247)p[i+3]=Math.round(255*(254-mn)/7); } ctx.putImageData(d,0,0); } raf=requestAnimationFrame(loop); }; loop(); }; v.addEventListener('loadeddata',start); const pl=v.play();if(pl&&pl.catch)pl.catch(()=>{}); return()=>{alive=false;cancelAnimationFrame(raf);v.removeEventListener('loadeddata',start);v.pause();v.src='';}; },[src]); return ; } const FORM_ENDPOINT='https://formspree.io/f/mrpzloqa'; function Contact({t}){ const[state,setState]=React.useState('idle'); const sent=state==='sent'; const submit=async e=>{ e.preventDefault(); const f=e.target,fd=new FormData(f); if(FORM_ENDPOINT.includes('TU_ID_ACA')){setState('sent');return;} setState('sending'); try{ const r=await fetch(FORM_ENDPOINT,{method:'POST',headers:{Accept:'application/json'},body:fd}); if(!r.ok)throw new Error('bad'); f.reset();setState('sent'); }catch(err){setState('error');} }; return (

{t.contactTitle}

{t.contactBody}