/* =========================================================================== Shared MOBILE navigation: top-right hamburger + full-screen "splash" menu. Used on index / services / about. Colours follow the current theme (--nav-bg). =========================================================================== */ .m-burger { display: none; } /* Scroll lock: when the menu is open the page behind is frozen in place (position:fixed with a negative top = current scrollY), so opening the menu does NOT jump to the top and closing returns you to exactly where you were. */ body.m-splash-lock { position: fixed; left: 0; right: 0; width: 100%; overflow: hidden; } .m-splash { position: fixed; inset: 0; z-index: 2900; visibility: hidden; } .m-splash__bg { position: absolute; top: 32px; right: 32px; width: 1px; height: 1px; } .m-splash__bg::after { content: ''; position: absolute; border-radius: 50%; background: var(--nav-bg, #0b1020); width: 284vmax; height: 284vmax; top: -142vmax; left: -142vmax; transform: scale(0); transform-origin: 50% 50%; will-change: transform; transition: transform .38s cubic-bezier(.755,.05,.855,.06); } .m-splash.is-open { visibility: visible; } .m-splash.is-open .m-splash__bg::after { transform: scale(1); } .m-splash__inner { position: relative; z-index: 5; height: 100%; width: min(84vw, 360px); margin: 0 auto; display: flex; flex-direction: column; align-items: stretch; justify-content: center; gap: 12px; } /* nav items: divided pressable 3D buttons */ .m-splash__menu { display: flex; flex-direction: column; margin-bottom: 1.5rem; } /* space before the login/portal button */ /* items are on the landing pages and