/* Phones: the ☰ button in the header and the site menu that drops down from just under the header. */
.site-menu-button{display:none}
@media(max-width:760px){
 .site-menu-button{display:grid;place-items:center;flex:none;width:44px;height:44px;margin:0 -8px 0 auto;padding:0;border:0;border-radius:12px;background:transparent;color:#182b45;cursor:pointer;-webkit-tap-highlight-color:transparent}
 .site-menu-button:hover,.site-menu-button:active{background:transparent!important}
 .site-menu-button:focus-visible{outline:2px solid #a8781a;outline-offset:2px}
}
/* Three lines; while open the top and bottom turn into an X and the middle one fades. */
.site-menu-button .burger{position:relative;display:block;width:22px;height:16px}
.site-menu-button .burger i{position:absolute;left:0;width:22px;height:2px;border-radius:1px;background:currentColor;transition:transform .34s cubic-bezier(.2,.8,.2,1),opacity .2s ease}
.site-menu-button .burger i:nth-child(1){top:1px}
.site-menu-button .burger i:nth-child(2){top:7px}
.site-menu-button .burger i:nth-child(3){top:13px}
.site-menu-button.is-open .burger i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.site-menu-button.is-open .burger i:nth-child(2){opacity:0;transform:scaleX(.4)}
.site-menu-button.is-open .burger i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

.site-menu,.site-menu-shade{position:fixed;left:0;right:0;z-index:60}
.site-menu-shade{bottom:0;background:rgba(24,43,69,.28)}
/* The menu slides out from behind the header's bottom edge, so it never covers the header. */
.site-menu{overflow:hidden;pointer-events:none}
.site-menu-panel{display:grid;padding:4px 24px 22px;background:#faf6ee;border-bottom:1px solid #e7dfce;box-shadow:0 18px 30px -18px rgba(24,43,69,.35);pointer-events:auto}
.site-menu .site-menu-panel a{display:block;padding:13px 0 12px;border-bottom:1px solid #ece4d3;color:#201b14;text-decoration:none;font:500 21px/1.2 'Literata',Georgia,serif;letter-spacing:-.01em;-webkit-tap-highlight-color:transparent;transition:color .15s ease}
.site-menu-panel a:last-child{border-bottom:0}
.site-menu .site-menu-panel a:active{color:#a8781a}
.site-menu .site-menu-panel a[aria-current=page]{color:#a8781a}
.site-menu-panel a:focus-visible{outline:2px solid #a8781a;outline-offset:3px;border-radius:2px}
html.site-menu-open,html.site-menu-open body{overflow:hidden}
@media(min-width:761px){.site-menu,.site-menu-shade{display:none}}
@media (prefers-reduced-motion:reduce){.site-menu-button .burger i{transition:none}}