/* Shared site navigation for the PF pages, blog and service pages: a copy of the homepage nav so every page offers the same links. Bump ?v= in the <link> tags when you edit. */
body{padding-top:78px}
nav.site-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,0.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(61,43,31,0.08);transition:box-shadow 0.3s;font-family:var(--ffb,'DM Sans',system-ui,sans-serif)}
nav.site-nav.scrolled{box-shadow:0 2px 24px rgba(61,43,31,0.08)}
nav.site-nav .logo{display:block;text-decoration:none;border:0}
nav.site-nav .logo img{height:46px;width:auto;display:block}
nav.site-nav .nav-links{display:flex;gap:0.25rem;list-style:none;margin:0;padding:0}
nav.site-nav .nav-links li{margin:0;padding:0}
nav.site-nav .nav-links a{font-size:0.82rem;font-weight:600;color:rgba(61,43,31,0.5);text-decoration:none;padding:0.45rem 0.9rem;border-radius:999px;transition:all 0.2s;white-space:nowrap;border:0}
nav.site-nav .nav-links a:hover{color:var(--choc,#3d2b1f);background:var(--green-bg,#f0f7d4)}
nav.site-nav .nav-links a.current{color:var(--choc,#3d2b1f)}
nav.site-nav .nav-cta{background:var(--green,#8db600)!important;color:#fff!important;border-radius:999px!important;font-weight:700!important}
nav.site-nav .nav-cta:hover{background:#7aa300!important;color:#fff!important}
nav.site-nav .nav-manage{border:1.5px solid var(--green,#8db600)!important;color:var(--green,#8db600)!important;border-radius:999px!important;font-weight:700!important}
nav.site-nav .nav-manage:hover{background:var(--green,#8db600)!important;color:#fff!important}
nav.site-nav .hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:0}
/* nav needs ~1150px to fit all items; below that use the hamburger menu (this rule must follow the display:none above) */
@media(max-width:1150px){nav.site-nav .hamburger{display:flex}nav.site-nav .nav-links{display:none}}
nav.site-nav .hamburger span{display:block;width:22px;height:2px;background:var(--choc,#3d2b1f);border-radius:2px;transition:all 0.3s}
nav.site-nav .hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
nav.site-nav .hamburger.open span:nth-child(2){opacity:0}
nav.site-nav .hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-menu{display:none;position:fixed;inset:0;top:65px;background:#fff;z-index:99;flex-direction:column;align-items:center;justify-content:flex-start;gap:0.75rem;padding:1.1rem 1rem calc(1.5rem + env(safe-area-inset-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch}
.mobile-menu.open{display:flex}
.mobile-menu a{font-family:var(--ff,'Nunito',system-ui,sans-serif);font-size:1.35rem;font-weight:800;color:var(--choc,#3d2b1f);text-decoration:none;line-height:1.2;border:0}
.mobile-menu a.mob-sub{font-size:1rem;font-weight:700;color:var(--slate,#5a6270);margin-top:-0.45rem}
.mobile-menu a.mob-cta{margin-top:0.4rem;background:var(--green,#8db600);color:#fff;border-radius:999px;padding:0.6rem 1.7rem;font-size:1.1rem}
@media(min-height:760px){.mobile-menu{justify-content:flex-start;gap:1.4rem}.mobile-menu>a:first-child{margin-top:auto}.mobile-menu>a:last-child{margin-bottom:auto}.mobile-menu a{font-size:1.65rem}}
.mobile-menu a:hover{color:var(--green,#8db600)}
nav.site-nav .nav-more{position:relative}
nav.site-nav .nav-more>button{font-family:inherit;font-size:0.82rem;font-weight:600;color:rgba(61,43,31,0.5);background:none;border:0;padding:0.45rem 0.9rem;border-radius:999px;cursor:pointer;white-space:nowrap}
nav.site-nav .nav-more>button:hover,nav.site-nav .nav-more:focus-within>button{color:var(--choc,#3d2b1f);background:var(--green-bg,#f0f7d4)}
nav.site-nav .nav-more-menu{display:none;position:absolute;top:100%;right:0;min-width:200px;margin:0;padding:0.45rem;list-style:none;background:#fff;border:1px solid rgba(61,43,31,0.1);border-radius:14px;box-shadow:0 14px 36px rgba(61,43,31,0.16);flex-direction:column;gap:0.1rem}
nav.site-nav .nav-more:hover .nav-more-menu,nav.site-nav .nav-more:focus-within .nav-more-menu{display:flex}
nav.site-nav .nav-more-menu a{display:block}
nav.site-nav .nav-svc .nav-more-menu{left:0;right:auto}
@media print{body{padding-top:0}nav.site-nav,.mobile-menu{display:none!important}}