/* THNK nav additions — loaded in so there is no layout shift. Identical on every page. */ /* Clip stray horizontal overflow from full-bleed (100vw) sections — e.g. the Mascot Chatbot marquee — so no page drifts right vs the others. overflow:clip does not create a scroll container, so the sticky nav is unaffected. */ html{overflow-x:clip;} /* LET'S TALK target: hidden by default, reveal on mouse-over only */ .nav-cta::before{opacity:0 !important;transform:scale(.55) !important;} .nav-cta:hover::before{opacity:.42 !important;transform:scale(1.06) !important;} /* Any leftover "Client Login" menu item stays hidden */ .menu-item-321{display:none !important;} /* Pin nav distribution so every page is pixel-identical: nav-links absorbs all slack (single auto margin); CTA + icon pack right. */ .nav .nav-links{margin-left:auto !important;margin-right:0 !important;} .nav .nav-cta{margin-left:0 !important;margin-right:0 !important;} .nav .nav-user{margin-left:0 !important;margin-right:0 !important;} /* Account: circular user icon to the right of LET'S TALK — no divider line */ .nav-user{position:relative;display:flex;align-items:center;align-self:stretch;padding:0 20px;} .nav-user-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:transparent;border:1.5px solid rgba(255,255,255,.55);color:#fff;cursor:pointer;padding:0;transition:background .18s ease,border-color .18s ease,color .18s ease;} .nav-user-btn svg{width:20px;height:20px;display:block;} .nav-user:hover .nav-user-btn,.nav-user-btn:focus-visible{background:#fff;color:#000;border-color:#fff;} .nav-user-panel{position:absolute;top:100%;right:12px;min-width:210px;background:#0a0a0c;border:1px solid rgba(255,255,255,.14);border-top:2px solid #fff;box-shadow:0 18px 44px -12px rgba(0,0,0,.7);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:60;padding:6px 0;} .nav-user:hover .nav-user-panel,.nav-user:focus-within .nav-user-panel{opacity:1;visibility:visible;transform:translateY(0);} .nav-user-panel a{display:flex !important;align-items:center;gap:10px;padding:11px 18px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#cfd2d8 !important;background:transparent !important;text-decoration:none;transition:background .15s ease,color .15s ease;} .nav-user-panel a:hover{background:#fff !important;color:#000 !important;} .nav-user-head{padding:9px 18px 7px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#6b6f78;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:4px;} /* mobile menu login link */ .nav-user-mobile{display:block;padding:14px 0;color:#fff;text-decoration:none;font-weight:700;letter-spacing:.1em;text-transform:uppercase;} /* Vertically center the account icon in the header */ .nav-inner .nav-user{ align-self: stretch; display:flex; align-items:center; } .nav-inner .nav-user-btn{ margin:0 !important; top:auto !important; transform:none !important; align-self:center; }