.site-header{position:relative;z-index:5;padding:0;background:#0b2236}
.site-header .header-inner{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:0;max-width:1180px;min-height:98px;margin:auto;padding:0 18px}
.site-header .brand{grid-column:2;grid-row:1;display:block;width:168px;overflow:hidden}
.site-header .brand img{display:block;width:100%;height:auto;margin:-16px 0}
.site-header .site-navigation{grid-column:3;grid-row:1;justify-self:end}
.site-header .menu{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:48px;height:48px;padding:0;border:1px solid #9eb18d;border-radius:50%;background:#faf8f1;color:#0b2236;cursor:pointer;box-shadow:0 3px 10px #0002;transition:background .2s,transform .2s}
.site-header .bar{display:block;width:21px;height:2px;border-radius:2px;background:currentColor;transition:transform .3s,opacity .2s}
.site-header .menu[aria-expanded=true]{background:#dce8d6}
.site-header .menu[aria-expanded=true] .bar:nth-child(1){transform:translateY(7px) rotate(45deg)}
.site-header .menu[aria-expanded=true] .bar:nth-child(2){opacity:0}
.site-header .menu[aria-expanded=true] .bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.site-header .circle{position:absolute;top:calc(100% - 6px);right:18px;width:min(340px,calc(100vw - 36px));max-height:calc(100dvh - 110px);overflow:auto;padding:18px 14px 26px;border:1px solid #cddbc8;border-radius:26px 26px 26px 70px;background:#faf8f1;box-shadow:0 18px 42px #071b2a30;clip-path:circle(150% at calc(100% - 24px) 0);opacity:1;visibility:visible;transition:clip-path .4s cubic-bezier(.22,1,.36,1),opacity .25s,visibility .4s}
.site-header .circle.hidenav{clip-path:circle(0 at calc(100% - 24px) 0);opacity:0;visibility:hidden;pointer-events:none}
.site-header .circle ul{display:grid;gap:3px;list-style:none;padding:0;margin:0}
.site-header .circle a{display:block;min-height:48px;padding:14px 18px;border-radius:14px;color:#132d3b;text-decoration:none;font:600 14px/1.45 Arial,Helvetica,sans-serif;transition:background .2s,color .2s,transform .2s}
.site-header .circle a:hover,.site-header .circle a[aria-current=page]{background:#e7efe2;color:#246849}
.site-header .circle a:hover{transform:translateX(3px)}
.site-header :is(.menu,a):focus-visible{outline:3px solid #bd8738;outline-offset:4px}
@media(min-width:700px){.site-header .header-inner{min-height:112px;padding:0 38px}.site-header .brand{width:218px}.site-header .brand img{margin:-21px 0}.site-header .menu{width:54px;height:54px}.site-header .circle{right:38px;max-height:calc(100dvh - 124px)}}
@media(prefers-reduced-motion:reduce){.site-header .menu,.site-header .bar,.site-header .circle,.site-header .circle a{transition:none}}
