/* Reference menu: a full-height curtain and staggered navigation rows. */
.mobile-menu-curtain{display:none}
@media(max-width:820px){
 .mobile-menu-curtain{display:block;position:fixed;inset:0;z-index:49;background:var(--brown);transform:translate3d(0,-100%,0);transition:transform 600ms cubic-bezier(.22,1,.36,1);visibility:hidden;pointer-events:none}
 .mobile-menu-active .mobile-menu-curtain{visibility:visible;pointer-events:auto}
 .mobile-menu-visible .mobile-menu-curtain{transform:translate3d(0,0,0)}
 .mobile-menu-active .site-header{z-index:50!important;background:transparent!important;color:var(--paper)!important;flex-wrap:nowrap!important}
 .mobile-menu-active .site-header .brand,.mobile-menu-active .site-header .menu-toggle{color:var(--paper)!important}
 .mobile-menu-active .site-header:before{display:none!important}
 .mobile-menu-active .site-header:after{border-color:rgb(246 245 244 / 45%)}
 .mobile-menu-ready .site-header .nav,
 .mobile-menu-ready .site-header.menu-open .nav{position:fixed;top:var(--mobile-menu-top,66px);left:var(--pad);right:var(--pad);bottom:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:0 0 24px;margin:0;font-size:3.375rem;line-height:1.1;overflow-y:auto;overscroll-behavior:contain;visibility:hidden;pointer-events:none}
 .mobile-menu-ready.mobile-menu-active .site-header .nav{visibility:visible;pointer-events:auto}
 .mobile-menu-ready .site-header .nav a{display:block;width:100%;padding:10px 0;border-top:1px solid rgb(246 245 244 / 45%);opacity:0;transform:translate3d(0,-12px,0);transition:opacity 220ms ease,transform 400ms cubic-bezier(.22,1,.36,1);text-decoration:none}
 .mobile-menu-ready .site-header .nav a:last-child{border-bottom:1px solid rgb(246 245 244 / 45%)}
 .mobile-menu-visible .site-header .nav a{opacity:1;transform:translate3d(0,0,0);transition-delay:calc(90ms + var(--menu-index)*45ms)}
 .mobile-menu-ready .site-header .nav a:after{display:none}
 .mobile-menu-ready .site-header .nav a:focus-visible{outline-offset:-3px}
 .mobile-menu-navigating .site-header .nav a:not(.is-menu-destination){opacity:0;transition-delay:0ms}
 html.page-arriving[data-page-arrival="mobile-menu"]:after{content:"";position:fixed;inset:0;background:var(--brown);z-index:35}
 html.page-arriving[data-page-arrival="mobile-menu"] .site-header,
 html.page-entering[data-page-arrival="mobile-menu"] .site-header{background:transparent!important;color:var(--paper)!important}
 html:is(.page-arriving,.page-entering)[data-page-arrival="mobile-menu"] .site-header .brand,html:is(.page-arriving,.page-entering)[data-page-arrival="mobile-menu"] .site-header .menu-toggle{color:var(--paper)!important}
 html:is(.page-arriving,.page-entering)[data-page-arrival="mobile-menu"] .site-header:before{display:none!important}
 html:is(.page-arriving,.page-entering)[data-page-arrival="mobile-menu"] .site-header:after{border-color:rgb(246 245 244 / 45%)}
}
@media(prefers-reduced-motion:reduce){
 .mobile-menu-curtain,.mobile-menu-ready .site-header .nav a{transition:none!important}
}