header {
      min-height: 76px;
      padding: 22px clamp(22px, 5vw, 64px);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      position: sticky;
      top: 0;
      background: rgba(248, 247, 243, .88);
      backdrop-filter: blur(14px);
      border-bottom: 1px solid rgba(37, 37, 33, .06);
      z-index: 10;
    }

    .brand {
      display: flex;
      flex-direction: column;
      gap: 2px;
      min-width: max-content;
    }

    .brand strong {
      font-size: 15px;
      letter-spacing: -.02em;
      font-weight: 650;
    }

    .brand span {
      color: var(--muted);
      font-size: 12px;
    }

    nav {
      display: flex;
      align-items: center;
      gap: clamp(14px, 2vw, 26px);
      color: var(--muted);
      font-size: 14px;
    }

    nav a {
      transition: color .2s ease;
      white-space: nowrap;
    }

    nav a:hover { color: var(--text); }