.utility-copy-mobile,.mobile-area-label,.header-call-mobile-label,.menu-backdrop{display:none}

@media(max-width:767px){
  body.has-menu{overflow:hidden}
  .utility-bar{background:var(--paper)}
  .utility-inner{font-size:9px;letter-spacing:0;gap:12px}
  .utility-inner>span{gap:8px;white-space:nowrap}
  .utility-copy-desktop{display:none}
  .utility-copy-mobile{display:inline}
  .utility-inner>a{gap:5px;flex-shrink:0}
  .utility-inner>a>.icon{margin-left:0}
  .mobile-area-label{display:inline;font-size:9px;letter-spacing:0;line-height:1.4}
  .site-header,.site-header.is-scrolled{background:var(--surface);box-shadow:0 1px 0 var(--line),0 8px 22px var(--panel-shadow)}
  .header-inner{height:74px;gap:9px}
  .brand{width:148px}
  .header-call{width:auto;min-width:74px;height:40px;min-height:40px;padding:9px 11px;gap:7px;border:1px solid var(--red);border-radius:4px;background:var(--red);color:#fff;font:600 11px/1.3 var(--body);flex-shrink:0}
  .header-call:hover{background:var(--red-dark);border-color:var(--red-dark);color:#fff}
  .header-call>.icon{width:16px;height:16px;color:currentColor;stroke-width:1.8}
  .header-call>.header-call-mobile-label{display:inline}
  .menu-toggle{width:40px;height:40px;min-width:40px;padding:0;border:1px solid var(--line);border-radius:4px;background:var(--surface-soft);color:var(--ink)}
  .menu-toggle>.icon{width:20px;height:20px;stroke-width:1.8}
  .menu-toggle[aria-expanded="true"]{background:var(--accent-soft);border-color:var(--accent-text);color:var(--accent-text)}
  .mobile-menu{top:calc(100% + 8px);left:12px;right:12px;padding:8px 16px 16px;max-height:calc(100svh - var(--mobile-hero-top) - var(--mobile-hero-bottom) - 16px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;border:1px solid var(--line);border-radius:6px;background:var(--surface);box-shadow:0 16px 36px var(--panel-shadow);animation:mobile-navigation-in .18s ease-out both}
  .mobile-menu>a{min-height:50px;padding:11px 0;gap:18px;font:700 23px/1.2 var(--display);color:var(--ink);border-bottom:1px solid var(--line);transition:color .15s}
  .mobile-menu>a>.icon{width:18px;height:18px;color:var(--accent-text)}
  .mobile-menu>a:hover,.mobile-menu>a:focus-visible{color:var(--accent-text)}
  .mobile-menu>a[href="#contact"]{min-height:44px;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:4px;background:var(--surface-soft);font:600 12px/1.3 var(--body)}
  .mobile-theme-setting{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
  .mobile-theme-setting .theme-toggle{background:var(--surface-soft)}
  .menu-backdrop{position:fixed;inset:0;z-index:48;padding:0;border:0;background:rgb(0 0 0 / .62);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);cursor:default}
  .menu-backdrop:not([hidden]){display:block}
}
@media(max-width:359px){
  .header-inner{gap:8px}
  .brand{width:136px}
  .header-call{min-width:70px;padding-inline:10px;gap:6px}
  .mobile-area-label{font-size:8px}
}
@media(max-width:767px) and (max-height:620px){
  .mobile-menu>a{min-height:44px;padding-block:10px;font-size:21px}
}
@keyframes mobile-navigation-in{
  from{opacity:0;transform:translateY(-6px)}
  to{opacity:1;transform:translateY(0)}
}