/* Figma navigation: original local SVGs, IBM Plex Sans, and shared project gutters. */
.site-header { box-sizing: border-box; padding-top: 14px; pointer-events: auto; }
.site-nav { display: flex; align-items: center; justify-content: space-between; height: 36px; }
.site-nav-home { display: block; width: 37.05px; height: 34.2px; position: relative; }
.site-nav-home img { display: block; max-width: none; transform: scale(.95); transform-origin: top left; }
.site-nav-links { display: flex; align-items: center; gap: 28px; }
.site-nav .site-nav-link {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #3a3a3a;
  font: 400 17px / 24px 'IBM Plex Sans', sans-serif;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}
.site-nav-link::after, .site-nav-home::after {
  content: '';
  position: absolute;
  inset: -9px -4px;
}
.site-nav .site-nav-social { display: grid; place-items: center; width: 26px; height: 26px; }
.site-nav-social img { display: block; grid-area: 1 / 1; max-width: none; transform: scale(.8125); transform-origin: center; }
.site-nav-icon-fill { opacity: 0; visibility: hidden; }
.site-nav-underline {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 1px;
  background: #000;
  transform: scaleX(0);
  transform-origin: left center;
  pointer-events: none;
}
.site-nav a:focus-visible, .site-nav button:focus-visible { outline: 1px solid #343330; outline-offset: 7px; }