/* Centered white brand above an ivory horizontal menu bar. */
.topline{display:none}
#header{background:#355d7d;border:0;z-index:20}
#header .header-row{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:none;width:100%;height:auto;min-height:0;padding:0;gap:0}
#header .brand{display:block;flex:none;width:494px;max-width:calc(100% - 32px);padding:12px 0;margin:0;line-height:0}
#header .brand .brand-logo{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:420/115;object-fit:contain}
#header .menu-toggle{display:none}
#header .nav,#header .nav.open{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:static;flex:none;align-items:stretch;gap:0;width:100%;height:60px;max-height:none;padding:0 max(24px,calc((100% - 1000px)/2));overflow:visible;background:#f7f5ee;border:0;border-bottom:1px solid #e5e3da}
#header .nav details{position:relative;width:auto;min-width:0;flex:none;border:0}
#header .nav summary{display:flex;align-items:center;justify-content:center;width:100%;height:59px;padding:0;list-style:none;cursor:pointer}
#header .nav summary::-webkit-details-marker{display:none}
#header .nav summary::after{display:none}
#header .mobile-menu-title{display:block;color:#355d7d;font-size:19px;font-weight:600;white-space:nowrap}
#header .nav summary:hover,#header .nav details[open]>summary{background:#eeeee7}
#header .nav details>div{position:absolute;top:59px;left:50%;transform:translateX(-50%);width:190px;min-width:190px;background:#fffdf8;border:1px solid #e5e3da;border-radius:0;padding:5px 0;box-shadow:0 8px 18px #24374818}
#header .nav details:first-child>div{left:0;transform:none}
#header .nav details:last-child>div{left:auto;right:0;transform:none}
#header .nav a{display:block;padding:5px 10px;line-height:30px;font-size:14px;color:#355d7d;text-align:center;white-space:nowrap}
#header .nav a:hover,#header .nav a:focus-visible{background:#eff4f8;color:#254c69}
#header .brand:focus-visible{outline:2px solid white;outline-offset:2px}
#header .nav :focus-visible{outline:2px solid #355d7d;outline-offset:-3px}
@media(max-width:760px){
 #header .brand{width:309px;padding:12px 0}
 #header .nav,#header .nav.open{height:52px;padding:0 8px}
 #header .nav summary{height:51px}
 #header .mobile-menu-title{font-size:clamp(14px,3.8vw,18px);letter-spacing:-.03em}
 #header .nav details>div{top:51px;width:170px;min-width:170px}
}

/* Separate the two name parts without altering the original logo artwork. */
#header .brand-wordmark{display:block;position:relative;width:100%;aspect-ratio:864/230}
#header .brand .brand-logo{position:absolute;top:0;width:97.222222%;max-width:none;height:100%;aspect-ratio:auto}
#header .brand-logo-left{left:0;clip-path:inset(0 50.357143% 0 0)}
#header .brand-logo-right{right:0;clip-path:inset(0 0 0 49.642857%)}