body{
  --navy:#0D1B2A;
  --blue:#1B3A6B;
  --transport:#4A90D9;
  --gold:#C9A84C;
  --gold2:#E8C96A;
  --cream:#F7F3EC;
  --line:#D8D0C0;
  --muted:#7A8FA8;
  --ink:#1A1A1A;
  --soft:#5A5A5A;
}

.site-nav{
  background:rgba(13,27,42,.97)!important;
  backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(201,168,76,.12);
}

.site-nav .brand{
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  min-width:0;
}

.site-nav .brand::before{
  content:none!important;
  display:none!important;
}

.site-nav .brand .brand-mark{
  content:url('/favicon.svg')!important;
  display:block!important;
  width:38px!important;
  height:38px!important;
  aspect-ratio:1/1;
  flex:0 0 38px!important;
  object-fit:contain;
}

.site-nav .brand > span{
  display:none!important;
}

.mobile-menu{
  background:#0D1B2A!important;
}

.mobile-menu::before{
  content:"";
  position:absolute;
  top:22px;
  left:20px;
  width:38px;
  height:38px;
  background:url('/favicon.svg') center/contain no-repeat;
}

.site-nav .menu-btn span{
  position:relative;
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease;
}

.site-nav .menu-btn[aria-expanded="true"] span{
  box-shadow:none!important;
  transform:rotate(45deg);
}

.site-nav .menu-btn[aria-expanded="true"] span::after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:22px;
  height:1.5px;
  background:currentColor;
  transform:rotate(90deg);
}

.btn-primary,.nav-cta,.submit,.call-strip a:first-child{
  background:#C9A84C!important;
  color:#0D1B2A!important;
}

.eyebrow,.hero-stat strong,.card-num,.step-num,.footer-logo span,.footer-title{
  color:#C9A84C!important;
}

.card,.tile,.stat,.map-panel,.form input,.form select,.form textarea{
  border-radius:0!important;
}

@media(max-width:720px){
  .site-nav{
    height:68px!important;
    padding:0 18px!important;
  }

  .site-nav .brand{
    width:38px!important;
    flex:0 0 38px!important;
    overflow:hidden;
  }

  .site-nav .brand .brand-mark{
    content:url('/favicon.svg')!important;
    width:38px!important;
    height:38px!important;
    flex:0 0 38px!important;
  }
}

@media(max-width:420px){
  .site-nav{
    padding:0 16px!important;
  }

  .site-nav .brand,
  .site-nav .brand .brand-mark{
    width:34px!important;
    height:34px!important;
    flex-basis:34px!important;
  }

  .mobile-menu::before{
    width:34px;
    height:34px;
    left:16px;
  }
}