/* Shares the navigation contrast and home-intro layers; never adds a grid cell. */
.mobile-header-socials{display:none}
@media(max-width:700px){
 body:is(.page-home,.page-about,.page-careers,.page-news,.page-press,.page-contact,.page-projects){--mobile-social-target:30px}
 html body:is(.page-home,.page-about,.page-careers,.page-news,.page-press,.page-contact,.page-projects) #site-navigation>.mobile-header-socials{
  position:fixed;top:calc(8px + var(--mobile-header-safe-top,0px));left:max(12px,env(safe-area-inset-left,0px));
  display:flex;align-items:center;gap:0;height:44px;margin:0;padding:0;z-index:1;color:#fff;
 }
 html body #site-navigation .mobile-header-socials a{
  display:grid!important;place-items:center;position:relative;isolation:isolate;box-sizing:border-box;
  width:var(--mobile-social-target);height:44px;min-height:44px;padding:0!important;margin:0!important;
  border:0!important;border-radius:50%!important;background:transparent!important;color:inherit!important;
  text-decoration:none;touch-action:manipulation;
 }
 html body #site-navigation .mobile-header-socials a::after{display:none!important}
 .mobile-header-socials a::before{content:'';position:absolute;inset:7px 0;background:currentColor;border-radius:50%;opacity:0;transform:scale(.4);transition:transform .25s ease,opacity .2s ease;z-index:-1}
 html body #site-navigation .mobile-header-socials svg{display:block;width:19px;height:19px;fill:currentColor;stroke:none;pointer-events:none;transition:filter .2s ease}
 .mobile-header-socials a:is(:active,:focus-visible)::before{opacity:1;transform:scale(1)}
 .mobile-header-socials a:is(:active,:focus-visible) svg{filter:invert(1)}
 /* Private tools remain accessible without crowding the public logo row. */
 html body:is(.page-home,.page-about,.page-careers,.page-news,.page-press,.page-contact,.page-projects) #site-navigation>.editor-shortcuts{
  position:fixed;top:auto;left:max(12px,env(safe-area-inset-left,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));
  padding:3px 6px;margin:0;border-radius:999px;background:#181818;color:#fff;box-shadow:0 2px 12px #0002;mix-blend-mode:normal;
 }
 .page-press #site-navigation>.editor-shortcuts{bottom:calc(84px + env(safe-area-inset-bottom,0px))!important}
}
@media(max-width:359px){body:is(.page-home,.page-about,.page-careers,.page-news,.page-press,.page-contact,.page-projects){--mobile-social-target:28px}}
@media(prefers-reduced-motion:reduce){.mobile-header-socials a::before,.mobile-header-socials svg{transition:none!important}}