<style> @media(max-width:760px){nav.mobile-open{display:flex;position:absolute;top:70px;left:0;right:0;padding:22px 18px;background:#080808;flex-direction:column;gap:18px;border-bottom:1px solid #ffffff18;box-shadow:0 18px 30px #000a}} </style> <script> const mobileButton = document.querySelector('.mobile'); const mobileNav = document.querySelector('nav'); mobileButton?.addEventListener('click', () => { const isOpen = mobileNav.classList.toggle('mobile-open'); mobileButton.setAttribute('aria-expanded', String(isOpen)); mobileButton.textContent = isOpen ? '×' : '☰'; }); mobileNav?.querySelectorAll('a').forEach((link) => link.addEventListener('click', () => { mobileNav.classList.remove('mobile-open'); mobileButton.setAttribute('aria-expanded', 'false'); mobileButton.textContent = '☰'; })); </script>