.mobile-nav-extras {display:none;}
@media(max-width:700px) {
  .header .header-inner {display:grid;grid-template-columns:1fr 44px;gap:0;}
  .header .brand {grid-column:1;grid-row:1;justify-self:start;width:150px;}
  .header .nav-toggle {grid-column:2;grid-row:1;justify-self:end;padding:10px;min-width:44px;min-height:44px;justify-content:center;}
  .header .toggle-label {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
  .header #navigation {max-height:calc(100dvh - 76px);overflow-y:auto;overscroll-behavior:contain;}
  .header .mobile-nav-extras {display:flex;align-items:center;gap:16px;padding-top:0;border-top:0;}
  .header .mobile-nav-phone {display:inline-flex;align-items:center;min-height:44px;font:400 19px var(--heading);}
  .header .mobile-nav-socials {display:flex;align-items:center;gap:0;margin-top:0;}
  .header .mobile-nav-socials a {display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;}
  .header .mobile-nav-socials svg {width:24px;height:24px;}
}

.desktop-header-socials {display:none;}
@media(min-width:1101px) {
  .header .header-inner {gap:22px;}
  .header #navigation {gap:22px;}
  .header .header-phone {padding-left:20px;}
  .desktop-header-socials {display:flex;align-items:center;gap:0;flex-shrink:0;margin-left:-12px;}
  .desktop-header-socials a {display:inline-flex;align-items:center;justify-content:center;width:32px;height:44px;}
  .desktop-header-socials svg {width:20px;height:20px;}
}