20;
if (window.scrollY > lastScroll && window.scrollY > 60) {
hidden = true;
} else if (window.scrollY < lastScroll) {
hidden = false;
}
lastScroll = window.scrollY;
"
:class="[
hidden ? '-translate-y-full' : 'translate-y-0'
]"
class="fixed top-0 inset-x-0 z-[900] transition-all duration-300 bg-white/85 backdrop-blur-md border-b border-black/50 shadow-sm"
style="font-family: 'Aileron', sans-serif;">