)}
);
}
function Footer() {
return (
);
}
/* ============================================================
SCROLL REVEAL — any element tagged data-reveal fades and slides
in the first time it enters the viewport. data-reveal=""
staggers the delay so grid children cascade. Self-installing so
both pages pick it up; the MutationObserver catches nodes React
mounts after this file runs.
============================================================ */
(function () {
if (typeof window === 'undefined' || typeof document === 'undefined') return;
const STAGGER = 90;
const reduced = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
const io = ('IntersectionObserver' in window) && !reduced
? new IntersectionObserver((entries) => {
entries.forEach((entry) => {
if (!entry.isIntersecting) return;
entry.target.classList.add('vfc-in');
io.unobserve(entry.target);
});
}, { threshold: 0.12, rootMargin: '0px 0px -8% 0px' })
: null;
function bind() {
document.querySelectorAll('[data-reveal]:not([data-reveal-bound])').forEach((el) => {
el.setAttribute('data-reveal-bound', '');
el.classList.add('vfc-reveal');
// No observer (reduced motion or no support): show it, skip the animation.
if (!io) { el.classList.add('vfc-in'); return; }
const step = parseInt(el.getAttribute('data-reveal'), 10);
if (step > 0) el.style.setProperty('--reveal-delay', (step * STAGGER) + 'ms');
io.observe(el);
});
}
// React re-renders on hover/scroll state; coalesce to one pass a frame.
let queued = false;
function schedule() {
if (queued) return;
queued = true;
requestAnimationFrame(() => { queued = false; bind(); });
}
// Fail open. The class that hides an element is added by this script, so
// a page with no JS is never blank — but if the observer loads and then
// never reports (some embedded/headless contexts never deliver
// callbacks), content would stay invisible. If anything is still hidden
// while on screen, treat the observer as dead and just show everything.
function failOpen() {
const stuck = Array.from(document.querySelectorAll('.vfc-reveal:not(.vfc-in)')).some((el) => {
const r = el.getBoundingClientRect();
return r.top < window.innerHeight * 0.9 && r.bottom > 0;
});
if (!stuck) return;
document.querySelectorAll('.vfc-reveal').forEach((el) => el.classList.add('vfc-in'));
}
function start() {
bind();
new MutationObserver(schedule).observe(document.body, { childList: true, subtree: true });
setTimeout(failOpen, 2500);
// A tab that loads in the background never runs rAF or the observer, so
// binding happens only once it is looked at — re-arm the guard then too.
document.addEventListener('visibilitychange', function once() {
if (document.hidden) return;
document.removeEventListener('visibilitychange', once);
setTimeout(failOpen, 2500);
});
}
if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', start);
else start();
})();