{label}

{String(num).padStart(2, '0')}

{sub && (

{sub}

)}

); } // rail (default) and inline use the same DOM — CSS collapses the grid for inline. return (

{label}

{sub && (

{sub}

)}

); }; // ─────────── Nav ─────────── const Nav = () => ( ); // ─────────── Hero ─────────── const Hero = () => { const D = window.PF_DATA; return (

Ten years turning hard problems into shippable software.

{D.heroSub}

See selected work → {D.contact.email}

Senior Software Engineer · Buenos Aires, AR · Available 2026 Q3

); }; // ─────────── Now ─────────── const Now = () => { const D = window.PF_DATA; return (

{D.now}

); }; // ─────────── Selected Work ─────────── const SelectedWork = () => { const D = window.PF_DATA; return (

Things I've shipped that mattered.

All work →

{D.caseStudies.map((cs, i) => ( ))}

); }; const CaseStudyRow = ({ cs, isLast }) => { const [hover, setHover] = useState(false); return ( setHover(true)} onMouseLeave={() => setHover(false)} style={{ display: 'grid', gridTemplateColumns: 'minmax(180px, 232px) 1fr minmax(220px, 280px)', gap: 24, padding: '40px 0', borderTop: '1px solid var(--rule)', borderBottom: isLast ? '1px solid var(--rule)' : 'none', alignItems: 'start', cursor: 'pointer', transition: 'background .25s', background: hover ? 'var(--rule-2)' : 'transparent', marginInline: hover ? -16 : 0, paddingInline: hover ? 16 : 0, borderRadius: 2, }} >

/ Case {cs.number}

{cs.year}

{cs.kicker}

{cs.title}

{cs.blurb}

{cs.stack.map(s => ( {s} ))}

Read case →

); }; const MetaPair = ({ label, value }) => (

{label}

{value}

); // ─────────── Writing ─────────── const Writing = () => { const D = window.PF_DATA; return (

Notes on the work.

Archive →

{D.writing.map((w, i) => ( {w.date} {w.title} {w.tag} {w.read} ))}

); }; // ─────────── Experience ─────────── const Experience = () => { const D = window.PF_DATA; return (

A decade, more or less.

{D.experience.map((e, i) => (

{e.years} {e.org} {e.role}

))}

); }; // ─────────── Speaking ─────────── const Speaking = () => { const D = window.PF_DATA; return (

When asked.

{D.speaking.map((s, i) => (

{s.date} {s.talk} {s.venue}

))}

); }; // ─────────── About ─────────── const About = () => (

Ramiro Higonet, Florence, 2024 — Piazzale Michelangelo, Firenze · May 2024

I am most useful on small teams shipping things that have to work — the kind where a bug shows up in someone's bank statement, or in a court filing, or in a Sunday-morning page. I write Go, Rust, and a defensive amount of SQL. I review my own code before anyone else reviews it.

Outside work: bouldering badly, cooking moderately, reading too much about monetary history. Lived in Buenos Aires, Lisbon, Berlin. Currently the first.

); // ─────────── Contact / Footer ─────────── const useFontSet = () => { const [fs, setFs] = React.useState(() => (typeof document !== 'undefined' && document.body.dataset.fontset) || 'A' ); React.useEffect(() => { const obs = new MutationObserver(() => { setFs(document.body.dataset.fontset || 'A'); }); obs.observe(document.body, { attributes: true, attributeFilter: ['data-fontset'] }); return () => obs.disconnect(); }, []); return fs; }; const ContactFooter = () => { const D = window.PF_DATA; const fs = useFontSet(); return ( ); }; const ContactRow = ({ label, value }) => ( {label} {value} ↗ ); window.HomePage = Page;