/* Shared site navigation. The same bar on every page, taken from the home
   page: white 76px bar with a blur, mark + Poppins wordmark, four links with
   the sliding underline, the gold "Let's talk" pill, and the burger + slide-down
   menu under 768px. Loaded after each page's own stylesheet; every rule is
   scoped to #nav.site-nav so page styles cannot restyle it. */

#nav.site-nav{position:fixed;top:0;left:0;right:0;z-index:50;
  background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border-bottom:1px solid transparent;transition:border-color .3s;
  font-family:'Inter',sans-serif;color:#0A0A0A;-webkit-font-smoothing:antialiased}
#nav.site-nav.border-line{border-bottom-color:#E7E7E4}

#nav.site-nav .site-nav-in{max-width:1280px;margin:0 auto;padding:0 24px;height:76px;
  display:flex;align-items:center;justify-content:space-between;gap:16px}
@media(min-width:1024px){#nav.site-nav .site-nav-in{padding:0 40px}}

#nav.site-nav .site-brand{display:flex;align-items:center;gap:8px;color:#0A0A0A;text-decoration:none}
#nav.site-nav .site-mark{height:32px;width:auto;display:block;color:#0A0A0A}
#nav.site-nav .wordmark{font-family:'Poppins',sans-serif;font-weight:700;font-size:19px;line-height:1;
  letter-spacing:-.02em;color:#0A0A0A}

#nav.site-nav .site-links{display:none;align-items:center;gap:36px;font-size:13px;font-weight:500;letter-spacing:.025em}
@media(min-width:768px){#nav.site-nav .site-links{display:flex}}
#nav.site-nav .site-links a{color:#0A0A0A;text-decoration:none;padding-bottom:2px;
  background-image:linear-gradient(#0A0A0A,#0A0A0A);background-size:0 1px;background-repeat:no-repeat;
  background-position:left 100%;transition:background-size .3s}
#nav.site-nav .site-links a:hover{background-size:100% 1px}

#nav.site-nav .site-nav-end{display:flex;align-items:center;gap:12px}
#nav.site-nav .nav-talk{display:inline-block;font-family:'Archivo',sans-serif;font-weight:700;font-size:13px;
  letter-spacing:.025em;line-height:1.25;padding:10px 20px;border-radius:9999px;text-decoration:none;
  background:linear-gradient(135deg,#F8DC6B 0%,#EFC63F 52%,#DCA92A 100%);color:#0A0A0A;
  box-shadow:0 1px 0 rgba(255,255,255,.45) inset,0 10px 30px -12px rgba(220,169,42,.55);
  transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s;position:relative;overflow:hidden;white-space:nowrap}
#nav.site-nav .nav-talk:hover{transform:translateY(-2px);box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 18px 40px -14px rgba(220,169,42,.7)}
#nav.site-nav .nav-talk::after{content:'';position:absolute;top:0;left:-80%;width:50%;height:100%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-20deg);transition:left .6s ease}
#nav.site-nav .nav-talk:hover::after{left:130%}
@media(max-width:359px){#nav.site-nav .nav-talk{display:none}}

#nav.site-nav #mtoggle{display:none;width:40px;height:40px;flex-direction:column;align-items:center;justify-content:center;
  gap:4px;border-radius:9999px;border:1px solid rgba(10,10,10,.15);background:transparent;padding:0;cursor:pointer;flex:none}
#nav.site-nav #mtoggle span{display:block;width:20px;height:2px;background:#0A0A0A;border-radius:2px;
  transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .2s}
#nav.site-nav #mtoggle.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
#nav.site-nav #mtoggle.open span:nth-child(2){opacity:0}
#nav.site-nav #mtoggle.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media(max-width:767px){#nav.site-nav #mtoggle{display:flex}}

#nav.site-nav #mnav{display:none;border-top:1px solid #E7E7E4;background:rgba(255,255,255,.98);
  max-height:calc(100vh - 76px);overflow-y:auto}
#nav.site-nav #mnav.open{display:block}
@media(min-width:768px){#nav.site-nav #mnav{display:none!important}}
#nav.site-nav .mnav-in{padding:8px 24px 24px}
#nav.site-nav .mnav-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;
  border-bottom:1px solid #EFEFEC;font-family:'Archivo',sans-serif;font-weight:700;font-size:17px;
  letter-spacing:-.012em;color:#0A0A0A;text-decoration:none}
#nav.site-nav .mnav-link span{color:#6B6B6B;font-weight:400;font-size:13px}
#nav.site-nav .mnav-link.is-last{border-bottom:none}
