/* site.css: the global layer for every page on scalepointpartners.com.
   Design tokens, the nav bar and the footer live here and nowhere else.
   Page stylesheets (style.css, home.css, the paper page) build on these tokens. */
:root{--paper:#faf8f5;--ink:#22253f;--navy:#2d3158;--teal:#0b7c72;
--body:rgba(34,37,63,.84);--dim:rgba(34,37,63,.78);--dimmer:rgba(34,37,63,.70);
--rule:rgba(34,37,63,.18);--tint:#f3f0e9;--max:1080px;
--card:#fff;--on-dark:#fff;--map-land:#d9d4c7;
--photo-bg:rgba(45,49,88,.06);--box-bg:rgba(45,49,88,.03);
--shadow-sm:0 2px 10px rgba(34,37,63,.05);--shadow-md:0 10px 24px rgba(34,37,63,.10);--shadow-lg:0 8px 24px rgba(34,37,63,.14);
--sans:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;--mono:'DM Mono',ui-monospace,Menlo,monospace;--rule-soft:rgba(34,37,63,.09);--nav-h:58px}

/* nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;background:var(--paper)}
.nav-in{max-width:var(--max);margin:0 auto;padding:16px 30px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:9px;text-decoration:none}
.mark{width:26px;height:26px;border-radius:6px;background:var(--navy);display:flex;align-items:center;justify-content:center;flex:none}
.mark svg{width:14px;height:14px;display:block}
.wordmark{font-weight:500;font-size:15px;letter-spacing:-.01em}
.nav-links{display:flex;gap:24px}
.nav-links a{text-decoration:none;font-size:14px;color:var(--dim);transition:color .2s}
.nav-links a:hover{color:var(--ink)}
.burger{display:none;background:none;border:0;color:var(--dim);padding:4px;cursor:pointer}
.mobile-menu{display:none;border-top:1px solid var(--rule);background:var(--paper)}
.mobile-menu.open{display:block}
.mobile-menu a{display:block;padding:13px 30px;text-decoration:none;font-size:15px;border-bottom:1px solid var(--rule)}
.nav-links a[aria-current]{color:var(--ink);font-weight:500}
.mobile-menu a[aria-current]{color:var(--teal);font-weight:500}

/* footer */
.foot{margin-top:0;padding:22px 0 34px;border-top:1px solid var(--rule);display:flex;
  justify-content:space-between;gap:8px 18px;flex-wrap:wrap;font-family:'DM Mono',monospace;font-size:10.5px;color:var(--dimmer)}
.foot a{text-decoration:none}.foot a:hover{color:var(--ink)}

@media (max-width:640px){
  .nav-links{display:none}.burger{display:block}
  .mobile-menu a{padding-left:20px;padding-right:20px}
  .foot{flex-wrap:wrap;justify-content:flex-start;gap:8px 18px;padding-bottom:40px}
}