.diagonal-arrow{display:inline-block;flex:none;width:1em;height:1em;vertical-align:-.12em;background-color:currentColor;-webkit-mask:url('/assets/img/arrow-up-right.svg') center/contain no-repeat;mask:url('/assets/img/arrow-up-right.svg') center/contain no-repeat}
.site-header .mobile-navigation{display:none}

@media(min-width:801px){
  .site-header nav.desktop-navigation a.nav-demo-link{padding:9px 14px;border:1px solid #e5c67e;background:#fff2d3;color:var(--navy);transition:background .2s ease,border-color .2s ease}
  .site-header nav.desktop-navigation a.nav-demo-link:hover,
  .site-header nav.desktop-navigation a.nav-demo-link[aria-current="page"]{border-color:var(--gold);background:var(--gold);text-decoration:none}
  .site-header nav.desktop-navigation a.header-cta,
  .site-header nav.desktop-navigation a.nav-cta{border-color:var(--navy);background:var(--navy);color:#fff;box-shadow:3px 3px 0 var(--gold);transition:background .2s ease,color .2s ease,box-shadow .2s ease}
  .site-header nav.desktop-navigation a.header-cta .diagonal-arrow,
  .site-header nav.desktop-navigation a.nav-cta .diagonal-arrow{color:var(--gold)}
  .site-header nav.desktop-navigation a.header-cta:hover,
  .site-header nav.desktop-navigation a.nav-cta:hover{background:var(--gold);color:var(--navy);box-shadow:3px 3px 0 var(--navy);text-decoration:none}
  .site-header nav.desktop-navigation a.header-cta:hover .diagonal-arrow,
  .site-header nav.desktop-navigation a.nav-cta:hover .diagonal-arrow{color:var(--navy)}
}

@media(min-width:801px) and (max-width:1020px){
  .site-header .header-inner,.site-header .nav-row{gap:16px}
  .site-header nav.desktop-navigation{gap:16px}
}

@media(max-width:800px){
  .site-header{position:sticky;top:0;z-index:50}
  .site-header .header-inner,.site-header .nav-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;min-height:70px;padding:0}
  .site-header .brand{font-size:clamp(1.25rem,5vw,1.55rem)}
  .site-header .brand img{width:34px;height:34px}
  .site-header nav.desktop-navigation{display:none}
  .site-header .mobile-navigation{display:block;margin-left:auto}
  .mobile-navigation summary{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:100px;min-height:42px;padding:9px 12px;border:1px solid #aebec5;background:transparent;color:var(--ink);font:800 .82rem Manrope,DM,sans-serif;list-style:none;cursor:pointer}
  .mobile-navigation summary::-webkit-details-marker{display:none}
  .mobile-navigation summary:hover,.mobile-navigation[open] summary{border-color:var(--navy);background:var(--navy);color:#fff}
  .mobile-navigation summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
  .mobile-navigation .menu-label-close{display:none}
  .mobile-navigation[open] .menu-label-open{display:none}
  .mobile-navigation[open] .menu-label-close{display:inline}
  .mobile-navigation .menu-bars{position:relative;display:block;width:17px;height:14px;border-top:2px solid currentColor;border-bottom:2px solid currentColor}
  .mobile-navigation .menu-bars::after{content:"";position:absolute;top:5px;left:0;width:17px;height:2px;background:currentColor}
  .mobile-navigation[open] .menu-bars{border-color:transparent}
  .mobile-navigation[open] .menu-bars::before,.mobile-navigation[open] .menu-bars::after{content:"";position:absolute;top:5px;left:0;width:17px;height:2px;background:currentColor;transform:rotate(45deg)}
  .mobile-navigation[open] .menu-bars::after{transform:rotate(-45deg)}
  .site-header .mobile-navigation nav{position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;align-items:stretch;gap:0;width:auto;max-height:calc(100dvh - 70px);overflow-y:auto;padding:18px max(18px,calc((100vw - 1360px)/2)) 24px;border-top:1px solid #d4dedf;background:#f9f8f5;box-shadow:0 20px 34px rgba(17,47,67,.18)}
  .mobile-navigation .menu-kicker{margin:0 0 8px;color:var(--gold-dark);font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
  .site-header .mobile-navigation nav a{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:12px 3px;border-bottom:1px solid #deded8;color:var(--ink);font:800 1.04rem Manrope,DM,sans-serif;text-decoration:none;white-space:normal}
  .site-header .mobile-navigation nav a:hover{color:var(--blue);text-decoration:none}
  .site-header .mobile-navigation nav a[aria-current="page"]{padding-left:12px;border-left:3px solid var(--gold);color:var(--blue)}
  .site-header .mobile-navigation nav a.mobile-menu-demo{min-height:54px;margin-top:8px;padding:12px 14px;border:1px solid #ead5a4;border-left:4px solid var(--gold);background:#fff3d9;color:var(--ink)}
  .site-header .mobile-navigation nav a.mobile-menu-demo:hover,
  .site-header .mobile-navigation nav a.mobile-menu-demo[aria-current="page"]{background:var(--gold);color:var(--ink)}
  .site-header .mobile-navigation nav a.mobile-menu-cta{justify-content:center;min-height:50px;margin-top:20px;padding:12px 18px;border:0;background:var(--gold);color:var(--ink);text-align:center}
  .site-header .mobile-navigation nav a.mobile-menu-cta:hover{background:#f1c875;color:var(--ink)}
}

@media(prefers-reduced-motion:reduce){.mobile-navigation *{scroll-behavior:auto}}
