/* ==========================================================================
   MOBILE MENU — fullscreen nav overlay (js/modules/mobile-menu.js).
   ========================================================================== */

.mobile-menu {
    position: fixed; inset: 0; z-index: 480;
    background: rgba(5,6,10,.97);
    backdrop-filter: blur(20px);
    display: flex; flex-direction: column; justify-content: center;
    padding: 2rem clamp(1.5rem, 8vw, 4rem);
    transform: translateY(-100%);
    transition: transform .5s var(--ease);
    opacity: 0;
}
.mobile-menu.is-open { transform: translateY(0); opacity: 1; }
.mobile-menu ul { display: flex; flex-direction: column; gap: 1.1rem; }
.mobile-menu a {
    font-family: var(--font-display); font-size: clamp(1.8rem, 8vw, 2.6rem); font-weight: 600;
    display: flex; align-items: baseline; gap: .8rem; color: var(--text);
}
.mobile-menu a .mono { font-size: .9rem; color: var(--accent); }
.mobile-menu__footer { margin-top: 3rem; display: flex; align-items: center; gap: 1.5rem; flex-wrap: wrap; }
.mobile-menu__socials { display: flex; gap: 1rem; font-size: 1.3rem; color: var(--text-dim); }
.mobile-menu__socials a:hover { color: var(--accent); }