/* * Monterra site navigation * * One navigation structure serves both layouts: * - desktop (>= 992px): persistent, visible links * - tablet/mobile: fixed header + full-screen menu * * The Webflow export still contains its original navbar markup. It is intentionally * retired below so there is only one interactive primary navigation. */ :root { --site-header-height: 62px; --site-header-mobile-height: 50px; --site-header-gutter: clamp(20px, 5.55vw, 80px); --site-nav-bg: #faf9f6; --site-nav-ink: var(--deep-neutral, #14110d); --site-nav-muted: var(--grey, #8a8a8a); --site-nav-border: rgba(20, 17, 13, 0.1); --site-nav-ease: cubic-bezier(.22, .78, .24, 1); } /* * Smooth-scroll all in-page anchor navigation (Contact -> #footer, About -> #about, * pin-scroller click-to-step, etc.). The reduced-motion overrides in each page's * inline