/* Use the homepage header section without loading homepage-wide styles. */
body.menu-open{overflow:hidden}
.g-header{position:fixed;inset:18px 22px auto auto;width:48px;height:48px;z-index:40;pointer-events:none}
.g-header .header-actions{display:none}
.g-header .brand{display:block;position:fixed;top:14px;left:22px;width:64px;height:64px;pointer-events:auto}
.g-header .brand img{display:block;width:100%;height:100%;object-fit:contain}
.g-header .menu-trigger{display:grid;place-items:center;position:relative;pointer-events:auto;width:48px;height:48px;padding:10px;border-radius:50%;background:#123D2B;color:#F7F4EB;border:2px solid #D7BD82;box-shadow:0 0 0 4px #F7F4EB,0 5px 20px #122B2033;cursor:pointer;transition:transform .25s ease,background .25s ease}
.g-header .menu-trigger svg{stroke-width:2}
.g-header .menu-trigger:hover{transform:scale(1.08);background:#1C533C}
.g-header .menu-trigger:focus-visible,.g-header .brand:focus-visible{outline:3px solid #B89A56;outline-offset:7px}
.g-header .menu-trigger::after{content:"";position:absolute;inset:-7px;border:1px solid #B89A56;border-radius:50%;pointer-events:none;opacity:0;animation:gp-menu-beacon 1.5s ease-out 3}
@keyframes gp-menu-beacon{0%{transform:scale(.92);opacity:.65}100%{transform:scale(1.3);opacity:0}}
.menu-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(480px,100%);max-width:100%;height:100dvh;max-height:100dvh;padding:80px 32px 40px;border:0;border-radius:14px;overflow-y:auto;background:#164835;color:#F7F4EB;z-index:100}
.menu-dialog::backdrop{background:#081b14a6}
.menu-dialog nav{display:flex;flex-direction:column;text-align:center;letter-spacing:-.04em}
.menu-dialog nav a{font:clamp(23px,3vw,32px)/1.2 var(--font-heading-family),Georgia,serif;padding:15px 0;border-bottom:1px solid #f7f4eb26;color:#F7F4EB;text-decoration:none}
.menu-dialog nav a:hover{text-decoration:underline;text-underline-offset:5px}
.menu-dialog [data-menu-close]{position:absolute;left:14px;right:24px;top:20px;width:44px;height:44px;border:0;background:transparent;color:#F7F4EB;font-size:32px;cursor:pointer}
.menu-dialog a:focus-visible,.menu-dialog button:focus-visible{outline:3px solid #B89A56;outline-offset:4px}
body:has(.g-header) #MainContent{padding-top:64px}
@media(max-width:599px){.g-header{inset:14px 16px auto auto}.g-header .brand{top:10px;left:16px;width:56px;height:56px}}
@media(prefers-reduced-motion:reduce){.g-header .menu-trigger{transition:none}.g-header .menu-trigger::after{animation:none}}