:root { --nav-icon-size: 22px; --nav-gap: .5rem; --nav-color: #666; --nav-hover: #0f75bc; --dropdown-bg: #fff; --drawer-w: min(78vw, 240px); --ham-size: 30px; --ham-bar-w: 25px; --ham-bar-h: 3.1px; --ham-gap: 5px; --ham-color: #0f74bd; }

    html { overscroll-behavior: none; }

    body.nav-open { overflow: hidden; height: 100dvh; touch-action: none; overscroll-behavior: contain; }

    section { display: grid; place-items: center; text-align: center; }

    h1 { font-size: 6rem; }

    header nav { display: flex; align-items: center; gap: var(--nav-gap); margin: 0; }

    .nav-link, .subnav-link { display: inline-flex; align-items: center; gap: 0.35rem; padding: .35rem .5rem; color: var(--nav-color); text-decoration: none; border-radius: .55rem; line-height: 1; transition: color .2s ease, background-color .2s ease, transform .15s ease; }

    .nav-link:hover, .subnav-link:hover { color: var(--nav-hover); background: none; }

    .nav-icon { width: var(--nav-icon-size); height: var(--nav-icon-size); display: inline-block; flex: 0 0 var(--nav-icon-size); vertical-align: middle; vector-effect: non-scaling-stroke; }

    header nav :is(.nav-link, .subnav-link) .nav-icon [stroke] { stroke: currentColor !important; }

    header nav :is(.nav-link, .subnav-link) .nav-icon :is([fill]:not([fill="none"]), path:not([stroke]):not([fill])) { fill: currentColor !important; }

    .nav-item { position: relative; }

    .has-subnav .subnav { position: absolute; top: 100%; right: 0; min-width: 180px; padding: .4rem; background: var(--dropdown-bg); border: 1px solid rgba(0, 0, 0, .08); border-radius: .6rem; box-shadow: 0 8px 24px rgba(0, 0, 0, .12); display: none; z-index: 1000; }

    .has-subnav:is(:hover, :focus-within) .subnav { display: block; }

    .logo2 { height: 36px; width: auto; max-width: 180px; object-fit: contain; margin: auto !important; }

    .logo2, .logo2-img { display: block; }

    .logo2-img { height: 80px; width: auto; }

    .careers-intro p { margin: auto !important; align-items: center !important; align-self: center !important; }

    .hamburger { appearance: none; -webkit-appearance: none; background: transparent !important; border: 0 !important; border-radius: 0 !important; margin: 0; padding: 0 !important; width: var(--ham-size); height: var(--ham-size); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; position: relative; z-index: 2147483647 !important; -webkit-tap-highlight-color: transparent !important; outline: none !important; box-shadow: none !important; top: -5px !important; }

    .hamburger span { position: absolute; left: 50%; width: var(--ham-bar-w); height: var(--ham-bar-h); background: var(--ham-color); border-radius: 999px; transform: translateX(-50%); transition: transform .22s ease, opacity .18s ease, top .22s ease, background-color .2s; will-change: transform, opacity, top; }

    .hamburger span:nth-child(1) { top: calc(54% - var(--ham-gap) - var(--ham-bar-h)); }

    .hamburger span:nth-child(2) { top: 50%; transform: translate(-50%, 50%); }

    .hamburger span:nth-child(3) { top: calc(-18% + var(--ham-gap)); }

    .hamburger.is-open span:nth-child(1) { top: 50%; transform: translate(-50%, -50%) rotate(45deg); }

    .hamburger.is-open span:nth-child(2) { opacity: 0; transform: translate(-50%, -50%) scaleX(.5); }

    .hamburger.is-open span:nth-child(3) { top: 50%; transform: translate(-50%, -50%) rotate(-45deg); }

    @media (hover: hover) { .hamburger:hover span { background: #095a8f; } }

    @media (min-width: 769px) { .hamburger, .logo2 { display: none !important; } }

    @media (max-width: 1110px) { footer.site-footer .footer-container .footer-social { grid-column: 1 / -1 !important; width: 100% !important; text-align: center !important; margin: 0 auto !important; }

    footer.site-footer .footer-container .footer-social .social-icons { display: flex !important; justify-content: center !important; align-items: center !important; gap: 14px !important; flex-wrap: wrap !important; margin: 8px auto 0 !important; padding: 0 !important; width: max-content !important; max-width: 100% !important; }

    footer.site-footer .footer-container .footer-social .social-icons a { display: inline-flex !important; align-items: center; justify-content: center; width: 40px; height: 40px; }

    footer.site-footer .footer-container .footer-social .social-icons :is(svg, i) { width: 22px !important; height: 22px !important; } }

    @media (max-width: 768px) { header nav { position: fixed !important; top: 0; right: 0 !important; left: auto !important; height: 100dvh; width: var(--drawer-w) !important; background: #fff; transform: translateX(100%); visibility: hidden; pointer-events: none; transition: transform .28s ease, visibility .28s step-end; z-index: 2147483647 !important; padding: 12px 10px; margin: 0 !important; display: flex; flex-direction: column; align-items: stretch; gap: .25rem; overflow: auto; box-shadow: none !important; padding-right: max(12px, env(safe-area-inset-right)); }

    header nav.active { transform: translateX(0) !important; visibility: visible; pointer-events: auto; }

    header nav::before { content: none !important; display: none !important; }

    body::before { content: ""; position: fixed; top: 0; left: 0; bottom: 0; right: var(--drawer-w) !important; background: rgba(0, 0, 0, .55); opacity: 0; pointer-events: none; transition: opacity .2s ease; z-index: 2147483646 !important; }

    body.nav-open::before { opacity: 1; pointer-events: auto; }

    .has-subnav > .nav-link { display: none !important; }

    .has-subnav .subnav { position: static !important; display: block !important; padding: 0 !important; margin: 0 !important; border: 0 !important; box-shadow: none !important; background: transparent !important; min-width: auto !important; }

    .nav-link, .subnav-link { width: 100%; display: flex !important; justify-content: flex-start; gap: .50rem; padding: 1rem .5rem !important; margin: 0; border-radius: .4rem !important; color: #222; text-align: left; font-size: 1rem; }

    .nav-icon, .subnav-link svg { width: 22px; height: 22px; flex: 0 0 22px; display: inline-block; vertical-align: middle; }

    footer.site-footer .footer-container .footer-social { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin: 24px auto 0 !important; }

    footer.site-footer .footer-container .footer-social .social-icons { gap: 16px !important; margin-top: 12px !important; width: 100% !important; } } 
    header {
    position: fixed !important;
    top: 0 !important;    
    left: 0 !important;        
    width: 100%;    
    z-index: 1000;  
    
   
    transition: background-color 0.3s ease;
}