/* Hamburger popup: one content-sized border inside a viewport scroll area. */
#site-menu{--menu-frame-inset:clamp(24px,2vw,40px);position:fixed;inset:0;height:100dvh;padding:0;overflow:hidden;background:#a67c52 url('../images/bg-hamburger-popup.webp') center/cover no-repeat;color:#fff;z-index:100}
#site-menu[hidden]{display:none}
#site-menu:before,#site-menu .menu-overlay__frame{display:none}
#site-menu .menu-overlay__scroll{display:block;box-sizing:border-box;width:100%;height:100%;padding:var(--menu-frame-inset);overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;overscroll-behavior:contain;scroll-behavior:auto}
#site-menu .menu-overlay__grid{display:grid;position:relative;box-sizing:border-box;width:100%;max-width:none;height:auto;min-height:calc(100dvh - 2 * var(--menu-frame-inset));margin:0;border:1px solid #fff;padding:11.5vw max(20px,calc(8.7vw - var(--menu-frame-inset))) 10vw;grid-template-columns:minmax(0,1fr) minmax(0,.6fr);column-gap:8%;row-gap:45px;align-items:start;background:transparent}
#site-menu .overlay-links{display:grid;gap:clamp(18px,2.4vw,48px);padding:0;margin:0;list-style:none}
#site-menu .overlay-links a{font-size:clamp(32px,3.3vw,68px);font-weight:300;line-height:1.2;letter-spacing:.04em}
#site-menu .overlay-links a[aria-current="page"]{font-weight:650;color:#000}
#site-menu .overlay-contact{display:grid;min-width:0;gap:5vw;align-items:start;justify-content:stretch;padding-top:6.5vw}
#site-menu .overlay-contact>div{min-width:0}
#site-menu .overlay-contact h2,#site-menu .overlay-contact p{font-size:clamp(16px,1.6vw,32px);font-weight:400;line-height:1.15;letter-spacing:0}
#site-menu .overlay-contact h2{margin:0 0 1vw}
#site-menu .overlay-contact p{margin:1vw 0 0}
#site-menu .overlay-contact>div:nth-child(2) h2{margin-bottom:.2vw}
#site-menu .overlay-email{display:inline-block;max-width:100%;font-size:clamp(12px,1.5vw,30px);font-weight:400;line-height:1.15;letter-spacing:0;white-space:nowrap;overflow-wrap:normal;word-break:normal}
#site-menu .menu-close{position:fixed;top:clamp(40px,5.7vw,110px);right:5.7%;width:48px;height:48px;z-index:4;background:#a67c52;box-shadow:0 0 0 6px #a67c52}
@media(max-width:900px){
 #site-menu .menu-overlay__grid{padding:86px max(20px,calc(8vw - var(--menu-frame-inset))) 60px;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);column-gap:7%}
 #site-menu .overlay-links a{font-size:clamp(28px,4.1vw,40px)}
 #site-menu .overlay-contact{padding-top:6vw;gap:36px}
 #site-menu .overlay-contact h2,#site-menu .overlay-contact p{font-size:16px}
 #site-menu .overlay-email{font-size:clamp(12px,1.7vw,16px)}
 #site-menu .overlay-contact h2{margin-bottom:12px}
 #site-menu .overlay-contact>div:nth-child(2) h2{margin-bottom:3px}
 #site-menu .overlay-contact p{margin-top:12px}
 #site-menu .menu-close{top:40px;right:calc(var(--menu-frame-inset) + 16px);width:32px;height:32px}
}
@media(max-width:600px){
 #site-menu{--menu-frame-inset:22px}
 #site-menu .menu-overlay__grid{grid-template-columns:minmax(0,1fr);padding:68px max(16px,calc(9vw - var(--menu-frame-inset))) 42px;row-gap:45px}
 #site-menu .overlay-links a{font-size:30px}
 #site-menu .overlay-contact{padding-top:0;gap:28px}
 #site-menu .overlay-email{font-size:clamp(11px,3.6vw,17px)}
}

#site-menu.menu-overlay{background-color:#a67c52;background-image:url("../images/bg-hamburger-popup.webp?v=63");background-position:center;background-size:cover;background-repeat:no-repeat}
