/* Shared homepage header. Keep both surfaces on these exact styles. */
#navbar, #navbar * { color:#111111 !important; }
#navbar.navbar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  border-radius: 0 !important;
  z-index: 10001 !important;
  background: linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.025)), rgba(8,8,14,0) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  -webkit-backdrop-filter: blur(26px) saturate(155%) !important;
  backdrop-filter: blur(26px) saturate(155%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 10px 32px rgba(8,8,14,.2) !important;
  transition: top .35s ease, left .35s ease, right .35s ease, border-radius .35s ease, background .35s ease !important;
}
#navbar.navbar.scrolled {
  top: 10px !important;
  left: clamp(16px, 3vw, 40px) !important;
  right: clamp(16px, 3vw, 40px) !important;
  border-radius: 14px !important;
}
#navbar .container.nav-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: none !important;
  margin: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 13px 26px;
  transition: padding .45s ease;
}
#navbar.scrolled .nav-container { padding: 8px 18px; }
#navbar .logo { display:flex; flex-direction:row; align-items:center; gap:10px; text-decoration:none; transition:opacity .3s ease; }
#navbar .logo:hover { opacity:.8; }
#navbar .logo img { position:relative; top:0; left:0; right:0; height:36px; width:auto; display:block; filter:invert(14%) sepia(100%) saturate(5000%) hue-rotate(4deg) brightness(95%) contrast(108%) !important; }
#navbar .hamburger { display:flex; flex-direction:column; cursor:pointer; gap:6px; background:none; border:none; padding:4px; }
#navbar .hamburger span { width:28px; height:2px; background:#d31800 !important; border-radius:2px; display:block; transition:background .2s ease; }
body.nav-open #navbar { opacity:0 !important; pointer-events:none !important; }

/* Extracted directly from the homepage's ID-scoped overlay rules. */
#navOverlay{position:fixed!important;inset:0!important;z-index:99999!important;display:flex!important;align-items:stretch!important;justify-content:stretch!important;padding:14px!important;pointer-events:none!important;opacity:0!important;transition:opacity .3s ease!important;}
#navOverlay.open{pointer-events:auto!important;opacity:1!important;}
#navOverlay .nav-overlay-inner{background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.04)),rgba(240,255,106,.64)!important;border:1px solid rgba(255,255,255,.34)!important;border-radius:20px!important;-webkit-backdrop-filter:blur(30px) saturate(155%)!important;backdrop-filter:blur(30px) saturate(155%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 14px 44px rgba(8,8,14,.2)!important;flex:1!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;padding:36px 52px 44px!important;position:relative!important;transform:translateY(-12px)!important;transition:transform .35s cubic-bezier(.22,1,.36,1),background .25s ease!important;}
#navOverlay.open .nav-overlay-inner{transform:translateY(0)!important;}
#navOverlayClose{position:absolute!important;top:36px!important;right:52px!important;background:none!important;border:none!important;cursor:pointer!important;font-family:'Figtree',sans-serif!important;font-size:clamp(32px,4vw,48px)!important;font-weight:700!important;color:#d31800!important;letter-spacing:0!important;padding:0!important;line-height:1!important;}
#navOverlayClose:hover{opacity:.6!important;}
#navOverlay .nav-overlay-links{display:flex!important;flex-direction:column!important;gap:0!important;flex:1!important;justify-content:center!important;padding-top:32px!important;}
#navOverlay a{font-family:'Figtree',sans-serif!important;font-size:clamp(43px,8vw,93px)!important;font-weight:800!important;color:#d31800!important;text-decoration:none!important;line-height:1.05!important;letter-spacing:-.03em!important;display:block!important;}
#navOverlay a:hover{opacity:.55!important;color:#d31800!important;}
#navOverlay .nav-services-panel{position:absolute!important;top:50%!important;right:52px!important;width:48%!important;transform:translate(24px,-50%)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .3s ease,transform .35s cubic-bezier(.22,1,.36,1),visibility .3s ease!important;}
#navOverlay .nav-services-panel nav{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important;}
#navOverlay .nav-services-back{display:none!important;}
#navOverlay.services-open .nav-overlay-links{width:48%!important;flex:0 0 48%!important;align-items:flex-start!important;}
#navOverlay.open.services-open .nav-services-panel{transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
#navOverlay .nav-services-panel a{width:max-content!important;max-width:100%!important;}
#navOverlay .nav-overlay-footer{display:flex!important;gap:40px!important;align-items:center!important;flex-wrap:wrap!important;padding-top:24px!important;border-top:1.5px solid rgba(211,24,0,.25)!important;}
#navOverlay .nav-overlay-footer a{font-size:clamp(15px,1.6vw,20px)!important;font-weight:600!important;opacity:.75!important;letter-spacing:normal!important;line-height:1.4!important;}
#navOverlay .nav-overlay-footer a:hover{opacity:1!important;}
@media(min-width:769px){
  #navOverlay [data-services-toggle]{display:none!important;}
  #navOverlay .nav-overlay-links,
  #navOverlay.services-open .nav-overlay-links{width:48%!important;flex:1 1 auto!important;align-items:flex-start!important;justify-content:flex-start!important;padding-top:74px!important;}
  #navOverlay .nav-services-panel,
  #navOverlay.services-open .nav-services-panel{top:110px!important;transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:none!important;}
  #navOverlay.open.services-open .nav-services-panel{pointer-events:auto!important;}
  #navOverlay .nav-overlay-footer{position:absolute!important;right:52px!important;bottom:44px!important;left:52px!important;}
}
@media(max-width:768px){
  #navbar.navbar.scrolled{left:5%!important;right:5%!important;top:10px!important;border-radius:14px!important;}
  #navOverlay .nav-overlay-links{justify-content:flex-start!important;padding-top:74px!important;}
  #navOverlay .nav-services-panel{top:110px!important;left:24px!important;right:24px!important;width:auto!important;transform:translateX(24px)!important;}
  #navOverlay .nav-services-back{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0 0 18px!important;padding:0!important;background:none!important;border:0!important;color:#d31800!important;font:700 38px/1 'Figtree',sans-serif!important;cursor:pointer!important;}
  #navOverlay.services-open .nav-overlay-links{width:100%!important;flex:1!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;}
  #navOverlay.services-open .nav-services-panel{transform:none!important;}
  #navOverlay .nav-services-panel a{width:auto!important;}
}