.menu-toggle{display:none;width:42px;height:42px;padding:10px;border:0;background:transparent;cursor:pointer;flex-direction:column;justify-content:center;gap:5px}
.menu-toggle span{display:block;width:22px;height:1px;background:currentColor;transition:transform .2s,opacity .2s}

@media(max-width:900px){
  .site-header{position:sticky;flex-wrap:wrap;overflow:visible!important}
  .menu-toggle{display:flex;order:2;margin-left:auto;position:relative;z-index:52;touch-action:manipulation}
  .header-actions{order:3}
  .site-header nav{order:4;position:absolute;display:flex;visibility:hidden;opacity:0;pointer-events:none;top:100%;left:0;right:0;z-index:51;background:var(--paper);padding:20px 24px 26px;border-bottom:1px solid var(--line);box-shadow:0 12px 24px rgba(11,43,34,.12);flex-direction:column;gap:0;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility .2s}
  .site-header nav a{padding:14px 0;border-bottom:1px solid var(--line);font-size:15px}
  .site-header.nav-open nav{visibility:visible;opacity:1;pointer-events:auto;transform:none}
  .site-header.nav-open .menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .site-header.nav-open .menu-toggle span:nth-child(2){opacity:0}
  .site-header.nav-open .menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .services-shortcut,.team-shortcut,.knowledge-shortcut{display:none!important}
  .support-grid article{display:grid;grid-template-columns:86px 1fr;grid-template-rows:auto auto auto;column-gap:22px;align-items:center;padding:22px}
  .staff-monogram{width:86px;height:86px;grid-row:1/4;margin:0;font-size:38px}
  .support-grid article>span{align-self:end}
  .support-grid h3{margin:6px 0 2px}
  .support-grid p{align-self:start}
}

@media(max-width:520px){
  .brand small{display:block!important;font-size:8px;letter-spacing:.1em;white-space:nowrap}
  .brand strong{font-size:15px;white-space:nowrap}
  .brand{gap:8px}
  .brand-mark{width:38px;height:38px;flex:0 0 38px}
  .site-header{padding:0 14px}
  .header-actions{gap:4px}
  .lang-toggle{padding:8px 4px;font-size:12px}
  .menu-toggle{width:38px;padding:8px}
  .hero h1{font-size:44px}
  .hero-copy{padding:68px 24px 52px}
  .hero .eyebrow{margin-bottom:20px}
  .lead{font-size:16px;line-height:1.7;margin:24px 0}
  .hero-actions{gap:20px}
}

@media(max-width:360px){
  .site-header{padding-left:10px;padding-right:10px}
  .brand{gap:6px}
  .brand-mark,.site-header .brand-mark{width:36px;height:36px;flex-basis:36px}
  .brand strong,.site-header .brand strong{font-size:11.5px;letter-spacing:0}
  .brand small{font-size:7px;letter-spacing:.05em}
  .menu-toggle{width:34px;padding:6px}
  .header-actions{gap:0}
  .lang-toggle{font-size:11px;padding:7px 2px}
}