/* A full-screen village notice, not a floating dropdown. */
@media(max-width:700px){
 body.menu-open{position:fixed;width:100%;overflow:hidden;}
 .menu-open .site-header{position:fixed;inset:0 0 auto;height:calc(88px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);z-index:100;max-width:none;}
 .menu-open .site-header>.wordmark,.menu-open .site-header>.language-switch,.menu-open .site-header>.menu-toggle{position:relative;z-index:2;}
 .menu-open .site-header .brand-logo img{filter:none;}
 .menu-open .site-header .language-switch{background:transparent;border-color:#a7ac92;color:#243d30;}
 .menu-open .site-header .language-switch a{color:#38513e;}
 .menu-open .site-header .language-switch a[aria-current]{color:#fff4df;background:#243d30;}
 .menu-open .site-header .menu-toggle{color:#243d30;border-color:#a7ac92;background:transparent;}
 .site-header .mobile-menu{
  position:fixed;inset:0;width:100%;height:100vh;height:100dvh;max-height:none;
  padding:calc(126px + env(safe-area-inset-top)) max(30px,env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) max(30px,env(safe-area-inset-left));
  display:flex;flex-direction:column;align-items:stretch;gap:0;overflow-y:auto;overscroll-behavior:contain;
  border:0;border-radius:0;box-shadow:none;isolation:isolate;
  background:linear-gradient(#3b302561,#3b302561),url('/assets/village-walnut.webp') center/cover;
  color:#243d30;
 }
 .site-header .mobile-menu[hidden]{display:none;}
 .site-header .mobile-menu::before{content:'';position:fixed;inset:9px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 10% 10%,#fffcf2,#f0ead9 90%);border:1px solid #fff5dc;border-radius:5px;box-shadow:0 1px 8px #1c1c2240;}
 .mobile-menu .menu-kicker{margin:0 0 clamp(24px,6vh,56px);font-size:11px;font-weight:500;letter-spacing:.13em;color:#667055;line-height:1.6;}
 .mobile-menu .menu-paths{display:flex;flex-direction:column;border-top:1px solid #9b9d7a88;}
 .mobile-menu .menu-paths>a,.mobile-menu .menu-paths>button{display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;padding:18px 0;min-height:76px;border:0;border-bottom:1px solid #9b9d7a66;color:#243d30;background:transparent;font-family:var(--display);font-size:clamp(30px,8.7vw,48px);font-weight:500;line-height:1.3;letter-spacing:-.04em;}
 .mobile-menu .menu-paths .icon{width:22px;height:22px;flex:0 0 22px;color:#89916e;transition:transform .25s ease;}
 .mobile-menu .menu-paths>a:hover .icon,.mobile-menu .menu-paths>button:hover .icon{transform:translateX(4px);}
 .site-header .mobile-menu .menu-invitation{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 0;margin:12px 0 20px;min-height:64px;border:0;color:#a2472c;font-family:var(--display);font-size:clamp(23px,6.5vw,32px);font-style:italic;line-height:1.4;}
 .menu-invitation .icon{width:22px;height:22px;flex:0 0 22px;}
 .site-header .mobile-menu .menu-signoff{margin:auto 0 0;padding-top:28px;border-top:1px solid #9b9d7a66;font-family:var(--display);font-style:italic;font-size:18px;color:#667055;line-height:1.6;}
 .menu-open .site-header :focus-visible{outline:2px solid #a2472c;outline-offset:5px;}
 /* The same noticeboard after sunset: warm lantern ink, deep forest paper. */
 body[data-time='evening'] .site-header .mobile-menu{
  background:linear-gradient(#081713c9,#081713c9),url('/assets/village-walnut.webp') center/cover;
  color:#fff1d8;
 }
 body[data-time='evening'] .site-header .mobile-menu::before{
  background:radial-gradient(ellipse at 100% 0%,#75604438,transparent 65%),linear-gradient(145deg,#294037,#112b28);
  border-color:#75806a66;box-shadow:0 1px 12px #030e0c80;
 }
 body[data-time='evening'].menu-open .site-header .brand-logo img{filter:grayscale(1) invert(1);}
 body[data-time='evening'].menu-open .site-header .language-switch{border-color:#75806a;color:#fff1d8;}
 body[data-time='evening'].menu-open .site-header .language-switch a{color:#d1d5bd;}
 body[data-time='evening'].menu-open .site-header .language-switch a[aria-current]{background:#d9c79c;color:#172e26;}
 body[data-time='evening'].menu-open .site-header .menu-toggle{color:#fff1d8;border-color:#75806a;}
 body[data-time='evening'] .mobile-menu .menu-kicker,
 body[data-time='evening'] .site-header .mobile-menu .menu-signoff{color:#c1c8ae;}
 body[data-time='evening'] .mobile-menu .menu-paths,
 body[data-time='evening'] .site-header .mobile-menu .menu-signoff{border-color:#a7ae8552;}
 body[data-time='evening'] .mobile-menu .menu-paths>a,
 body[data-time='evening'] .mobile-menu .menu-paths>button{color:#fff1d8;border-color:#a7ae8545;}
 body[data-time='evening'] .mobile-menu .menu-paths .icon{color:#bdc5a8;}
 body[data-time='evening'] .site-header .mobile-menu .menu-invitation{color:#efbf84;}
 body[data-time='evening'].menu-open .site-header :focus-visible{outline-color:#efbf84;}
}
@media(max-width:700px) and (max-height:600px){.site-header .mobile-menu{padding-top:100px}.mobile-menu .menu-kicker{margin-bottom:16px}.mobile-menu .menu-paths>a,.mobile-menu .menu-paths>button{padding:12px 0;min-height:58px;font-size:30px;}.site-header .mobile-menu .menu-signoff{padding-top:16px;}}
@media(prefers-reduced-motion:reduce){.mobile-menu .icon{transition:none!important}}