/* Mobile navigation is a modal side panel; the desktop navigation stays inline. */
.mobile-drawer{display:none}
.mobile-drawer[open]{display:flex;flex-direction:column;position:fixed;inset:0 0 0 auto;margin:0;width:min(420px,calc(100vw - 24px));max-width:none;height:100vh;height:100dvh;max-height:none;padding:0;border:0;border-radius:22px 0 0 22px;background:var(--white);color:var(--ink);box-shadow:-20px 0 70px #0a271c26;overflow:hidden;animation:drawer-in .24s cubic-bezier(.2,.75,.3,1);overscroll-behavior:contain}
.mobile-drawer::backdrop{background:rgb(12 31 23 / 55%);backdrop-filter:blur(3px);animation:drawer-shade .2s ease-out}
.mobile-drawer.is-closing{animation:drawer-out .18s ease-in forwards}
.mobile-drawer.is-closing::backdrop{animation:drawer-shade-out .18s ease-in forwards}
.drawer-header{display:flex;align-items:center;justify-content:space-between;gap:18px;flex:none;padding:calc(24px + env(safe-area-inset-top,0px)) 24px 20px;border-bottom:1px solid var(--line)}
.drawer-header .brand img{width:176px;max-width:100%;height:auto;max-height:56px;object-fit:contain}
.drawer-close{display:grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--green)}
.drawer-close:hover{background:#e9efdf}
.drawer-close .icon{width:20px;height:20px}
.drawer-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding:24px 24px calc(24px + env(safe-area-inset-bottom,0px));scrollbar-width:thin}
.drawer-kicker{display:block;margin:0 0 16px;font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--muted);text-transform:uppercase}
.drawer-nav{display:flex;flex-direction:column;gap:2px}
.drawer-nav a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;padding:12px 0;border-bottom:1px solid #e9ede4;font-size:21px;line-height:1.35;letter-spacing:-.5px;white-space:normal;overflow-wrap:anywhere}
.drawer-nav a .icon{width:18px;height:18px;color:#9daa92}
.drawer-nav a:hover,.drawer-nav a.active{color:var(--green)}
.drawer-nav a.active{font-weight:650}
.drawer-nav a.active .icon{color:var(--green)}
.drawer-languages{display:flex;align-items:center;gap:10px;margin:25px 0}
.drawer-languages>span{font-size:12px;color:var(--muted);margin-right:auto}
.drawer-languages a{display:grid;place-items:center;min-width:48px;min-height:44px;border:1px solid var(--line);border-radius:9px;font-size:13px;font-weight:650}
.drawer-languages a.selected{background:var(--green);border-color:var(--green);color:#fff}
.drawer-contact{margin-top:24px;padding:20px;border-radius:14px;background:var(--paper)}
.drawer-contact .button{display:flex;width:100%;margin-bottom:14px;min-height:50px}
.drawer-contact>a:not(.button){display:block;padding:5px 0;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.drawer-contact>small{display:block;color:var(--muted);font-size:11px;margin-top:12px}
html.mobile-menu-lock{overflow:hidden;scroll-behavior:auto}
body.mobile-menu-lock{position:fixed;width:100%;overflow:hidden}
@keyframes drawer-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
@keyframes drawer-out{from{transform:translateX(0)}to{transform:translateX(100%)}}
@keyframes drawer-shade{from{opacity:0}to{opacity:1}}
@keyframes drawer-shade-out{from{opacity:1}to{opacity:0}}
@media(max-width:1050px){
 .site-header{position:sticky;top:0}
 .header-inner{min-height:74px;gap:12px}
 .site-header .brand img{width:clamp(144px,48vw,190px);height:auto;max-height:56px}
 .header-actions{gap:4px}
 .header-actions>.languages{display:none}
 .menu-toggle,.search-toggle{display:grid;place-items:center;width:44px;height:44px;flex:none;padding:0;border-radius:10px}
 .menu-toggle{background:var(--paper);border:1px solid var(--line)}
 .menu-toggle .icon{width:22px;height:22px}
 .search-toggle .icon{width:21px;height:21px}
 .utility-inner{min-height:30px}
 .main-nav.open{display:none}
}
@media(max-width:370px){.drawer-header{padding-inline:20px}.drawer-scroll{padding-inline:20px}.drawer-header .brand img{width:154px}.drawer-nav a{font-size:20px}.drawer-contact{padding:16px}}
@media(prefers-reduced-motion:reduce){.mobile-drawer[open],.mobile-drawer::backdrop,.mobile-drawer.is-closing,.mobile-drawer.is-closing::backdrop{animation:none}}