/* A full-height mobile navigation, with a reversible hamburger-to-close icon. */
.menu-button svg{display:block;width:26px;height:26px;overflow:visible}
.menu-line{transform-origin:12px 12px;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .2s}
.menu-button[aria-expanded=true] .menu-line-top{transform:translateY(6px) rotate(45deg);transform-origin:12px 6px}
.menu-button[aria-expanded=true] .menu-line-middle{opacity:0;transform:scaleX(.2)}
.menu-button[aria-expanded=true] .menu-line-bottom{transform:translateY(-6px) rotate(-45deg);transform-origin:12px 18px}
@media(max-width:1100px){
 .site-header{--menu-header-height:90px;transition:background .35s}
 .site-header.menu-is-open{position:fixed;inset:0 0 auto;background:#397b24;backdrop-filter:none;z-index:60}
 .site-header .menu-button{display:grid;place-items:center;flex:0 0 44px;border:1px solid transparent;border-radius:50%;transition:background .25s,border-color .25s}
 .site-header .menu-button[aria-expanded=true]{background:#ffffff12;border-color:#ecf7bd55}
 .site-header #main-navigation{display:flex;position:absolute;top:var(--menu-header-height);left:0;width:100%;height:calc(100vh - var(--menu-header-height));height:calc(100dvh - var(--menu-header-height));max-height:none;padding:28px 6% max(28px,env(safe-area-inset-bottom));gap:0;justify-content:safe center;isolation:isolate;border:0;background:radial-gradient(ellipse at 100% 100%,#5b8d3280,transparent 65%),linear-gradient(160deg,#397b24 20%,#245728);overflow-y:auto;overscroll-behavior:contain;visibility:hidden;opacity:0;clip-path:inset(0 0 100%);pointer-events:none;transition:clip-path .5s cubic-bezier(.22,1,.36,1),opacity .25s,visibility 0s .5s}
 .site-header #main-navigation.open{visibility:visible;opacity:1;clip-path:inset(0);pointer-events:auto;transition-delay:0s}
 .site-header #main-navigation a{position:relative;display:flex;align-items:center;gap:18px;flex:0 0 auto;min-height:58px;padding:clamp(14px,2.25dvh,24px) 2px;border-bottom:1px solid #ecf7bd30;font-size:clamp(21px,3.4vw,29px);font-weight:550;line-height:1.35;letter-spacing:-.5px;color:#fff8ce;text-decoration:none;opacity:0;transform:translateY(18px);transition:opacity .18s,transform .25s,color .25s,background .25s}
 .site-header #main-navigation a:first-child{border-top:1px solid #ecf7bd30}
 .site-header #main-navigation a:last-child{border-bottom:1px solid #ecf7bd30}
 .site-header #main-navigation a:before{content:attr(data-menu-number);font-size:11px;font-weight:400;letter-spacing:1px;color:#e1ecaa9e;align-self:center}
 .site-header #main-navigation a:after{content:'↗';margin-left:auto;font-size:22px;font-weight:400;color:#d9eea3;transition:transform .25s}
 .site-header #main-navigation.open a{opacity:1;transform:translateY(0);transition:opacity .5s calc(.1s + var(--menu-index)*.045s),transform .55s cubic-bezier(.22,1,.36,1) calc(.1s + var(--menu-index)*.045s),color .25s,background .25s}
 .site-header #main-navigation a:focus-visible{outline:2px solid #e6f5ad;outline-offset:5px;border-radius:4px;background:#ffffff0c;color:white}
 .site-header #main-navigation a:active{background:#ffffff12}
 .site-header #main-navigation a:is(:hover,:focus-visible):after{transform:translate(3px,-3px)}
 .site-header.menu-is-open .reading-progress{opacity:0}
}
@media(max-width:760px){.site-header{--menu-header-height:78px}}
@media(max-height:600px) and (max-width:1100px){.site-header #main-navigation{padding-top:16px;padding-bottom:20px;justify-content:flex-start}.site-header #main-navigation a{padding-top:13px;padding-bottom:13px;font-size:21px}}
@media(prefers-reduced-motion:reduce){.menu-line,.site-header,.site-header .menu-button,.site-header #main-navigation,.site-header #main-navigation a,.site-header #main-navigation a:after{transition:none!important;transform:none}.site-header #main-navigation a{opacity:1}}