/* Shared header wordmark: homepage proportions across every page. */
.brand{text-align:center;text-decoration:none;display:block;line-height:1;flex-shrink:0}
.brand-leaf{display:block;height:21px;line-height:16px;font-size:27px;background:url('./olive-mark.svg') center/38px 22px no-repeat;color:transparent}
.brand-name{display:block;font:32px/1.1 var(--serif);letter-spacing:.4px;color:#25251c}
.brand-small{display:block;font:10px Georgia,serif;letter-spacing:1px;margin-top:5px;color:#343426}
.brand-small:before,.brand-small:after{content:'';display:inline-block;width:26px;height:1px;background:#9b9475;vertical-align:middle;margin:0 7px}
@media(max-width:1100px){.brand-name{font-size:28px}}
@media(max-width:580px){.brand-name{font-size:25px}.brand-small{font-size:9px}}
/* Unboxed mobile menu control shared by homepage and interior headers. */
@media(max-width:780px){
 body .header-inner .menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;padding:10px 8px;background:transparent;border:0;border-radius:0;box-shadow:none;color:#29291f;font:16px/1.3 Georgia,serif;cursor:pointer;flex-shrink:0}
 body .header-inner .menu-toggle span{font:20px/1 Arial,sans-serif}
 body .header-inner .menu-toggle:focus-visible{outline:2px solid #70172a;outline-offset:3px}
}
/* One shared navigation layout on homepage and interior pages. */
body .header-inner{height:96px;width:min(1300px,calc(100% - 96px));position:relative;gap:30px}
body .header-inner .nav{gap:0 30px;flex-wrap:wrap;justify-content:flex-end}
body .header-inner .nav>a{font:16px/1.4 Georgia,serif;color:#24241b}
body .header-inner .nav>a[aria-current=page]{color:var(--wine)}
body .header-inner .nav>.btn{color:white;padding:11px 25px;min-height:46px;margin-left:24px}
.required-mark{color:#aa1935;margin-left:2px}
.footer nav{flex-wrap:wrap;justify-content:flex-end;max-width:720px}.footer nav a,.home-footer nav a{overflow-wrap:anywhere}
@media(max-width:1100px){body .header-inner{width:calc(100% - 56px)}body .header-inner .nav{column-gap:20px}body .header-inner .nav>.btn{margin-left:0;padding-inline:18px}}
@media(max-width:780px){body .header-inner{height:76px;width:calc(100% - 40px)}body .header-inner .nav{top:76px;left:-20px;right:-20px;padding:22px 20px;gap:18px 25px;justify-content:flex-start;background:#faf7f0;max-height:calc(100dvh - 76px);overflow:auto}.footer nav{justify-content:flex-start}}
body .header-inner .nav>.btn[aria-current=page]{color:#fff}
