/* AVAT header-only patch. Load after the page styles. No hero/brand changes. */
@media screen and (max-width:1100px){
  .site-header .header-inner{
    display:grid;
    grid-template-columns:minmax(72px,120px) minmax(48px,1fr) max-content;
    column-gap:18px;
    align-items:center;
  }
  .site-header .brand{width:100%;min-width:0}
  .site-header .brand svg{display:block;width:100%;height:auto}
  .site-header .brand-caption{display:none}
  .site-header .menu-toggle{
    display:flex;
    justify-self:end;
    align-items:center;
    justify-content:center;
    min-width:48px;
    min-height:44px;
    margin:0;
    padding:0 4px;
    gap:8px;
    font-size:12px;
    line-height:1.3;
    white-space:nowrap;
  }
  .site-header .header-contact{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    min-height:44px;
    margin:0;
    padding:0 0 0 16px;
    gap:8px;
    font-size:12px;
    line-height:1.3;
    white-space:nowrap;
    overflow:visible;
  }
  .site-header .header-contact span{font-size:18px;line-height:1}
  .site-header #main-nav{top:100%;max-height:calc(100svh - 76px);overscroll-behavior:contain}
  .site-header .menu-toggle:focus-visible,
  .site-header .header-contact:focus-visible{outline:2px solid currentColor;outline-offset:3px}
}
@media screen and (max-width:760px){
  .site-header .header-inner{
    grid-template-columns:minmax(72px,105px) minmax(48px,1fr) max-content;
    column-gap:8px;
  }
  .site-header .header-contact{padding-left:10px;gap:6px}
  .site-header #main-nav{max-height:calc(100svh - 70px)}
}
@media screen and (max-width:359px){
  .site-header .header-inner{padding-inline:16px;column-gap:6px}
}