{D.nav.map((n) => {
const on = n === active;
return (
{n}
);
})}
);
}
// Mobile nav — hamburger + wordmark, with a tap-to-open full-screen menu.
function NavMobile({ active }) {
const D = window.DATA;
const [open, setOpen] = React.useState(false);
return (
{D.nav.map((n) => {
const on = n === active;
return (
{n}
);
})}
)}
);
}
// Numbered section label with hairline rule.
function SectionLabel({ n, children, color = t.amber }) {
return (
{n}{children}
);
}
// Big page header band: kicker + giant Bebas title + optional lede.
function PageHead({ kicker, title, lede, mobile = false }) {
return (
{kicker}
{title}
{lede && (
{lede}
)}
);
}
function LinkedInIcon({ size = 14, color = "currentColor" }) {
return (
);
}
function IMDbIcon({ h = 14 }) {
return (
);
}
// Amber contact band + footer (shared close to every page).
function ContactBand({ mobile = false }) {
const D = window.DATA;
if (mobile) {
return (