.site-header .header-socials{display:flex;align-items:center;gap:8px;margin-left:16px;flex-shrink:0}
.site-header .header-socials a{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:transparent;cursor:default;transition:color .15s,border-color .15s,background-color .15s}
.header-socials svg{width:22px;height:22px;display:block}
.header-socials .social-icon{width:22px;height:22px;display:block;flex-shrink:0}
.social-icon-max{background:currentColor;mask:url('social-max-official.svg') center/contain no-repeat;-webkit-mask:url('social-max-official.svg') center/contain no-repeat}
.site-header .header-socials a:hover,.site-header .header-socials a:focus-visible{color:var(--blue);border-color:var(--blue);background:#f7faff}
.site-header .header-socials a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.site-header .header-socials a[href]{cursor:pointer}
@media(min-width:1024px) and (max-width:1150px){.site-header .brand-marketing{flex-basis:280px;width:280px}.site-header .navigation{gap:10px}.site-header .nav-group{padding-inline:10px}.site-header .nav-group-links{gap:14px}.site-header .header-socials{margin-left:0;gap:6px}}
@media(max-width:1023px){.site-header .header-socials{margin:0;padding:12px 8px 0;border-top:1px solid var(--line);gap:12px}}
.navigation-main{display:contents}
@media(min-width:1024px){
  .site-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:20px}
  .site-header .brand-marketing{grid-column:1;grid-row:1;width:max-content;justify-self:start}
  .site-header .navigation{display:contents}
  .navigation-main{display:flex;align-items:center;gap:20px;grid-column:2;grid-row:1;justify-self:center}
  .site-header .header-socials{grid-column:3;grid-row:1;justify-self:end;margin-left:0;margin-right:16px}
}
@media(min-width:1024px) and (max-width:1380px){.navigation-main{gap:12px}}
@media(min-width:1024px) and (max-width:1150px){
  .site-header{column-gap:12px}
  .site-header .brand-marketing{gap:10px}
  .site-header .brand-wordmark{font-size:32px}
  .site-header .brand-tagline{font-size:10.5px}
  .navigation-main{gap:10px}
}