/* ==========================================================================
   M1 nav refresh, floating frosted pill bar, larger type, pill hover
   Loaded after the shared Webflow CSS on every page; overrides nav only.
   ========================================================================== */

/* float the bar off the top edge */
.fixed-nav{padding:14px 16px 0;}

/* the pill */
.fixed-nav .navbar{
  background:transparent;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.fixed-nav .container.navbar-container{
  width:min(1160px,100%);
  max-width:none;
  margin:0 auto;
  padding:5px 8px;
  background:rgba(242,242,242,.85);
  -webkit-backdrop-filter:blur(22px) saturate(1.6);
  backdrop-filter:blur(22px) saturate(1.6);
  border:0;
  border-radius:100px;
  box-shadow:0 12px 32px -14px rgba(22,32,51,.22);
}

.fixed-nav .brand{padding:6px 0 6px 16px;}
.fixed-nav .brand-image{width:176px;height:auto;}
.fixed-nav .nav-menu{padding-left:20px;}
.fixed-nav .nav-links{grid-column-gap:4px;gap:4px;padding:0 4px;}
.fixed-nav .nav-link-wrapper{overflow:visible;}

/* kill the 2020 underline */
.fixed-nav .nav-line{display:none!important;}

/* links, bigger, pill hover, navy active */
.fixed-nav .nav-link{
  font-family:'Hanken Grotesk',sans-serif;
  font-size:16px;
  font-weight:500;
  line-height:1;
  color:#162033;
  opacity:.82;
  padding:12px 20px;
  border-radius:100px;
  border-bottom:none;
  transition:background .25s ease,color .25s ease,opacity .25s ease;
}
.fixed-nav .nav-link:hover{opacity:1;background:rgba(22,32,51,.08);}
.fixed-nav .nav-link.w--current,
.fixed-nav .nav-link[aria-current="page"]{background:#162033;color:#fff;opacity:1;}
.fixed-nav .nav-link.w--current:hover,
.fixed-nav .nav-link[aria-current="page"]:hover{background:#162033;}

/* hamburger */
.fixed-nav .menu-button{border-radius:100px;padding:14px 16px;transition:background .25s ease;}
.fixed-nav .menu-button:hover{background:rgba(22,32,51,.08);}
.fixed-nav .w-nav-button.w--open{background:#162033;color:#fff;}

/* open mobile menu, frosted card, larger tap targets */
.fixed-nav [data-nav-menu-open]{
  background:rgba(242,242,242,.97)!important;
  -webkit-backdrop-filter:blur(22px);
  backdrop-filter:blur(22px);
  width:calc(100% - 12px);
  margin:10px auto 0;
  padding:10px;
  border:1px solid rgba(22,32,51,.08);
  border-radius:24px;
  box-shadow:0 26px 52px -22px rgba(22,32,51,.4);
  overflow:hidden;
}
@media (max-width:991px){
  .fixed-nav [data-nav-menu-open] .nav-menu-link-holder,
  .fixed-nav [data-nav-menu-open] .nav-menu-link-container{width:100%;}
  .fixed-nav [data-nav-menu-open] .nav-links{flex-direction:column;align-items:stretch;width:100%;gap:2px;padding:0;}
  .fixed-nav [data-nav-menu-open] .nav-link-wrapper{width:100%;}
  .fixed-nav [data-nav-menu-open] .nav-link{display:block;width:100%;text-align:center;font-size:18px;padding:16px;border-radius:16px;}
}
@media (max-width:479px){
  .fixed-nav{padding:10px 10px 0;}
  .fixed-nav .brand-image{width:150px;}
}
