/* One restrained right drawer; the desktop menu remains horizontal. */
.drawer-close,.drawer-title,.drawer-foot{display:none}.mobile-nav-backdrop{display:none}.mobile-nav-backdrop[hidden]{display:none!important}
@media(max-width:767px){
 body.has-mobile-drawer{overflow:hidden}.site-header{z-index:120!important}.site-header .header-welcome{display:none}
 .site-header .menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:60px;min-height:44px;padding:7px 3px 7px 8px;flex:none;margin-left:auto;font:500 11px/1.2 var(--sans);color:inherit;cursor:pointer;border-radius:10px}.site-header .menu-toggle:focus-visible{outline:2px solid #8cb4c2;outline-offset:3px}.site-header .menu-toggle-label{font-size:10px}.site-header .menu-toggle-icon{position:relative;display:block;width:22px;height:22px;font-size:0}.menu-toggle-icon i{position:absolute;left:1px;width:20px;height:1.5px;background:currentColor;top:7px;transition:transform .3s,top .3s}.menu-toggle-icon i:last-child{top:14px;width:15px;left:6px}
 .mobile-nav-backdrop{display:block;position:fixed;inset:0;z-index:110;background:#122b3a66;backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .3s}.mobile-nav-backdrop.is-visible{opacity:1;pointer-events:auto}
 .site-header .main-nav,.site-header.is-scrolled .main-nav{display:flex;position:fixed;inset:0 0 0 auto;width:min(276px,80vw);height:100dvh;max-height:100dvh;overflow-y:auto;overscroll-behavior:contain;margin:0;padding:96px 25px 28px;gap:0;align-items:stretch;flex-direction:column;border:0;border-radius:22px 0 0 22px;background:#f9fbfa;color:#294652;box-shadow:-12px 0 50px #1532421a;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(100%);transition:opacity .3s,transform .42s cubic-bezier(.22,.7,.2,1),visibility 0s .42s;z-index:2}
 .site-header .main-nav.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0);transition-delay:0s}
 .site-header .main-nav>a{display:flex;align-items:center;gap:14px;min-height:62px;padding:15px 4px;border:0;border-bottom:1px solid #e2e9e8;border-radius:0;font-size:17px;font-weight:500;line-height:1.5;transition:background .25s,color .25s,transform .4s;opacity:0;transform:translateX(12px)}.site-header .main-nav.is-open>a{opacity:1;transform:none;transition-delay:.08s}.site-header .main-nav.is-open>a:nth-of-type(2){transition-delay:.12s}.site-header .main-nav.is-open>a:nth-of-type(3){transition-delay:.16s}.site-header .main-nav.is-open>a:nth-of-type(4){transition-delay:.2s}
 .site-header .main-nav>a:before{content:attr(data-nav-index);font:400 9px/1 var(--sans);letter-spacing:.5px;color:#97b0b9}.site-header .main-nav>a:after,.site-header .main-nav>a:hover:after{content:"↗";display:block;position:static;width:auto;height:auto;margin-left:auto;background:none;color:#95adb7;font:400 18px/1 var(--sans)}.site-header .main-nav>a:hover,.site-header .main-nav>a[aria-current=page]{background:#eaf2f1;color:#236474}.site-header .main-nav a:focus-visible{outline:2px solid #90b8c1;outline-offset:3px}
 .site-header .main-nav .drawer-title{display:block;position:absolute;top:35px;left:29px;font:400 8px/1.5 var(--sans);letter-spacing:1.6px;color:#92a7af}.site-header .main-nav .drawer-close{display:grid;place-items:center;position:absolute;top:22px;right:16px;width:44px;height:44px;border:1px solid #d8e4e6;border-radius:50%;background:transparent;color:#34586a;font:300 27px/1 var(--sans)}.drawer-close:hover{background:#e9f0ef}.site-header .main-nav .drawer-foot{display:flex;flex-direction:column;gap:14px;margin-top:32px;padding-top:5px}.site-header .main-nav .drawer-foot a{display:flex;align-items:center;justify-content:space-between;min-height:44px;border:0;padding:10px 14px;background:#254c63;border-radius:3px;color:#fff;font:400 12px/1.6 var(--sans)}.site-header .main-nav .drawer-foot a:last-child{background:transparent;color:#80949e;justify-content:center;font-size:11px}.site-header .main-nav .drawer-foot a:after{content:none}
}
@media(prefers-reduced-motion:reduce){.site-header .main-nav,.site-header .menu-toggle-icon i,.site-header .main-nav>a,.mobile-nav-backdrop{transition:none}.site-header .main-nav.is-open>a{transition-delay:0s}}
/* Compact the desktop header without replacing its horizontal menu. */
@media(min-width:768px) and (max-width:1100px){
 .site-header,.home .site-header{gap:16px;padding-inline:20px}
 .site-header .brand{font-size:17px;gap:10px;letter-spacing:-.8px}
 .site-header .brand small{font-size:7px;letter-spacing:1.1px}
 .site-header .brand-symbol{width:32px;height:32px;flex-basis:32px}
 .site-header .main-nav{gap:clamp(14px,2vw,22px);font-size:13px}
 .site-header .header-welcome{display:block;margin-left:0;font-size:10px;padding:8px 10px;white-space:nowrap}
 .site-header .header-welcome span{margin-left:8px}
 .site-header .menu-toggle{display:none}
}
