.site-header {
  position: sticky; top: 0; z-index: 50;
  padding: 0.75rem clamp(0.5rem, 1vw, 1rem) 0;
  pointer-events: none;
}
.site-header-inner {
  pointer-events: auto;
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 1rem;
  width: min(100%, calc(var(--max) + 2 * var(--gutter)));
  margin-inline: auto;
  padding: 0.6rem calc(var(--gutter) - clamp(0.5rem, 1vw, 1rem));
  border: 1px solid transparent; border-radius: 999px;
  transition: background-color 0.4s, border-color 0.4s, box-shadow 0.4s, padding 0.4s var(--ease), width 0.5s var(--ease);
}
.site-header.is-stuck .site-header-inner {
  width: min(100%, 68rem);
  padding: 0.5rem 0.6rem 0.5rem 1.4rem;
  background: color-mix(in srgb, var(--bg) 78%, transparent);
  -webkit-backdrop-filter: blur(18px) saturate(1.4); backdrop-filter: blur(18px) saturate(1.4);
  border-color: var(--line);
  box-shadow: var(--shadow);
}
.brand { display: block; width: clamp(7.5rem, 11vw, 9.5rem); justify-self: start; transition: width 0.4s var(--ease); }
.brand img { width: 100%; }
.is-stuck .brand { width: 7.25rem; }

.sectors {
  display: flex; gap: 2px; padding: 4px;
  border: 1px solid var(--line); border-radius: 999px;
  background: color-mix(in srgb, var(--surface) 60%, transparent);
}
.sectors a {
  padding: 0.55em 1.05em; border-radius: 999px;
  font-size: 0.92rem; font-weight: 500; text-decoration: none; white-space: nowrap;
  transition: background-color 0.25s, color 0.25s;
}
.sectors a:hover { background: color-mix(in srgb, var(--ink) 8%, transparent); }
.sectors a[aria-current] { background: var(--ink); color: var(--bg); }
.site-header .btn { justify-self: end; }

@media (max-width: 860px) {
  .site-header-inner { grid-template-columns: 1fr auto; row-gap: 0.6rem; border-radius: 26px; }
  .sectors { grid-column: 1 / -1; grid-row: 2; justify-content: stretch; }
  .sectors a { flex: 1; text-align: center; padding-inline: 0.4em; font-size: 0.86rem; }
  .site-header.is-stuck .site-header-inner { padding: 0.5rem 0.5rem 0.5rem 1rem; border-radius: 999px; }
  .site-header.is-stuck .sectors { display: none; }
}