/* NOTHUMAN wordmark + nav. The design system's Wordmark/Nav hardcode the old
name, so the mark is set here in the same Space Grotesk / mono lockup. */
const { Button, ArrowLink } = window.VamshotDesignSystem_18ef2a;
const nhWordmarkSizes = { sm: '0.9rem', md: '1.35rem', lg: 'clamp(3rem,11vw,11rem)' };
function NhWordmark({ size, tagline, accentDot, style, ...rest }) {
const s = size || 'md';
return (
NOTHUMAN{accentDot ? . : null}
{tagline ? (
Shot without a camera.
) : null}
);
}
const NH_CAL = 'https://calendly.com/nothuman';
const NH_MAIL = 'mailto:contact@nothuman.digital';
function NhNav({ items }) {
const [scrolled, setScrolled] = React.useState(false);
const [open, setOpen] = React.useState(false);
const handheld = useMedia(vsMQ.handheld);
React.useEffect(function () {
return vsScroll.add(function (y) { setScrolled(y > 24); });
}, []);
/* Menu is a full-screen layer — lock the page behind it without losing position. */
React.useEffect(function () {
if (!open) return undefined;
const prev = document.body.style.overflow;
document.body.style.overflow = 'hidden';
const onKey = function (e) { if (e.key === 'Escape') setOpen(false); };
window.addEventListener('keydown', onKey);
return function () { document.body.style.overflow = prev; window.removeEventListener('keydown', onKey); };
}, [open]);
React.useEffect(function () { if (!handheld) setOpen(false); }, [handheld]);
return (